@yuuvis/client-framework 2.0.0-beta.0 → 2.0.0-beta.3

package/forms/lib/elements/number/number.component.d.ts

@@ -1,6 +1,7 @@
-import { ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
-import { TranslateService } from '@yuuvis/client-core';
-import { FileSizePipe, LocaleNumberPipe } from '@yuuvis/client-core';
+import { OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor, FormControl, ValidationErrors } from '@angular/forms';
+import { FileSizePipe, LocaleNumberPipe, TranslateService } from '@yuuvis/client-core';
+import { AbstractMatFormField } from '@yuuvis/client-framework/common';
 import * as i0 from "@angular/core";
 /**
  * Creates form input for number values.
@@ -11,67 +12,57 @@ import * as i0 from "@angular/core";
  * <yuv-number [scale]="2"></yuv-number>
  *
  */
-export declare class NumberComponent implements ControlValueAccessor, Validator {
-    private translate;
-    value?: number;
-    innerValue: string | null;
-    _scale?: number;
-    _precision?: number;
-    _pattern?: string;
-    _grouping: boolean;
+export declare class NumberComponent extends AbstractMatFormField<number> implements ControlValueAccessor, OnInit, OnDestroy {
+    #private;
+    readonly translate: TranslateService;
     validationErrors: ValidationErrors[];
-    numberPipe: LocaleNumberPipe | FileSizePipe;
+    transformPipe: LocaleNumberPipe | FileSizePipe;
+    innerCtrl: FormControl<string | null>;
+    ngControl: import("@angular/forms").NgControl | null;
     /**
      * Number of decimal places
      */
-    set scale(val: number | undefined);
-    get scale(): number | undefined;
+    scale: import("@angular/core").InputSignal<number | undefined>;
     /**
      * Overall amount of digits allowed (including decimal places)
      */
-    set precision(val: number | undefined);
-    get precision(): number | undefined;
+    precision: import("@angular/core").InputSignal<number | undefined>;
     /**
      *  Set to true to group number by pattern
      */
-    set grouping(val: boolean);
-    get grouping(): boolean;
+    grouping: import("@angular/core").InputSignal<boolean>;
     /**
      * The pattern to group number value by
      */
-    set groupPattern(val: string | undefined);
-    get groupPattern(): string | undefined;
+    groupPattern: import("@angular/core").InputSignal<string | undefined>;
     /**
      * Will prevent the input from being changed (default: false)
      */
-    readonly: boolean;
+    readonly: import("@angular/core").InputSignal<boolean>;
     /**
      * set minimum input value
      */
-    minValue?: number;
+    minValue: import("@angular/core").InputSignal<number | undefined>;
     /**
      * set maximum input value
      *
      */
-    maxValue?: number;
+    maxValue: import("@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)
      */
-    set classifications(classifications: string[]);
+    classifications: import("@angular/core").InputSignal<string[]>;
     static betweenTwoNumbers(val: number, minVal: number | undefined, maxVal: number | undefined): boolean;
-    constructor(translate: TranslateService);
     propagateChange: (_: any) => void;
     writeValue(value: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(): void;
-    onValueChange(evt: any): void;
     format(): void;
     unformat(): void;
-    validate(): {
-        [key: string]: unknown;
-    } | null;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NumberComponent, "yuv-number", never, { "scale": { "alias": "scale"; "required": false; }; "precision": { "alias": "precision"; "required": false; }; "grouping": { "alias": "grouping"; "required": false; }; "groupPattern": { "alias": "groupPattern"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "classifications": { "alias": "classifications"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵ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>;
 }

package/forms/lib/elements/number-range/number-range.component.d.ts

@@ -1,5 +1,7 @@
-import { ControlValueAccessor, UntypedFormGroup, Validator } from '@angular/forms';
+import { OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor, FormControl, FormGroup } from '@angular/forms';
 import { Operator, RangeValue } from '@yuuvis/client-core';
+import { AbstractMatFormField } from '@yuuvis/client-framework/common';
 import * as i0 from "@angular/core";
 /**
  * Creates form input for ranges of numeric values.
@@ -10,7 +12,8 @@ import * as i0 from "@angular/core";
  * <yuv-number-range [scale]="2"></yuv-number-range>
  *
  */
-export declare class NumberRangeComponent implements ControlValueAccessor, Validator {
+export declare class NumberRangeComponent extends AbstractMatFormField<RangeValue> implements ControlValueAccessor, OnInit, OnDestroy {
+    #private;
     /**
      * Number of decimal places
      */
@@ -46,21 +49,23 @@ export declare class NumberRangeComponent implements ControlValueAccessor, Valid
      *
      */
     maxValue?: number;
-    rangeForm: UntypedFormGroup;
-    value?: RangeValue;
     private isValid;
     availableSearchOptions: {
         label: string;
         value: Operator;
     }[];
-    searchOption: Operator;
-    constructor();
+    rangeForm: FormGroup<{
+        numberValue: FormControl<number | undefined>;
+        operator: FormControl<Operator>;
+        numberValueFrom: FormControl<number | undefined>;
+    }>;
     propagateChange: (_: any) => void;
     writeValue(value: RangeValue): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
-    onValueChange(): void;
     validate(): any;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberRangeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NumberRangeComponent, "yuv-number-range", never, { "scale": { "alias": "scale"; "required": false; }; "precision": { "alias": "precision"; "required": false; }; "grouping": { "alias": "grouping"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "classifications": { "alias": "classifications"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; }, {}, never, never, true, never>;
 }

package/forms/lib/elements/organization/organization.component.d.ts

@@ -1,7 +1,8 @@
-import { EventEmitter } from '@angular/core';
-import { ControlValueAccessor, Validator } from '@angular/forms';
-import { YuvUser } from '@yuuvis/client-core';
-import { AutoComplete } from '@yuuvis/components/autocomplete';
+import { OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { TranslateService, YuvUser } from '@yuuvis/client-core';
+import { AutocompleteItem } from '@yuuvis/client-framework/autocomplete';
+import { AbstractMatFormField } from '@yuuvis/client-framework/common';
 import * as i0 from "@angular/core";
 interface UserNode {
     user: YuvUser;
@@ -10,44 +11,35 @@ interface UserNode {
     };
     titleString?: string;
 }
+type FormControlValue = string | {
+    id: string;
+    title: string;
+};
 /**
  * Creates form input for organisation values.
- * Implements `ControlValueAccessor` so it can be used within Angular forms.
- *
- * [Screenshot](../assets/images/yuv-organization.gif)
  *
  * @example
  * <yuv-organization [multiselect]="true"></yuv-organization>
  */
-export declare class OrganizationComponent implements ControlValueAccessor, Validator {
+export declare class OrganizationComponent extends AbstractMatFormField<FormControlValue | FormControlValue[] | undefined> implements ControlValueAccessor, OnInit, OnDestroy {
     #private;
-    private system;
-    private userService;
-    private translate;
-    autoCompleteInput: AutoComplete;
+    readonly translate: TranslateService;
     minLength: number;
-    icons: {
-        organizationMulti: any;
-        organization: any;
-    };
-    private isValidInput;
-    value: string | string[] | null;
+    busy: import("@angular/core").WritableSignal<boolean>;
+    acFormControl: FormControl<AutocompleteItem | AutocompleteItem[] | null | undefined>;
+    ngControl: import("@angular/forms").NgControl | null;
     _innerValue: UserNode[];
     set innerValue(iv: UserNode[]);
     get innerValue(): UserNode[];
-    autocompleteRes: UserNode[];
-    private filterRoles;
-    onKeydownHandler(event: KeyboardEvent): void;
-    get _inputDisabled(): boolean;
-    placeholder?: string;
+    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?: string;
+    situation: import("@angular/core").InputSignal<string | undefined>;
     /**
      * Indicator that multiple strings could be inserted, they will be rendered as chips (default: false).
      */
-    multiselect: boolean;
+    multiselect: import("@angular/core").InputSignal<boolean>;
     /**
      * Additional semantics for the form element.
      */
@@ -57,46 +49,26 @@ export declare class OrganizationComponent implements ControlValueAccessor, Vali
     /**
      * Will prevent the input from being changed (default: false)
      */
-    readonly: boolean;
-    /**
-     * Set this to true and the component will try to gain focus once it has been rendered.
-     * Notice that this is not reliable. If there are any other components that are rendered
-     * later and also try to be focused, they will 'win', because there can only be one focus.
-     */
-    autofocus: boolean;
-    /**
-     * Will attch the overlay to this HTMLelement
-     */
-    appendTo: null;
+    readonly: import("@angular/core").InputSignal<boolean>;
     /**
      * Whether or not to exclude the current user from autocomplete result
      */
-    excludeMe: boolean;
+    excludeMe: import("@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: import("@angular/core").InputSignal<boolean>;
-    userSelect: EventEmitter<YuvUser[]>;
     propagateChange: (_: any) => void;
-    writeValue(value: any): void;
+    writeValue(value: string | string[]): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     private propagate;
-    focusInput(): void;
     resolveFn(value: any): import("rxjs").Subscription;
     autocompleteFn(query: string): void;
-    validate(): {
-        empty: {
-            valid: boolean;
-        };
-    } | null;
-    propagateValidity(valid?: boolean): void;
-    onSelect(): void;
-    onUnselect(value: any): void;
-    onAutoCompleteBlur(): void;
-    private clearInnerInput;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OrganizationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OrganizationComponent, "yuv-organization", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "situation": { "alias": "situation"; "required": false; }; "multiselect": { "alias": "multiselect"; "required": false; }; "classifications": { "alias": "classifications"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "excludeMe": { "alias": "excludeMe"; "required": false; }; "withMetadata": { "alias": "withMetadata"; "required": false; "isSignal": true; }; }, { "userSelect": "userSelect"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OrganizationComponent, "yuv-organization", never, { "situation": { "alias": "situation"; "required": false; "isSignal": true; }; "multiselect": { "alias": "multiselect"; "required": false; "isSignal": true; }; "classifications": { "alias": "classifications"; "required": false; }; "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>;
 }
 export {};

package/forms/lib/elements/range-select-date/range-select-date.component.d.ts

@@ -1,6 +1,7 @@
-import { ControlValueAccessor } from '@angular/forms';
+import { OnDestroy } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { DateRange } from '@yuuvis/client-core';
-import { DropdownOption } from '@yuuvis/components/dropdown';
+import { AbstractMatFormField } from '@yuuvis/client-framework/common';
 import { RangeSelectDateValue } from './range-select-date.interface';
 import * as i0 from "@angular/core";
 /**
@@ -8,13 +9,16 @@ import * as i0 from "@angular/core";
  * 'today', 'this week', 'this month', etc.
  * It also allows to pick a custom date range.
  */
-export declare class RangeSelectDateComponent implements ControlValueAccessor {
+export declare class RangeSelectDateComponent extends AbstractMatFormField<RangeSelectDateValue> implements ControlValueAccessor, OnDestroy {
     #private;
     private translate;
-    dateOptions: import("@angular/core").WritableSignal<DropdownOption[]>;
-    innerForm: import("@angular/forms").FormGroup<{
-        range: import("@angular/forms").FormControl<string>;
-    }>;
+    options: import("@angular/core").WritableSignal<{
+        label: string;
+        value: unknown;
+    }[]>;
+    readonly fc: FormControl<string>;
+    ngControl: import("@angular/forms").NgControl | null;
+    get shouldLabelFloat(): boolean;
     /**
      * Range values to be used in the dropdown.
      */
@@ -28,6 +32,7 @@ export declare class RangeSelectDateComponent implements ControlValueAccessor {
     writeValue(value?: RangeSelectDateValue): void;
     registerOnChange(fn: () => void): void;
     registerOnTouched(fn: () => void): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RangeSelectDateComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RangeSelectDateComponent, "yuv-range-select-date", never, { "ranges": { "alias": "ranges"; "required": false; "isSignal": true; }; "customRange": { "alias": "customRange"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/forms/lib/elements/range-select-filesize/range-select-filesize.component.d.ts

@@ -1,19 +1,23 @@
-import { ControlValueAccessor } from '@angular/forms';
+import { OnDestroy } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { FilesizeRange } from '@yuuvis/client-core';
-import { DropdownOption } from '@yuuvis/components/dropdown';
 import { RangeSelectFilesizeValue } from './range-select-filesize.interface';
+import { AbstractMatFormField } from '@yuuvis/client-framework/common';
 import * as i0 from "@angular/core";
 /**
  * Component for selecting a range of filesizes based on pre-defined ranges like
  * 'today', 'this week', 'this month', etc.
  */
-export declare class RangeSelectFilesizeComponent implements ControlValueAccessor {
+export declare class RangeSelectFilesizeComponent extends AbstractMatFormField<RangeSelectFilesizeValue> implements ControlValueAccessor, OnDestroy {
     #private;
     private translate;
-    options: import("@angular/core").WritableSignal<DropdownOption[]>;
-    innerForm: import("@angular/forms").FormGroup<{
-        range: import("@angular/forms").FormControl<string>;
-    }>;
+    options: import("@angular/core").WritableSignal<{
+        label: string;
+        value: unknown;
+    }[]>;
+    readonly fc: FormControl<string>;
+    ngControl: import("@angular/forms").NgControl | null;
+    get shouldLabelFloat(): boolean;
     /**
      * Range values to be used in the dropdown.
      */
@@ -23,6 +27,7 @@ export declare class RangeSelectFilesizeComponent implements ControlValueAccesso
     writeValue(value?: RangeSelectFilesizeValue): void;
     registerOnChange(fn: () => void): void;
     registerOnTouched(fn: () => void): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RangeSelectFilesizeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RangeSelectFilesizeComponent, "yuv-range-select-filesize", never, { "ranges": { "alias": "ranges"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/forms/lib/elements/string/string.component.d.ts

@@ -1,6 +1,8 @@
-import { AfterViewInit } from '@angular/core';
-import { ControlValueAccessor, Validator } from '@angular/forms';
+import { AfterViewInit, OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { MatChipEditedEvent, MatChipInputEvent } from '@angular/material/chips';
 import { FormattedMailTo } from '@yuuvis/client-core';
+import { AbstractMatFormField } from '@yuuvis/client-framework/common';
 import * as i0 from "@angular/core";
 /**
  * Creates form input for strings. Based on the input values different kinds of inputs will be generated.
@@ -18,16 +20,16 @@ import * as i0 from "@angular/core";
  * <yuv-string [rows]="10"></yuv-string>
  *
  */
-export declare class StringComponent implements ControlValueAccessor, Validator, AfterViewInit {
-    private iconsService;
-    private elementRef;
+export declare class StringComponent extends AbstractMatFormField<string | string[] | undefined> implements ControlValueAccessor, AfterViewInit, OnInit, OnDestroy {
+    #private;
+    readonly fc: FormControl<string | string[] | null | undefined>;
+    readonly separatorKeysCodes: readonly [13, 188];
     classifiytionIcons: {
         email: string;
         url: string;
         phone: string;
     };
     maxEntryCountIfInvalid?: number;
-    fe: boolean;
     /**
      * Indicator that multiple strings could be inserted, they will be rendered as chips (default: false).
      */
@@ -69,7 +71,6 @@ export declare class StringComponent implements ControlValueAccessor, Validator,
      * Maximum number of characters
      */
     maxLength?: number;
-    value: any;
     formatedValue?: FormattedMailTo;
     valid: boolean;
     validationErrors: {
@@ -79,26 +80,20 @@ export declare class StringComponent implements ControlValueAccessor, Validator,
         hrefPrefix: string;
         icon: string | undefined;
     };
-    private _classifications;
+    ngControl: import("@angular/forms").NgControl | null;
     propagateChange: (_: any) => void;
     private propagate;
-    writeValue(value: any): void;
+    writeValue(value: string | string[]): void;
     registerOnChange(fn: any): void;
     registerOnTouched(): void;
-    onValueChange(val: any): void;
     onBlur(): void;
-    /**
-     * Trims the current value and returns wether or not it has been trimmed
-     */
-    private trimValue;
+    chipsAdd(event: MatChipInputEvent): void;
+    chipsRemove(v: string): void;
+    chipsEdit(v: string, event: MatChipEditedEvent): void;
     private validateClassification;
-    /**
-     * returns null when valid else the validation object
-     */
-    validate(): {
-        [key: string]: unknown;
-    } | null;
+    ngOnInit(): void;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StringComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<StringComponent, "yuv-string", never, { "multiselect": { "alias": "multiselect"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "classifications": { "alias": "classifications"; "required": false; }; "situation": { "alias": "situation"; "required": false; }; "regex": { "alias": "regex"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; }, {}, never, never, true, never>;
 }

package/forms/lib/forms.module.d.ts

@@ -1,16 +1,13 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "@ngx-translate/core";
-import * as i4 from "@yuuvis/components/common";
-import * as i5 from "@yuuvis/components/autocomplete";
-import * as i6 from "@yuuvis/components/datepicker";
-import * as i7 from "@yuuvis/components/checkbox";
-import * as i8 from "@yuuvis/components/icon";
-import * as i9 from "@yuuvis/components/chips";
-import * as i10 from "@yuuvis/components/dropdown";
+import * as i1 from "./elements/string/string.component";
+import * as i2 from "./elements/number/number.component";
+import * as i3 from "./elements/number-range/number-range.component";
+import * as i4 from "./elements/datetime/datetime.component";
+import * as i5 from "./elements/datetime-range/datetime-range.component";
+import * as i6 from "./elements/organization/organization.component";
+import * as i7 from "./elements/catalog/catalog.component";
 export declare class YuvFormsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<YuvFormsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<YuvFormsModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.TranslateModule, typeof i2.ReactiveFormsModule, typeof i4.YvcFocusWithin, typeof i5.YvcAutocompleteModule, typeof i6.YvcDatepickerModule, typeof i2.FormsModule, typeof i7.YvcCheckboxModule, typeof i8.YvcIconModule, typeof i9.YvcChipsModule, typeof i10.YvcDropdownModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<YuvFormsModule, never, [typeof i1.StringComponent, typeof i2.NumberComponent, typeof i3.NumberRangeComponent, typeof i4.DatetimeComponent, typeof i5.DatetimeRangeComponent, typeof i6.OrganizationComponent, typeof i1.StringComponent, typeof i7.CatalogComponent], [typeof i1.StringComponent, typeof i2.NumberComponent, typeof i3.NumberRangeComponent, typeof i4.DatetimeComponent, typeof i5.DatetimeRangeComponent, typeof i6.OrganizationComponent, typeof i1.StringComponent, typeof i7.CatalogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<YuvFormsModule>;
 }

package/icons/index.d.ts

@@ -1,3 +1,4 @@
 export * from './lib/icon.service';
+export * from './lib/icon.component';
 export * from './lib/icons';
 export * from './lib/object-type-icon/object-type-icon.component';

package/icons/lib/icon.component.d.ts

@@ -0,0 +1,20 @@
+import { HttpClient } from '@angular/common/http';
+import { ElementRef, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class YuvIconComponent implements OnInit {
+    #private;
+    private element;
+    private http;
+    private document;
+    private _svgIcon;
+    label: import("@angular/core").InputSignal<string | undefined>;
+    svg: import("@angular/core").InputSignal<string | SVGElement | undefined>;
+    svgSrc: import("@angular/core").InputSignal<string | undefined>;
+    constructor(element: ElementRef, http: HttpClient, document: any);
+    private _createSvg;
+    private _removeSVG;
+    private _svgElementFromString;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<YuvIconComponent, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<YuvIconComponent, "yuv-icon", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "svg": { "alias": "svg"; "required": false; "isSignal": true; }; "svgSrc": { "alias": "svgSrc"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/assets/i18n/de.json

@@ -28,6 +28,7 @@
   "yuv.form.element.datetime.calendar.cancel": "Abbrechen",
   "yuv.form.element.datetime.calendar.select": "Auswählen",
   "yuv.form.element.datetime.calendar.today": "Heute",
+  "yuv.form.element.organization.classify.icon.title": "",
   "yuv.form.element.organization.user.not-found": "Benutzer nicht gefunden",
   "yuv.form.element.range-select-date.custom.overlay.button.apply": "Anwenden",
   "yuv.form.element.range-select-date.custom.overlay.title": "Benutzerdefinierter Zeitraum",
@@ -46,8 +47,6 @@
   "yuv.form.element.range-select-filesize.option.medium": "Medium (1-10 MB)",
   "yuv.form.element.range-select-filesize.option.small": "Klein (<1 MB)",
   "yuv.form.element.range-select-filesize.option.verylarge": "Sehr groß (>100 MB)",
-  "yuv.object-form-element.tag.df": "Standardwert (default)",
-  "yuv.object-form-element.tag.ex": "Extrahiert aus Dokument",
   "yuv.audit.fetch.error": "Historieneinträge konnten nicht geladen werden",
   "yuv.audit.label.create.metadata": "Objekt wurde erstellt",
   "yuv.audit.label.create.metadata.withcontent": "Objekt wurde mit Dokumentdatei erstellt",
@@ -84,36 +83,21 @@
   "yuv.object-metadata.tabs.history.title": "Historie",
   "yuv.object-metadata.tabs.indexdata.title": "Metadaten",
   "yuv.retention-badge.retain": "Aufbewahrung {{from}} - {{until}}",
+  "yuv.object-flavor.apply-flavor.button.apply": "Anwenden",
+  "yuv.object-flavor.apply-flavor.button.cancel": "Abbrechen",
+  "yuv.object-flavor.apply-flavor.headline": "Typ '{{name}}' hinzufügen",
   "yuv.object-flavor.button.add": "Typ hinzufügen",
   "yuv.object-flavor.button.clear-selection": "Auswahl aufheben",
+  "yuv.object-flavor.flavor.remove.confirm.message": "Möchten Sie den Typ '{{flavor}}' wirklich entfernen?",
   "yuv.object-flavor.label": "Typen",
   "yuv.object-flavor.picker.button.cancel": "Abbrechen",
   "yuv.object-flavor.picker.text": "Typen sind Erweiterungen für Dateien, die zusätzliche Informationen zu deren Inhalt/Bedeutung bereitstellen.",
   "yuv.object-flavor.picker.title": "Typ hinzufügen",
-  "yuv.object-form-element.error.date.invalid": "Bitte geben Sie ein gültiges Datum ein.",
-  "yuv.object-form-element.error.daterange.invalid": "Bitte geben Sie einen gültigen Datumsbereich an.",
-  "yuv.object-form-element.error.daterangeorder.invalid": "Das Von-Datum ist später als das Bis-Datum.",
-  "yuv.object-form-element.error.maxlength": "Die Eingabe darf max. {{maxLength}} Zeichen enthalten.",
-  "yuv.object-form-element.error.maxvalue": "Die Eingabe darf nicht mehr als {{maxValue}} sein.",
-  "yuv.object-form-element.error.minlength": "Die Eingabe muss min. {{minLength}} Zeichen enthalten.",
-  "yuv.object-form-element.error.minmax": "Die Eingabe muss zwischen {{minValue}} und {{maxValue}} liegen.",
-  "yuv.object-form-element.error.minvalue": "Die Eingabe darf nicht weniger als {{minValue}} sein.",
-  "yuv.object-form-element.error.number": "Bitte geben Sie einen numerischen Wert ein.",
-  "yuv.object-form-element.error.number.precision": "Die Anzahl der Vorkommastellen ist nicht korrekt: max. {{prePointDigits}}.",
-  "yuv.object-form-element.error.number.scale": "Die Anzahl der Nachkommastellen ist nicht korrekt: max. {{scale}}.",
-  "yuv.object-form-element.error.numberrange.invalid": "Geben Sie einen gültigen Zahlenbereich an.",
-  "yuv.object-form-element.error.numberrangeorder.invalid": "Der Von-Wert ist größer als der Bis-Wert.",
-  "yuv.object-form-element.error.required": "Pflichtfeld",
-  "yuv.object-form-element.error.string.classification.email": "Bitte geben Sie eine gültige E-Mail-Adresse ein.",
-  "yuv.object-form-element.error.string.classification.phone": "Bitte geben Sie eine gültige Telefonnummer ein.",
-  "yuv.object-form-element.error.string.classification.url": "Bitte geben Sie eine gültige URL ein.",
-  "yuv.object-form-element.error.string.regex.nomatch": "Die Eingabe entspricht nicht den Vorgaben.",
-  "yuv.object-form-element.error.string.whitespaces": "Die Eingabe enthält nur Leerzeichen.",
-  "yuv.object-form-element.recent-activities.list.empty": "Es konnten keine Einträge gefunden werden.",
   "yuv.object-preview.tiff-warning": "Dieses Dokument ist nicht die Original-TIFF-Datei, sondern nur eine Repräsentation. TIFF-Dateien werden nicht für die Vorschau unterstützt. Bitte laden Sie das Dokument herunter, um das Original anzuzeigen.",
   "yuv.object-summary.load.error": "",
   "yuv.sequence-list.form.nextAssignee": "Empfänger",
   "yuv.sequence-list.form.task": "Aufgabe",
+  "yuv.tile-config.button.close": "Schließen",
   "yuv.tile-config.button.save": "Speichern",
   "yuv.tile-config.details.empty.description": "",
   "yuv.tile-config.details.empty.title": "Wählen Sie einen Typ aus",
@@ -122,7 +106,7 @@
   "yuv.tile-config.slot.action.headline": "Aktionen",
   "yuv.tile-config.slot.icon.headline": "Icon",
   "yuv.tile-config.slot.property.headline": "Attribut",
-  "yuv.tile-config.title": "Trefferlistenkonfiguration",
+  "yuv.tile-config.title": "Trefferlistenkonfiguration für {{bucket}}",
   "yuv.tile-config.trigger.tooltip": "Trefferlistenkonfiguration",
   "yuv.upload-progress-overlay.error.403": "Sie haben nicht die erforderlichen Berechtigungen, um die Datei hochzuladen.",
   "yuv.upload-progress-overlay.error.default": "Die Datei konnte nicht hochgeladen werden.",

package/lib/assets/i18n/en.json

@@ -23,11 +23,12 @@
   "yuv.form.element.data.grid.edit": "Edit",
   "yuv.form.element.data.grid.edit.add": "Add",
   "yuv.form.element.data.grid.edit.cancel": "Cancel",
-  "yuv.form.element.data.grid.edit.headline": "Edit the {{headline}} row in the table.",
-  "yuv.form.element.data.grid.remove": "Remove",
+  "yuv.form.element.data.grid.edit.headline": "Edit {{headline}} table row.",
+  "yuv.form.element.data.grid.remove": "Delete",
   "yuv.form.element.datetime.calendar.cancel": "Cancel",
-  "yuv.form.element.datetime.calendar.select": "select",
+  "yuv.form.element.datetime.calendar.select": "Select",
   "yuv.form.element.datetime.calendar.today": "Today",
+  "yuv.form.element.organization.classify.icon.title": "",
   "yuv.form.element.organization.user.not-found": "User not found",
   "yuv.form.element.range-select-date.custom.overlay.button.apply": "Apply",
   "yuv.form.element.range-select-date.custom.overlay.title": "User-defined time period",
@@ -46,8 +47,6 @@
   "yuv.form.element.range-select-filesize.option.medium": "Medium (1-10 MB)",
   "yuv.form.element.range-select-filesize.option.small": "Small (<1 MB)",
   "yuv.form.element.range-select-filesize.option.verylarge": "Very large (>100 MB)",
-  "yuv.object-form-element.tag.df": "Default value",
-  "yuv.object-form-element.tag.ex": "Extracted from document",
   "yuv.audit.fetch.error": "Unable to load history entries",
   "yuv.audit.label.create.metadata": "Object was created",
   "yuv.audit.label.create.metadata.withcontent": "Object was created with document file",
@@ -84,36 +83,21 @@
   "yuv.object-metadata.tabs.history.title": "History",
   "yuv.object-metadata.tabs.indexdata.title": "Metadata",
   "yuv.retention-badge.retain": "Retention {{from}} - {{until}}",
+  "yuv.object-flavor.apply-flavor.button.apply": "Apply",
+  "yuv.object-flavor.apply-flavor.button.cancel": "Cancel",
+  "yuv.object-flavor.apply-flavor.headline": "Apply type '{{name}}'",
   "yuv.object-flavor.button.add": "Add type",
   "yuv.object-flavor.button.clear-selection": "Unselect",
+  "yuv.object-flavor.flavor.remove.confirm.message": "Do you really want to remove type '{{flavor}}'?",
   "yuv.object-flavor.label": "Types",
   "yuv.object-flavor.picker.button.cancel": "Cancel",
   "yuv.object-flavor.picker.text": "Types are extensions for files that provide additional information about their content/meaning.",
   "yuv.object-flavor.picker.title": "Add type",
-  "yuv.object-form-element.error.date.invalid": "Please enter a valid date.",
-  "yuv.object-form-element.error.daterange.invalid": "Please enter a valid date range.",
-  "yuv.object-form-element.error.daterangeorder.invalid": "The From date is later than the To date.",
-  "yuv.object-form-element.error.maxlength": "The entry can contain a maximum of {{maxLength}} characters.",
-  "yuv.object-form-element.error.maxvalue": "The entry may not exceed {{maxValue}}.",
-  "yuv.object-form-element.error.minlength": "The entry must contain a minimum of {{minLength}} characters.",
-  "yuv.object-form-element.error.minmax": "The entry must be between {{minValue}} and {{maxValue}}.",
-  "yuv.object-form-element.error.minvalue": "The entry may not be below {{minValue}}.",
-  "yuv.object-form-element.error.number": "Please enter a numerical value.",
-  "yuv.object-form-element.error.number.precision": "The number of digits before the decimal point is not correct (max. of {{prePointDigits}}).",
-  "yuv.object-form-element.error.number.scale": "The number of decimal places is not correct: max. of {{scale}}.",
-  "yuv.object-form-element.error.numberrange.invalid": "Enter a valid number range.",
-  "yuv.object-form-element.error.numberrangeorder.invalid": "The 'from' value exceeds the 'to' value.",
-  "yuv.object-form-element.error.required": "Mandatory field",
-  "yuv.object-form-element.error.string.classification.email": "Please enter a valid e-mail address.",
-  "yuv.object-form-element.error.string.classification.phone": "Please enter a valid phone number.",
-  "yuv.object-form-element.error.string.classification.url": "Please enter a valid URL.",
-  "yuv.object-form-element.error.string.regex.nomatch": "The entry does not follow the specifications.",
-  "yuv.object-form-element.error.string.whitespaces": "The entry contains only spaces.",
-  "yuv.object-form-element.recent-activities.list.empty": "No entries were found.",
   "yuv.object-preview.tiff-warning": "This document is not the original *.tiff file, but only a representation. The preview does not support *.tiff files. Please download the document to view the original.",
   "yuv.object-summary.load.error": "",
   "yuv.sequence-list.form.nextAssignee": "Recipient",
   "yuv.sequence-list.form.task": "Task",
+  "yuv.tile-config.button.close": "Close",
   "yuv.tile-config.button.save": "Save",
   "yuv.tile-config.details.empty.description": "",
   "yuv.tile-config.details.empty.title": "Select a type",
@@ -122,7 +106,7 @@
   "yuv.tile-config.slot.action.headline": "Actions",
   "yuv.tile-config.slot.icon.headline": "Icon",
   "yuv.tile-config.slot.property.headline": "Attributes",
-  "yuv.tile-config.title": "Hit list configuration",
+  "yuv.tile-config.title": "Hit list configuration for {{bucket}}",
   "yuv.tile-config.trigger.tooltip": "Hit list configuration",
   "yuv.upload-progress-overlay.error.403": "You do not have the required permissions to upload the file.",
   "yuv.upload-progress-overlay.error.default": "Unable to upload the file.",

package/list/index.d.ts

@@ -1,2 +1,3 @@
+export * from './lib/list.module';
 export * from './lib/list.component';
 export * from './lib/list-item.directive';