@klippa/ngx-enhancy-forms 18.34.0 → 20.0.0

package/index.d.ts

@@ -1,5 +1,709 @@
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, OnChanges, TemplateRef, EventEmitter, SimpleChanges, AfterViewInit, ElementRef, NgZone, InjectionToken, ChangeDetectorRef, QueryList, ApplicationRef } from '@angular/core';
+import * as i32 from '@angular/forms';
+import { FormGroup, FormArray, AbstractControl, UntypedFormArray, UntypedFormGroup, UntypedFormControl, ControlValueAccessor, ControlContainer, ValidationErrors } from '@angular/forms';
+import * as i3 from '@angular/material/core';
+import { MatDateFormats, DateAdapter } from '@angular/material/core';
+import * as i1 from '@angular/material/datepicker';
+import { MatDatepicker, DateFilterFn } from '@angular/material/datepicker';
+import * as i31 from '@angular/common';
+import * as i33 from '@ng-select/ng-select';
+import * as i2 from '@angular/material/form-field';
+import * as i4 from '@angular/material/input';
+import * as i5 from '@angular/material/button';
+
+interface FormErrorMessages {
+    min: string;
+    max: string;
+    required: string;
+    email: string;
+    minLength: string;
+    maxLength: string;
+    pattern: string;
+    matchPassword: string;
+    date: string;
+    formLevel?: string;
+}
+type CustomErrorMessages = Record<keyof FormErrorMessages, () => string>;
+type KlpDateFormats = (format: string) => MatDateFormats;
+type ErrorTypes = keyof FormErrorMessages | 'message' | 'async' | string;
+
+declare const invalidFieldsSymbol: unique symbol;
+type OnInjectedEmitterType = {
+    childValue: Record<string, any>;
+    parentValue: Record<string, any>;
+};
+declare class SubFormDirective {
+    injectInto: UntypedFormArray | UntypedFormGroup;
+    at: number | string;
+    manuallyTriggerInjection: boolean;
+    allowInjectionToOverwrite: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SubFormDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SubFormDirective, "klp-sub-form", never, { "injectInto": { "alias": "injectInto"; "required": false; }; "at": { "alias": "at"; "required": false; }; "manuallyTriggerInjection": { "alias": "manuallyTriggerInjection"; "required": false; }; "allowInjectionToOverwrite": { "alias": "allowInjectionToOverwrite"; "required": false; }; }, {}, never, never, false, never>;
+}
+declare class FormComponent implements OnInit, OnDestroy, OnChanges {
+    private parent;
+    private subFormDirective;
+    readOnly: boolean;
+    showErrorMessages: boolean;
+    errorMessageLocation: 'belowCaption' | 'rightOfCaption';
+    formGroup: FormGroup;
+    formArray: FormArray;
+    warnings: Map<AbstractControl, string | TemplateRef<any>>;
+    immutableValues: Record<string, any>;
+    errors: Map<AbstractControl, string>;
+    patchValueInterceptor: (values: any) => Promise<any>;
+    allowSubmitOn: 'buttonAndEnter' | 'buttonOnly';
+    onInjected: EventEmitter<OnInjectedEmitterType>;
+    private topLevelFormControl;
+    private activeControls;
+    constructor(parent: FormComponent, subFormDirective: SubFormDirective);
+    ngOnInit(): void;
+    _ext_attachAsSubForm(): void;
+    private attachAsSubForm;
+    ngOnChanges(simpleChanges: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private patchFormWarningsMap;
+    private patchFormErrorsMap;
+    private addSupportForPatchValueInterceptor;
+    registerControl(formControl: UntypedFormControl, formElement: FormElementComponent): () => any;
+    private getPathFromParentToControl;
+    private getImmutableValueFromPath;
+    unregisterControl(formControl: UntypedFormControl): void;
+    private addFormGroupControls;
+    private addFormArrayControls;
+    private getAllFormControls;
+    private addFormControl;
+    private disableInactiveFormControl;
+    getFormElementByFormControl(control: AbstractControl): FormElementComponent;
+    getWarningToShow(control: AbstractControl): string | TemplateRef<any>;
+    trySubmit(): Promise<any>;
+    private handleSubmission;
+    private getRenderedFieldValuesFormGroup;
+    private getRenderedFieldValuesFormArray;
+    _ext_getRenderedFieldValues(): Record<string, any>;
+    private setDisabledStatesForAllControls;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, [{ optional: true; skipSelf: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "klp-form", never, { "readOnly": { "alias": "readOnly"; "required": false; }; "showErrorMessages": { "alias": "showErrorMessages"; "required": false; }; "errorMessageLocation": { "alias": "errorMessageLocation"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "formArray": { "alias": "formArray"; "required": false; }; "warnings": { "alias": "warnings"; "required": false; }; "immutableValues": { "alias": "immutableValues"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "patchValueInterceptor": { "alias": "patchValueInterceptor"; "required": false; }; "allowSubmitOn": { "alias": "allowSubmitOn"; "required": false; }; }, { "onInjected": "onInjected"; }, never, ["*"], false, never>;
+}
+
+declare const FORM_ERROR_MESSAGES: InjectionToken<CustomErrorMessages>;
+declare const DEFAULT_ERROR_MESSAGES: FormErrorMessages;
+declare class FormElementComponent implements AfterViewInit, OnDestroy {
+    private parent;
+    private customMessages;
+    private elRef;
+    private ngZone;
+    attachedControl: AbstractControl;
+    caption: string;
+    direction: 'horizontal' | 'vertical';
+    captionSpacing: 'percentages' | 'none';
+    verticalAlignment: 'center' | 'top';
+    spaceDistribution: '40-60' | '34-66' | '30-70' | 'fixedInputWidth' | 'fixedCaptionWidth';
+    swapInputAndCaption: boolean;
+    errorMessageAsTooltip: boolean;
+    errorMessageHasMaxWidth: boolean;
+    internalComponentRef: ElementRef;
+    tailTpl: TemplateRef<any>;
+    captionDummyForSpaceCalculation: ElementRef;
+    absoluteAnchor: ElementRef;
+    fixedAnchor: ElementRef;
+    fixedWrapper: ElementRef;
+    inputContainer: ElementRef;
+    fieldInput: ValueAccessorBase<any>;
+    captionRef: TemplateRef<any>;
+    captionEndRef: TemplateRef<any>;
+    errorMessages: FormErrorMessages;
+    customErrorHandlers: Array<{
+        error: string;
+        templateRef: TemplateRef<any>;
+    }>;
+    private input;
+    errorFullyVisible: boolean;
+    private popupState;
+    private subscriptions;
+    constructor(parent: FormComponent, customMessages: CustomErrorMessages, elRef: ElementRef, ngZone: NgZone);
+    ngAfterViewInit(): Promise<void>;
+    shouldShowErrorMessages(): boolean;
+    substituteParameters(message: string, parameters: Record<string, any>): string;
+    registerControl(formControl: UntypedFormControl, input?: ValueAccessorBase<any>): () => any;
+    determinePopupState(): void;
+    private setUpErrorTooltipListeners;
+    unregisterControl(formControl: UntypedFormControl): void;
+    getAttachedControl(): AbstractControl;
+    getAttachedInput(): ValueAccessorBase<any>;
+    registerErrorHandler(error: string, templateRef: TemplateRef<any>): void;
+    registerCaption(templateRef: TemplateRef<any>): void;
+    registerCaptionEnd(templateRef: TemplateRef<any>): void;
+    getWarningToShow(): string | TemplateRef<any>;
+    getWarningToShowAsTemplateRef(): TemplateRef<any>;
+    getWarningToShowIsTemplateRef(): boolean;
+    getErrorToShow(): string;
+    getCustomErrorHandler(error: string): {
+        error: string;
+        templateRef: TemplateRef<any>;
+    };
+    showDefaultError(error: string): boolean;
+    getScrollableParent(node: any): any;
+    scrollTo(): void;
+    isRequired(): boolean;
+    getErrorMessage(key: keyof FormErrorMessages): string;
+    getErrorLocation(): 'belowCaption' | 'rightOfCaption';
+    shouldShowErrorTooltipOpened(): boolean;
+    hasHoverableErrorTooltip(): boolean;
+    hasRightOfCaptionError(): boolean;
+    setErrorMessageIsTruncated: (isTruncated: boolean) => void;
+    shouldShowWarningPopup(): boolean;
+    closePopup(): void;
+    togglePopup(): void;
+    setErrorTooltipOffset: () => void;
+    ngOnDestroy(): void;
+    private initializeTailTpl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormElementComponent, [{ optional: true; }, { optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormElementComponent, "klp-form-element", never, { "caption": { "alias": "caption"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "captionSpacing": { "alias": "captionSpacing"; "required": false; }; "verticalAlignment": { "alias": "verticalAlignment"; "required": false; }; "spaceDistribution": { "alias": "spaceDistribution"; "required": false; }; "swapInputAndCaption": { "alias": "swapInputAndCaption"; "required": false; }; "errorMessageAsTooltip": { "alias": "errorMessageAsTooltip"; "required": false; }; "errorMessageHasMaxWidth": { "alias": "errorMessageHasMaxWidth"; "required": false; }; }, {}, ["fieldInput"], ["*"], false, never>;
+}
+
 /**
- * Generated bundle index. Do not edit.
+ * This component is a base in order to create a component that supports ngModel.
+ * Some important things to know about it:
+ *
+ * innerValue = your own inner state, which you should use to store the current state of what ngModel should be.
+ * writeValue() = called by angular, when ngModel is changed from OUTSIDE of the component. Feel free to patch this method if you need inner logic to happen when ngModel is altered from the outside. Always remember to also call the super.writeValue if you do!
+ * setInnerValueAndNotify() = call this when you want your ngModel to be updated from INSIDE of your component, and provide it to the OUTSIDE.
+ * ngOnInit() = Used to support the angular reactive forms framework. If you use ngOnInit in your own component (which happens fairly often) you must not forget to call the super.ngOnInit() method.
  */
-/// <amd-module name="@klippa/ngx-enhancy-forms" />
-export * from './public-api';
+declare class ValueAccessorBase<T> implements ControlValueAccessor, OnInit, OnDestroy {
+    protected parent: FormElementComponent;
+    protected controlContainer: ControlContainer;
+    innerValue: T;
+    changed: ((value: T) => void)[];
+    private touched;
+    private prevValue;
+    disabled: boolean;
+    private latestInnerValueChangedInterceptorPromise;
+    innerValueChangeInterceptor: (prev: T, cur: T) => Promise<void>;
+    formControlName: string;
+    formControl: UntypedFormControl;
+    inErrorState: boolean;
+    getTailTplFn: () => TemplateRef<any>;
+    onTouch: EventEmitter<void>;
+    nativeInputRef: ElementRef;
+    private attachedFormControl;
+    private tailTpl;
+    private getImmutableValueFn;
+    constructor(parent: FormElementComponent, controlContainer: ControlContainer);
+    ngOnInit(): void;
+    protected getImmutableValue(): T;
+    isInErrorState(): boolean;
+    ngOnDestroy(): void;
+    touch(): void;
+    writeValue(value: T): void;
+    registerOnChange(fn: (value: T) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setInnerValueAndNotify(value: T): void;
+    resetToNull(): void;
+    hasValidator(validatorName: string): boolean;
+    focus: () => void;
+    setTailTpl: (tpl: TemplateRef<any>) => void;
+    getTailTpl: () => TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValueAccessorBase<any>, [{ optional: true; host: true; }, { optional: true; host: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ValueAccessorBase<any>, "ng-component", never, { "disabled": { "alias": "disabled"; "required": false; }; "innerValueChangeInterceptor": { "alias": "innerValueChangeInterceptor"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "inErrorState": { "alias": "inErrorState"; "required": false; }; "getTailTplFn": { "alias": "getTailTplFn"; "required": false; }; }, { "onTouch": "onTouch"; }, never, never, false, never>;
+}
+
+declare class MultipleValueAccessorBase<T> extends ValueAccessorBase<Array<T> | T> {
+    protected parent: FormElementComponent;
+    protected controlContainer: ControlContainer;
+    multiple: boolean;
+    constructor(parent: FormElementComponent, controlContainer: ControlContainer);
+    writeValue(value: Array<T> | T): void;
+    setInnerValueAndNotify(value: T | Array<T>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultipleValueAccessorBase<any>, [{ optional: true; host: true; }, { optional: true; host: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultipleValueAccessorBase<any>, "ng-component", never, { "multiple": { "alias": "multiple"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+type ButtonVariant = 'white' | 'greenFilled' | 'greenOutlined' | 'greenLink' | 'contextMenuItem' | 'redFilled' | 'redOutlined' | 'orangeFilled';
+declare class ButtonComponent {
+    variant: ButtonVariant;
+    size: 'small' | 'medium' | 'large';
+    fullWidth: boolean;
+    hasBorder: boolean;
+    disabled: boolean;
+    isLoading: boolean;
+    type: 'button' | 'submit';
+    clickCallback: (event: Event) => Promise<any>;
+    get _(): boolean;
+    onClick(event: Event): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "klp-form-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "type": { "alias": "type"; "required": false; }; "clickCallback": { "alias": "clickCallback"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class CheckboxComponent extends ValueAccessorBase<boolean> {
+    caption: string;
+    renderUndefinedAsIndeterminate: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "klp-form-checkbox", never, { "caption": { "alias": "caption"; "required": false; }; "renderUndefinedAsIndeterminate": { "alias": "renderUndefinedAsIndeterminate"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare const invalidDateKey = "--invalid_date--";
+declare function dateValidator(control: AbstractControl): ValidationErrors | null;
+
+declare const DATE_PICKER_TRANSLATIONS: InjectionToken<any>;
+declare class DatePickerComponent extends MultipleValueAccessorBase<string | typeof invalidDateKey> {
+    protected parent: FormElementComponent;
+    protected controlContainer: ControlContainer;
+    private translations;
+    minDate: Date;
+    maxDate: Date;
+    sameMonthOnly: boolean;
+    format: string;
+    placeholder: string;
+    clearable: boolean;
+    dateValue: Date | Array<Date>;
+    constructor(parent: FormElementComponent, controlContainer: ControlContainer, translations: any);
+    writeValue(value: string | Array<string> | typeof invalidDateKey): void;
+    dateChanged(value: Date | Array<Date> | typeof invalidDateKey): void;
+    getDefaultTranslation(key: string): (x: any) => string;
+    getTranslation(key: string, params?: any): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, [{ optional: true; host: true; }, { optional: true; host: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "klp-form-date-picker", never, { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "sameMonthOnly": { "alias": "sameMonthOnly"; "required": false; }; "format": { "alias": "format"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare const KLP_DATE_FORMATS: InjectionToken<KlpDateFormats>;
+declare const DATE_TIME_PICKER_TRANSLATIONS: InjectionToken<any>;
+declare const DATE_PICKER_LOCALE: InjectionToken<any>;
+declare function matDateFormatsFactory(component: DateTimePickerComponent, dateFormats?: KlpDateFormats): MatDateFormats;
+declare class DateTimePickerComponent extends MultipleValueAccessorBase<Date | typeof invalidDateKey> implements OnInit, AfterViewInit, OnChanges {
+    protected parent: FormElementComponent;
+    protected controlContainer: ControlContainer;
+    private translations;
+    private datePickerLocale;
+    private dateAdapter;
+    private elRef;
+    private cdr;
+    private ngZone;
+    minDate: Date;
+    maxDate: Date;
+    sameMonthOnly: boolean;
+    format: string;
+    placeholder: string;
+    clearable: boolean;
+    showTimeInput: boolean;
+    initHour: string;
+    initMinute: string;
+    invalidTimeAsMidnight: boolean;
+    nativeInputRef: ElementRef;
+    datePickerRef: MatDatepicker<Date>;
+    timeDoubleDropdown: ElementRef;
+    openPickerOnDate: Date;
+    minDateStartOfDay: Date;
+    maxDateEndOfDay: Date;
+    valueForMaterialDatePicker: Date;
+    hours: string;
+    minutes: string;
+    protected selectedDates: Array<Date>;
+    private datePickingClosingFn;
+    private dateTouched;
+    private hoursTouched;
+    private minutesTouched;
+    protected dropdownVisible: boolean;
+    protected minutesOfHour: Array<number>;
+    protected Number: NumberConstructor;
+    constructor(parent: FormElementComponent, controlContainer: ControlContainer, translations: any, datePickerLocale: any, dateAdapter: DateAdapter<Date>, elRef: ElementRef, cdr: ChangeDetectorRef, ngZone: NgZone);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    setMinDate(minDate: Date): void;
+    setMaxDate(maxDate: Date): void;
+    getSelectedMonths(): number;
+    dateChanged(event: any): void;
+    determineMinAndMaxDates(): void;
+    notifyNewDate(): void;
+    writeValue(value: Date | Array<Date> | typeof invalidDateKey): void;
+    nativeValueChanged(): void;
+    resetToNull(): void;
+    isSelected: (d: Date) => "" | "selected";
+    filterDates: DateFilterFn<any>;
+    formatTime(): void;
+    touchDate(): void;
+    touchHours(): void;
+    touchMinutes(): void;
+    determineAllTouched(): void;
+    getDefaultTranslation(key: string): (x: any) => string;
+    getTranslation(key: string, params?: any): string;
+    counter(i: number): Array<number>;
+    setHour(hour: number): void;
+    setMinute(minute: number): void;
+    blurredHours(): void;
+    blurredMinutes(): void;
+    isActive(toCheck: number, actualValue: string): boolean;
+    timeDropdownRendered: () => void;
+    clickHandlerForTimeDropdown: (event: MouseEvent) => void;
+    shizzle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerComponent, [{ optional: true; host: true; }, { optional: true; host: true; }, { optional: true; }, { optional: true; }, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimePickerComponent, "klp-form-date-time-picker", never, { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "sameMonthOnly": { "alias": "sameMonthOnly"; "required": false; }; "format": { "alias": "format"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "showTimeInput": { "alias": "showTimeInput"; "required": false; }; "initHour": { "alias": "initHour"; "required": false; }; "initMinute": { "alias": "initMinute"; "required": false; }; "invalidTimeAsMidnight": { "alias": "invalidTimeAsMidnight"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class EmailInputComponent extends ValueAccessorBase<string> {
+    placeholder: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EmailInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmailInputComponent, "klp-form-email-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class LoadingIndicatorComponent {
+    variant: '3dots' | 'spinner' | 'textInput' | 'picker';
+    size: 'tiny' | 'small' | 'medium' | 'large' | 'huge';
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoadingIndicatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingIndicatorComponent, "klp-form-loading-indicator", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class NumberInputComponent extends ValueAccessorBase<string | number> {
+    placeholder: string;
+    parseNumber: boolean;
+    setInnerValueAndNotify(value: string | number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NumberInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumberInputComponent, "klp-form-number-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "parseNumber": { "alias": "parseNumber"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class PasswordFieldComponent extends ValueAccessorBase<string> {
+    placeholder: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PasswordFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordFieldComponent, "klp-form-password-field", never, { "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+type AppSelectOptions = Array<AppSelectOption>;
+type AppSelectOption = {
+    id: any;
+    name: string;
+    description?: string;
+    active?: boolean;
+    disabled?: boolean;
+};
+declare const SELECT_TRANSLATIONS: InjectionToken<any>;
+declare class KlpSelectOptionTemplateDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KlpSelectOptionTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KlpSelectOptionTemplateDirective, "[klpSelectOptionTpl]", never, {}, {}, never, never, false, never>;
+}
+declare class SelectComponent extends ValueAccessorBase<string | string[]> implements OnChanges, AfterViewInit, OnDestroy {
+    protected parent: FormElementComponent;
+    protected controlContainer: ControlContainer;
+    private translations;
+    private elRef;
+    private ngZone;
+    placeholder: string;
+    prefix: string;
+    orientation: 'vertical' | 'horizontal';
+    options: AppSelectOptions;
+    multiple: boolean;
+    multipleDisplayedAsAmount: boolean;
+    clearable: boolean;
+    truncateOptions: boolean;
+    withSeparatingLine: boolean;
+    searchable: boolean;
+    hasBorderLeft: boolean;
+    hasBorderRight: boolean;
+    dropdownPosition: 'auto' | 'bottom' | 'top' | 'left' | 'right';
+    dropdownAlignment: 'left' | 'right';
+    customSearchFn: (term: string, item: {
+        id: string;
+        name: string;
+        description: string;
+    }) => boolean;
+    footerElement: TemplateRef<any>;
+    onSearch: EventEmitter<string>;
+    onEndReached: EventEmitter<void>;
+    onOpened: EventEmitter<void>;
+    onClosed: EventEmitter<void>;
+    onBlur: EventEmitter<void>;
+    onClear: EventEmitter<void>;
+    onEnterKey: EventEmitter<string>;
+    ngSelect: any;
+    tailRef: ElementRef;
+    tailMockRef: ElementRef;
+    customOptionTpl: TemplateRef<any>;
+    private lastItemIndexReached;
+    dropdownPositionToUse: 'auto' | 'bottom' | 'top' | 'left' | 'right';
+    private isOpen;
+    private dropdownPanelOffsetX;
+    private dropdownPanelOffsetY;
+    private anchorAbsolute;
+    private anchorFixed;
+    constructor(parent: FormElementComponent, controlContainer: ControlContainer, translations: any, elRef: ElementRef, ngZone: NgZone);
+    ngAfterViewInit(): void;
+    private keyListener;
+    private addTail;
+    private addPrefix;
+    ngOnChanges(changes: SimpleChanges): Promise<void>;
+    getDefaultTranslation(key: string): (x: any) => string;
+    getTranslation(key: string, params?: any): string;
+    onScroll(lastItemIndex: number): void;
+    searchQueryChanged(searchQuery: string): void;
+    onOpen(): Promise<void>;
+    private createAnchors;
+    private removeAnchors;
+    private setFixedDropdownPanelPosition;
+    private setWidthBasedOnOptionsWidths;
+    private getAllLimitingContainers;
+    private setPanelOffsets;
+    private determineDropdownPosition;
+    private isLimitingContainer;
+    focus: () => void;
+    open: () => void;
+    close: () => void;
+    onClose(): void;
+    onFocus(): void;
+    private getScrollbarWidth;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, [{ optional: true; host: true; }, { optional: true; host: true; }, { optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "klp-form-select", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "multipleDisplayedAsAmount": { "alias": "multipleDisplayedAsAmount"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "truncateOptions": { "alias": "truncateOptions"; "required": false; }; "withSeparatingLine": { "alias": "withSeparatingLine"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "hasBorderLeft": { "alias": "hasBorderLeft"; "required": false; }; "hasBorderRight": { "alias": "hasBorderRight"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "dropdownAlignment": { "alias": "dropdownAlignment"; "required": false; }; "customSearchFn": { "alias": "customSearchFn"; "required": false; }; "footerElement": { "alias": "footerElement"; "required": false; }; }, { "onSearch": "onSearch"; "onEndReached": "onEndReached"; "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onClear": "onClear"; "onEnterKey": "onEnterKey"; }, ["customOptionTpl"], never, false, never>;
+}
+
+declare class SelectFooterComponent {
+    prefix: string;
+    text: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectFooterComponent, "klp-select-footer", never, { "prefix": { "alias": "prefix"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class SortableItemsComponent extends ValueAccessorBase<Array<any>> implements OnInit, AfterViewInit {
+    protected parent: FormElementComponent;
+    protected controlContainer: ControlContainer;
+    private ngZone;
+    template: TemplateRef<any>;
+    sortableItemSize: 'sm' | 'lg';
+    dragItems: QueryList<ElementRef>;
+    dragSourceIndex: number;
+    private currentDragPosition;
+    private scrollInterval;
+    constructor(parent: FormElementComponent, controlContainer: ControlContainer, ngZone: NgZone);
+    ngAfterViewInit(): void;
+    private setDragItemListeners;
+    private onDragOver;
+    private onDragEnter;
+    private onDragStart;
+    private onDragEnd;
+    shouldShoveDown(index: number): boolean;
+    shouldShoveUp(index: number): boolean;
+    private scrollPage;
+    private stopScrolling;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SortableItemsComponent, [{ optional: true; host: true; }, { optional: true; host: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SortableItemsComponent, "klp-form-sortable-items", never, { "sortableItemSize": { "alias": "sortableItemSize"; "required": false; }; }, {}, ["template"], never, false, never>;
+}
+
+declare class SortableGroupedItemsComponent<T> extends ValueAccessorBase<Array<Array<T>>> {
+    items: Array<T | string>;
+    template: TemplateRef<any>;
+    reloader: boolean;
+    writeValue(value: Array<Array<T>>): void;
+    onItemsRearranged(value: Array<T | string>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SortableGroupedItemsComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SortableGroupedItemsComponent<any>, "klp-form-sortable-grouped-items", never, {}, {}, ["template"], never, false, never>;
+}
+
+declare class TextInputComponent extends ValueAccessorBase<string> {
+    private isPeekingPassword;
+    placeholder: string;
+    type: 'text' | 'password';
+    clearable: boolean;
+    icon: 'search';
+    hasBorderLeft: boolean;
+    hasBorderRight: boolean;
+    passwordPeekIcon: TemplateRef<any>;
+    size: 'small' | 'medium';
+    onBlur: EventEmitter<void>;
+    togglePeakPassword(): void;
+    getType(): 'text' | 'password';
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "klp-form-text-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "hasBorderLeft": { "alias": "hasBorderLeft"; "required": false; }; "hasBorderRight": { "alias": "hasBorderRight"; "required": false; }; "passwordPeekIcon": { "alias": "passwordPeekIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "onBlur": "onBlur"; }, never, never, false, never>;
+}
+
+declare class TextAreaComponent extends ValueAccessorBase<string> {
+    placeholder: string;
+    onBlur: EventEmitter<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "klp-form-text-area", never, { "placeholder": { "alias": "placeholder"; "required": false; }; }, { "onBlur": "onBlur"; }, never, never, false, never>;
+}
+
+declare class ToggleComponent extends ValueAccessorBase<boolean> {
+    transparentBackground: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "klp-form-toggle", never, { "transparentBackground": { "alias": "transparentBackground"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class FileInputComponent extends MultipleValueAccessorBase<File> {
+    isLoading: boolean;
+    clearable: boolean;
+    onlyShowUploadButton: boolean;
+    useFullParentSize: boolean;
+    buttonText: string;
+    fullyCustom: boolean;
+    nativeInputRef: ElementRef<HTMLInputElement>;
+    onChange(files: FileList): void;
+    getFileNames(): string;
+    shouldShowClearButton(): boolean;
+    uploadFileClicked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileInputComponent, "klp-form-file-input", never, { "isLoading": { "alias": "isLoading"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "onlyShowUploadButton": { "alias": "onlyShowUploadButton"; "required": false; }; "useFullParentSize": { "alias": "useFullParentSize"; "required": false; }; "buttonText": { "alias": "buttonText"; "required": false; }; "fullyCustom": { "alias": "fullyCustom"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class FormCaptionComponent implements OnInit {
+    private parent;
+    contentRef: TemplateRef<any>;
+    constructor(parent: FormElementComponent);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormCaptionComponent, [{ optional: true; host: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormCaptionComponent, "klp-form-caption", never, {}, {}, never, ["*"], false, never>;
+}
+
+declare class FormCaptionEndComponent implements OnInit, OnDestroy {
+    private parent;
+    contentRef: TemplateRef<any>;
+    constructor(parent: FormElementComponent);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormCaptionEndComponent, [{ optional: true; host: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormCaptionEndComponent, "klp-form-caption-end", never, {}, {}, never, ["*"], false, never>;
+}
+
+declare class FormErrorComponent implements OnInit {
+    private parent;
+    error: ErrorTypes;
+    contentRef: TemplateRef<any>;
+    contentChild: TemplateRef<any>;
+    constructor(parent: FormElementComponent);
+    ngOnInit(): void;
+    getErrorValueMessage(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormErrorComponent, [{ optional: true; host: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormErrorComponent, "klp-form-error", never, { "error": { "alias": "error"; "required": false; }; }, {}, ["contentChild"], never, false, never>;
+}
+
+type SubmitButtonVariant = Extract<ButtonVariant, 'greenFilled' | 'redFilled' | 'greenOutlined' | 'white'>;
+declare class FormSubmitButtonComponent implements OnInit {
+    private parentForm;
+    private handleError;
+    buttonType: 'submit' | 'button';
+    isLoading: boolean;
+    fullWidth: boolean;
+    variant: SubmitButtonVariant;
+    submitCallback: (renderedAndEnabledValues: object, allRenderedValues: object) => Promise<any>;
+    before: () => Promise<any>;
+    after: () => Promise<any>;
+    disabled: boolean;
+    ngOnInit(): void;
+    private setValidationError;
+    submitForm(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormSubmitButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormSubmitButtonComponent, "klp-form-submit-button", never, { "isLoading": { "alias": "isLoading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "submitCallback": { "alias": "submitCallback"; "required": false; }; "before": { "alias": "before"; "required": false; }; "after": { "alias": "after"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare const invalidTimeKey = "--invalid_time--";
+
+declare class HourMinuteInputComponent extends ValueAccessorBase<number | typeof invalidTimeKey> {
+    hours: string;
+    minutes: string;
+    placeholders: Array<string>;
+    private hoursTouched;
+    private minutesTouched;
+    formatHours(): void;
+    formatMinutes(): void;
+    formatTime(): void;
+    writeValue(value: number | typeof invalidTimeKey): void;
+    notifyNewTime(): void;
+    touchHours(): void;
+    touchMinutes(): void;
+    determineAllTouched(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HourMinuteInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HourMinuteInputComponent, "klp-form-hour-minute-input", never, { "placeholders": { "alias": "placeholders"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare enum Orientation {
+    COLUMN = "column",
+    ROW = "row"
+}
+type RadioOptions = Array<RadioOption>;
+type RadioOption = {
+    id: any;
+    name: string;
+    description?: string;
+};
+declare class RadioComponent extends ValueAccessorBase<string> {
+    options: RadioOptions;
+    orientation: Orientation;
+    variant: 'classic' | 'button' | 'buttonGray';
+    size: 'small' | 'medium';
+    Orientation: typeof Orientation;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "klp-form-radio", never, { "options": { "alias": "options"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class WithTooltipDirective {
+    private el;
+    private appRef;
+    private ngZone;
+    private div;
+    private triangle;
+    private triangleWhite;
+    klpWithTooltip: 'orange' | 'black' | 'whiteOnBlack';
+    tooltipText: string;
+    tooltipTemplate: TemplateRef<any>;
+    tooltipMinWidth: any;
+    tooltipMaxWidth: number;
+    position: 'top' | 'bottom';
+    private templateInstance;
+    private viewRefForTemplate;
+    constructor(el: ElementRef, appRef: ApplicationRef, ngZone: NgZone);
+    hookUpTemplate(): void;
+    cleanUpTemplate(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WithTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WithTooltipDirective, "[klpWithTooltip]", never, { "klpWithTooltip": { "alias": "klpWithTooltip"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; }; "tooltipMinWidth": { "alias": "tooltipMinWidth"; "required": false; }; "tooltipMaxWidth": { "alias": "tooltipMaxWidth"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class OnRenderDirective implements AfterViewInit {
+    onRenderFn: () => any;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnRenderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OnRenderDirective, "[onRenderFn]", never, { "onRenderFn": { "alias": "onRenderFn"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class WarningIconComponent {
+    variant: 'line' | 'fill';
+    static ɵfac: i0.ɵɵFactoryDeclaration<WarningIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WarningIconComponent, "klp-form-warning-icon", never, { "variant": { "alias": "variant"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class ElementIsTruncatedCbComponent implements AfterViewInit, OnDestroy {
+    private elementRef;
+    private observer;
+    elementIsTruncatedCb: (isTruncated: boolean) => void;
+    constructor(elementRef: ElementRef);
+    ngAfterViewInit(): void;
+    private checkForTruncation;
+    private isTruncated;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementIsTruncatedCbComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElementIsTruncatedCbComponent, "[elementIsTruncatedCb]", never, { "elementIsTruncatedCb": { "alias": "elementIsTruncatedCb"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class MaterialModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MaterialModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MaterialModule, never, [typeof i1.MatDatepickerModule, typeof i2.MatFormFieldModule, typeof i3.MatNativeDateModule, typeof i4.MatInputModule, typeof i5.MatButtonModule], [typeof i1.MatDatepickerModule, typeof i2.MatFormFieldModule, typeof i3.MatNativeDateModule, typeof i4.MatInputModule, typeof i5.MatButtonModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MaterialModule>;
+}
+
+declare class NgxEnhancyFormsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxEnhancyFormsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxEnhancyFormsModule, [typeof ValueAccessorBase, typeof MultipleValueAccessorBase, typeof ButtonComponent, typeof CheckboxComponent, typeof DatePickerComponent, typeof DateTimePickerComponent, typeof EmailInputComponent, typeof LoadingIndicatorComponent, typeof NumberInputComponent, typeof PasswordFieldComponent, typeof SelectComponent, typeof KlpSelectOptionTemplateDirective, typeof SelectFooterComponent, typeof SortableItemsComponent, typeof SortableGroupedItemsComponent, typeof TextInputComponent, typeof TextAreaComponent, typeof ToggleComponent, typeof FileInputComponent, typeof FormCaptionComponent, typeof FormCaptionEndComponent, typeof FormElementComponent, typeof FormErrorComponent, typeof FormSubmitButtonComponent, typeof FormComponent, typeof SubFormDirective, typeof HourMinuteInputComponent, typeof RadioComponent, typeof WithTooltipDirective, typeof OnRenderDirective, typeof WarningIconComponent, typeof ElementIsTruncatedCbComponent], [typeof i31.CommonModule, typeof i32.FormsModule, typeof i33.NgSelectModule, typeof MaterialModule], [typeof ValueAccessorBase, typeof MultipleValueAccessorBase, typeof ButtonComponent, typeof DatePickerComponent, typeof DateTimePickerComponent, typeof CheckboxComponent, typeof EmailInputComponent, typeof LoadingIndicatorComponent, typeof NumberInputComponent, typeof PasswordFieldComponent, typeof SelectComponent, typeof KlpSelectOptionTemplateDirective, typeof SelectFooterComponent, typeof SortableItemsComponent, typeof SortableGroupedItemsComponent, typeof TextInputComponent, typeof TextAreaComponent, typeof ToggleComponent, typeof FileInputComponent, typeof FormCaptionComponent, typeof FormCaptionEndComponent, typeof FormElementComponent, typeof FormErrorComponent, typeof FormSubmitButtonComponent, typeof FormComponent, typeof SubFormDirective, typeof HourMinuteInputComponent, typeof RadioComponent, typeof WithTooltipDirective, typeof OnRenderDirective, typeof ElementIsTruncatedCbComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgxEnhancyFormsModule>;
+}
+
+declare class FormValidationError extends Error {
+    readonly name = "FormValidationError";
+    readonly path: string;
+    constructor(path: string, message: string);
+}
+type FormValidationErrors = Array<FormValidationError>;
+type FormErrorHandler = (error: any) => FormValidationErrors;
+declare const KLP_FORM_ERROR_HANDLER: InjectionToken<FormErrorHandler>;
+declare const DefaultErrorHandler: FormErrorHandler;
+
+export { ButtonComponent, CheckboxComponent, DATE_PICKER_LOCALE, DATE_PICKER_TRANSLATIONS, DATE_TIME_PICKER_TRANSLATIONS, DEFAULT_ERROR_MESSAGES, DatePickerComponent, DateTimePickerComponent, DefaultErrorHandler, ElementIsTruncatedCbComponent, EmailInputComponent, FORM_ERROR_MESSAGES, FileInputComponent, FormCaptionComponent, FormCaptionEndComponent, FormComponent, FormElementComponent, FormErrorComponent, FormSubmitButtonComponent, FormValidationError, HourMinuteInputComponent, KLP_DATE_FORMATS, KLP_FORM_ERROR_HANDLER, KlpSelectOptionTemplateDirective, LoadingIndicatorComponent, MultipleValueAccessorBase, NgxEnhancyFormsModule, NumberInputComponent, OnRenderDirective, Orientation, PasswordFieldComponent, RadioComponent, SELECT_TRANSLATIONS, SelectComponent, SelectFooterComponent, SortableGroupedItemsComponent, SortableItemsComponent, SubFormDirective, TextAreaComponent, TextInputComponent, ToggleComponent, ValueAccessorBase, WithTooltipDirective, dateValidator, invalidDateKey, invalidFieldsSymbol, matDateFormatsFactory };
+export type { AppSelectOption, AppSelectOptions, ButtonVariant, CustomErrorMessages, ErrorTypes, FormErrorHandler, FormErrorMessages, FormValidationErrors, KlpDateFormats, OnInjectedEmitterType, RadioOption, RadioOptions, SubmitButtonVariant };