@yuuvis/client-framework 0.6.5

package/fesm2022/yuuvis-client-framework.mjs

@@ -0,0 +1,22 @@
+import * as i0 from '@angular/core';
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class YuuvisClientFrameworkModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: YuuvisClientFrameworkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: YuuvisClientFrameworkModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: YuuvisClientFrameworkModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: YuuvisClientFrameworkModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { YuuvisClientFrameworkModule };
+//# sourceMappingURL=yuuvis-client-framework.mjs.map

package/fesm2022/yuuvis-client-framework.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"yuuvis-client-framework.mjs","sources":["../../../../../libs/yuuvis/client-framework/src/lib/yuuvis-client-framework.module.ts","../../../../../libs/yuuvis/client-framework/src/yuuvis-client-framework.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class YuuvisClientFrameworkModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAMa,2BAA2B,CAAA;+GAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,2BAA2B,YAF5B,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;AAEX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,2BAA2B,YAF5B,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAEX,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAHvC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA,CAAA;;;ACLD;;AAEG;;;;"}

package/forms/README.md

@@ -0,0 +1,3 @@
+# @yuuvis/client-framework/forms
+
+Secondary entry point of `@yuuvis/client-framework`. It can be used by importing from `@yuuvis/client-framework/forms`.

package/forms/index.d.ts

@@ -0,0 +1,9 @@
+export { CatalogComponent } from './lib/elements/catalog/catalog.component';
+export { DatetimeRangeComponent } from './lib/elements/datetime-range/datetime-range.component';
+export { DatetimeComponent } from './lib/elements/datetime/datetime.component';
+export { NumberRangeComponent } from './lib/elements/number-range/number-range.component';
+export { NumberComponent } from './lib/elements/number/number.component';
+export { OrganizationComponent } from './lib/elements/organization/organization.component';
+export { StringComponent } from './lib/elements/string/string.component';
+export { FormInputComponent } from './lib/form-input/form-input.component';
+export * from './lib/forms.module';

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

@@ -0,0 +1,68 @@
+import { ControlValueAccessor } from '@angular/forms';
+import { SystemService } from '@yuuvis/client-core';
+import { DropdownOption } from '@yuuvis/components/dropdown';
+import * as i0 from "@angular/core";
+/**
+ * Component rendering a simple catalog as form element.
+ * There are two ways how to use this component. One is to add options as an array
+ * of strings on your own, the second one is to apply a special classification.
+ *
+ * Classifications are used within form models and rendered as object forms. Elements
+ * with a classification of `catalog[Item1, Item2, Item3]` will use this component
+ * as well. So you may also choose to set a classification like this in order to
+ * apply your options.
+ *
+ * @example
+ * <!-- setting options as string array -->
+ * <yuv-catalog [options]="cities" [(ngModel)]="hometown"></yuv-catalog>
+ *
+ * <!-- setting options using a classification -->
+ * <yuv-catalog [classification]="'catalog[Berlin, Chicago, Paris]'" [(ngModel)]="hometown"></yuv-catalog>
+ */
+export declare class CatalogComponent implements ControlValueAccessor {
+    private systemService;
+    value?: string | string[];
+    _options: DropdownOption[];
+    getLabel: (value: any) => any;
+    /**
+     * Enable filtering of options
+     */
+    filter: boolean;
+    /**
+     * 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;
+    /**
+     * By default a filter panel will shown if the number of options exceeds 10 entries. You could
+     * change this number.
+     */
+    enableFilterWhenOptionsExceed: number;
+    /**
+     * Array of selectable entries
+     */
+    set options(options: (string | any)[]);
+    /**
+     * Indicator that multiple items could be selected
+     */
+    multiselect: boolean;
+    /**
+     * Additional semantics for the form element.
+     */
+    set classifications(c: string[]);
+    /**
+     * Will attch the overlay to this HTMLelement
+     */
+    appendTo: null;
+    /**
+     * Will prevent the input from being changed (default: false)
+     */
+    readonly: boolean;
+    constructor(systemService: SystemService);
+    propagateChange: (_: any) => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    onChange(value: string[] | string | undefined): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CatalogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CatalogComponent, "yuv-catalog", never, { "filter": { "alias": "filter"; "required": false; }; "situation": { "alias": "situation"; "required": false; }; "enableFilterWhenOptionsExceed": { "alias": "enableFilterWhenOptionsExceed"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiselect": { "alias": "multiselect"; "required": false; }; "classifications": { "alias": "classifications"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,32 @@
+import { ControlValueAccessor } from '@angular/forms';
+import { DatepickerLabels } from '@yuuvis/components/datepicker';
+import * as i0 from "@angular/core";
+export declare class DatetimeComponent implements ControlValueAccessor {
+    private translate;
+    value: Date | null;
+    locale: string;
+    labels?: DatepickerLabels;
+    /**
+     * Whether or not to allow only values in the future (default: false)
+     */
+    onlyFutureDates: boolean;
+    /**
+     * Will prevent the input from being changed (default: false)
+     */
+    readonly: boolean;
+    /**
+     * Enables setting time as well (default: false)
+     */
+    withTime: boolean;
+    constructor();
+    private _setLabels;
+    propagateChange: (fn: () => void) => void;
+    validationChange: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: () => void): void;
+    registerOnValidatorChange?(fn: () => void): void;
+    registerOnTouched(): void;
+    onValueChange(e: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatetimeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatetimeComponent, "yuv-datetime", never, { "onlyFutureDates": { "alias": "onlyFutureDates"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "withTime": { "alias": "withTime"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,51 @@
+import { OnInit } from '@angular/core';
+import { ControlValueAccessor, FormGroup, Validator } from '@angular/forms';
+import { Operator, RangeValue } from '@yuuvis/client-core';
+import * as i0 from "@angular/core";
+export declare class DatetimeRangeComponent implements ControlValueAccessor, Validator, OnInit {
+    private fb;
+    /**
+     * Enables setting time as well (default: false)
+     */
+    withTime: boolean;
+    /**
+     * Will prevent the input from being changed (default: false)
+     */
+    readonly: boolean;
+    operator: string;
+    rangeForm: FormGroup;
+    value?: RangeValue;
+    private _isValid;
+    availableSearchOptions: {
+        label: string;
+        value: Operator;
+    }[];
+    searchOption: Operator;
+    propagateChange: (_: any) => void;
+    writeValue(value: RangeValue): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    onValueChange(): void;
+    validate(): {
+        datecontrol: {
+            valid: boolean;
+        };
+        daterangeorder?: undefined;
+        daterange?: undefined;
+    } | {
+        daterangeorder: {
+            valid: boolean;
+        };
+        datecontrol?: undefined;
+        daterange?: undefined;
+    } | {
+        daterange: {
+            valid: boolean;
+        };
+        datecontrol?: undefined;
+        daterangeorder?: undefined;
+    } | null;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatetimeRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatetimeRangeComponent, "yuv-datetime-range", never, { "withTime": { "alias": "withTime"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "operator": { "alias": "operator"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,77 @@
+import { ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
+import { TranslateService } from '@yuuvis/client-core';
+import { FileSizePipe, LocaleNumberPipe } from '@yuuvis/client-core';
+import * as i0 from "@angular/core";
+/**
+ * Creates form input for number values.
+ *
+ * Implements `ControlValueAccessor` so it can be used within Angular forms.
+ *
+ * @example
+ * <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;
+    validationErrors: ValidationErrors[];
+    numberPipe: LocaleNumberPipe | FileSizePipe;
+    /**
+     * Number of decimal places
+     */
+    set scale(val: number | undefined);
+    get scale(): number | undefined;
+    /**
+     * Overall amount of digits allowed (including decimal places)
+     */
+    set precision(val: number | undefined);
+    get precision(): number | undefined;
+    /**
+     *  Set to true to group number by pattern
+     */
+    set grouping(val: boolean);
+    get grouping(): boolean;
+    /**
+     * The pattern to group number value by
+     */
+    set groupPattern(val: string | undefined);
+    get groupPattern(): string | undefined;
+    /**
+     * Will prevent the input from being changed (default: false)
+     */
+    readonly: boolean;
+    /**
+     * set minimum input value
+     */
+    minValue?: number;
+    /**
+     * set maximum input value
+     *
+     */
+    maxValue?: number;
+    /**
+     * 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[]);
+    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;
+    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>;
+}

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

@@ -0,0 +1,66 @@
+import { ControlValueAccessor, UntypedFormGroup, Validator } from '@angular/forms';
+import { Operator, RangeValue } from '@yuuvis/client-core';
+import * as i0 from "@angular/core";
+/**
+ * Creates form input for ranges of numeric values.
+ *
+ * Implements `ControlValueAccessor` so it can be used within Angular forms.
+ *
+ * @example
+ * <yuv-number-range [scale]="2"></yuv-number-range>
+ *
+ */
+export declare class NumberRangeComponent implements ControlValueAccessor, Validator {
+    /**
+     * Number of decimal places
+     */
+    scale?: number;
+    /**
+     * Overall amount of digits allowed (including decimal places)
+     */
+    precision?: number;
+    /**
+     *  Set to true to group number by pattern
+     */
+    grouping: boolean;
+    /**
+     * The pattern to group number value by
+     */
+    pattern?: string;
+    /**
+     * Will prevent the input from being changed (default: false)
+     */
+    readonly: boolean;
+    /**
+     * 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: string[];
+    /**
+     * set minimum input value
+     */
+    minValue?: number;
+    /**
+     * set maximum input value
+     *
+     */
+    maxValue?: number;
+    rangeForm: UntypedFormGroup;
+    value?: RangeValue;
+    private isValid;
+    availableSearchOptions: {
+        label: string;
+        value: Operator;
+    }[];
+    searchOption: Operator;
+    constructor();
+    propagateChange: (_: any) => void;
+    writeValue(value: RangeValue): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    onValueChange(): void;
+    validate(): any;
+    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

@@ -0,0 +1,93 @@
+import { EventEmitter } from '@angular/core';
+import { ControlValueAccessor, Validator } from '@angular/forms';
+import { YuvUser } from '@yuuvis/client-core';
+import { AutoComplete } from '@yuuvis/components/autocomplete';
+import * as i0 from "@angular/core";
+/**
+ * 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 {
+    #private;
+    private system;
+    private userService;
+    autoCompleteInput: AutoComplete;
+    minLength: number;
+    icons: {
+        organizationMulti: any;
+        organization: any;
+    };
+    private isValidInput;
+    value: string | string[] | null;
+    _innerValue: YuvUser[];
+    set innerValue(iv: YuvUser[]);
+    get innerValue(): YuvUser[];
+    autocompleteRes: YuvUser[];
+    private filterRoles;
+    onKeydownHandler(event: KeyboardEvent): void;
+    get _inputDisabled(): boolean;
+    placeholder?: 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?: string;
+    /**
+     * Indicator that multiple strings could be inserted, they will be rendered as chips (default: false).
+     */
+    multiselect: boolean;
+    /**
+     * Additional semantics for the form element.
+     */
+    private _classifications?;
+    set classifications(c: string[] | undefined);
+    get classifications(): string[] | undefined;
+    /**
+     * 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;
+    /**
+     * Whether or not to exclude the current user from autocomplete result
+     */
+    excludeMe: 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;
+    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;
+    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>;
+}

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

@@ -0,0 +1,104 @@
+import { AfterViewInit } from '@angular/core';
+import { ControlValueAccessor, Validator } from '@angular/forms';
+import { FormattedMailTo } from '@yuuvis/client-core';
+import * as i0 from "@angular/core";
+/**
+ * Creates form input for strings. Based on the input values different kinds of inputs will be generated.
+ *
+ * Implements `ControlValueAccessor` so it can be used within Angular forms.
+ *
+ * @example
+ * <!-- string input validating input to be between 5 and 10 characters -->
+ * <yuv-string [minLength]="5" [maxLength]="10"></yuv-string>
+ *
+ * <!-- string input that only allow digits -->
+ * <yuv-string  [regex]="[0-9]*"></yuv-string>
+ *
+ * <!-- string input rendering a large textarea -->
+ * <yuv-string [rows]="10"></yuv-string>
+ *
+ */
+export declare class StringComponent implements ControlValueAccessor, Validator, AfterViewInit {
+    private iconsService;
+    private elementRef;
+    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).
+     */
+    multiselect: boolean;
+    /**
+     * Setting rows to more than 1 will generate a textarea instead of an input tag
+     * and apply the rows property to it
+     */
+    rows?: number;
+    /**
+     * Will prevent the input from being changed (default: false)
+     */
+    readonly: boolean;
+    /**
+     * Enable autofucus for the input (default: false)
+     */
+    autofocus: boolean;
+    /**
+     * Additional semantics for the form element. Possible values are
+     * `email` (validates and creates a link to send an email once there
+     * is a valid email address) and `url` (validates and creates a link
+     * to an URL typed into the form element).
+     */
+    set classifications(c: string[]);
+    get classifications(): 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?: string;
+    /**
+     * Regular expression to validate the input value against
+     */
+    regex?: string;
+    /**
+     * Minimal number of characters
+     */
+    minLength?: number;
+    /**
+     * Maximum number of characters
+     */
+    maxLength?: number;
+    value: any;
+    formatedValue?: FormattedMailTo;
+    valid: boolean;
+    validationErrors: {
+        [key: string]: any;
+    }[];
+    classify?: {
+        hrefPrefix: string;
+        icon: string | undefined;
+    };
+    private _classifications;
+    propagateChange: (_: any) => void;
+    private propagate;
+    writeValue(value: any): 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;
+    private validateClassification;
+    /**
+     * returns null when valid else the validation object
+     */
+    validate(): {
+        [key: string]: unknown;
+    } | null;
+    ngAfterViewInit(): 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/form-input/form-input.component.d.ts

@@ -0,0 +1,48 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Component for wrapping a form element. Provides a label and focus behaviour.
+ *
+ * @example
+ * <yuv-form-input [label]="'my form element'">
+ *   <!-- form element to be wrapped -->
+ * </yuv-form-input>
+ */
+export declare class FormInputComponent {
+    labelEl: ElementRef;
+    private renderer;
+    _label?: string;
+    /**
+     * A label string for the wrapped form element
+     */
+    set label(val: string);
+    /**
+     * A tag that can be applied to the input (including title that shows up once the user hovers the tag)
+     */
+    tag?: {
+        label: string;
+        title: string;
+    };
+    /**
+     * Optional description for the form input
+     */
+    description?: string;
+    /**
+     * Indicator that the wrapped form element is invalid. Will then render appropriate styles.
+     * You may also provide an array of error messages.
+     */
+    set invalid(iv: boolean | string[] | undefined);
+    /**
+     * Indicator that the wrapped form element is disabled. Will then render appropriate styles.
+     */
+    set disabled(d: boolean);
+    /**
+     * Indicator that the wrapped form element is mandatory. Will then render appropriate styles.
+     */
+    set required(d: boolean);
+    isDisabled: boolean;
+    isInvalid: boolean;
+    isRequired: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputComponent, "yuv-form-input", never, { "label": { "alias": "label"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "description": { "alias": "description"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,16 @@
+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";
+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 ɵinj: i0.ɵɵInjectorDeclaration<YuvFormsModule>;
+}

package/icons/README.md

@@ -0,0 +1,5 @@
+# @yuuvis/client-framework/icons
+
+Secondary entry point of `@yuuvis/client-framework`. It can be used by importing from `@yuuvis/client-framework/icons`.
+
+

package/icons/index.d.ts

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

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

@@ -0,0 +1,38 @@
+import * as i0 from "@angular/core";
+/**
+ * Service managing icons. Use `getIcon(id)` to retrieve the SVG string for that key.
+ * By default these SVGs will be served from the resources provided by this module.
+ * It contains several general [purpose icons](icons.ts). If you want to extend the
+ * list of icons or overwrite an existing icon use `registerIcon(s)` functions. If the
+ * id of an icon to be registered already exists it will be overwritten otherwise added
+ * to the list of available icons. Once registered icons are available across the whole
+ * application.
+ */
+export declare class IconService {
+    private _iconRegistry;
+    private _brokenIcon;
+    /**
+     * Get an icon. Based on its ID the service will try to retrieve the svg string
+     * from its internal icon registry or the default icons provided by the module
+     * @param id ID of the icon
+     * @returns SVG string or undefined if the icon could not be found
+     */
+    getIcon(id: string): string | undefined;
+    /**
+     * Register a new icon or overwrite an existing icon.
+     * @param id ID of the icon
+     * @param svg SVG string bound to that ID
+     */
+    registerIcon(id: string, svg: string): void;
+    /**
+     * Register multiple icons at once
+     * @param icons Array of icons
+     */
+    registerIcons(icons: {
+        id: string;
+        svg: string;
+    }[]): void;
+    private _isValidSVG;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IconService>;
+}

package/icons/lib/icons.d.ts

@@ -0,0 +1 @@
+export declare const YUV_ICONS: any;