@koobiq/components 16.0.0-beta.1

package/file-upload/multiple-file-upload.component.d.ts

@@ -0,0 +1,51 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
+import { CanDisable } from '@koobiq/components/core';
+import { KbqFileItem, KbqFileValidatorFn, KbqInputFile, KbqInputFileLabel } from './file-upload';
+import * as i0 from "@angular/core";
+export interface KbqInputFileMultipleLabel extends KbqInputFileLabel {
+    captionTextWhenSelected: string;
+    captionTextForCompactSize: string;
+    gridHeaders: {
+        file: string;
+        size: string;
+    };
+    [k: string | number | symbol]: unknown;
+}
+export declare const KBQ_MULTIPLE_FILE_UPLOAD_DEFAULT_CONFIGURATION: KbqInputFileMultipleLabel;
+export declare class KbqMultipleFileUploadComponent implements AfterViewInit, OnDestroy, KbqInputFile, CanDisable {
+    private focusMonitor;
+    private cdr;
+    config: KbqInputFileMultipleLabel;
+    accept?: string[];
+    disabled: boolean;
+    errors: string[];
+    files: KbqFileItem[];
+    size: 'compact' | 'default';
+    inputId: string;
+    customValidation?: KbqFileValidatorFn[];
+    fileQueueChanged: EventEmitter<KbqFileItem[]>;
+    customFileIcon: TemplateRef<HTMLElement>;
+    input: ElementRef<HTMLInputElement>;
+    hasFocus: boolean;
+    columnDefs: {
+        header: string;
+        cssClass: string;
+    }[];
+    private focusMonitorSubscription;
+    get acceptedFiles(): string;
+    get hasErrors(): boolean;
+    constructor(focusMonitor: FocusMonitor, cdr: ChangeDetectorRef, config: KbqInputFileMultipleLabel);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onFileSelectedViaClick({ target }: Event): void;
+    onFileDropped(files: FileList): void;
+    deleteFile(index: number, event?: MouseEvent): void;
+    onFileListChange(): void;
+    onFocus(focusState: boolean): void;
+    private mapToFileItem;
+    private validateFile;
+    private isCorrectExtension;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqMultipleFileUploadComponent, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqMultipleFileUploadComponent, "kbq-multiple-file-upload", never, { "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "files": { "alias": "files"; "required": false; }; "size": { "alias": "size"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "customValidation": { "alias": "customValidation"; "required": false; }; }, { "fileQueueChanged": "fileQueueChanged"; }, ["customFileIcon"], ["[hint]"], false, never>;
+}

package/file-upload/multiple-file-upload.component.scss

@@ -0,0 +1,148 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/tokens';
+
+@use '../core/styles/common';
+
+$tokens: meta.module-variables(tokens) !default;
+
+$dropzone-text-margin-left: map.get($tokens, size-xs);
+$multiple-default-height: 176px;
+$border-type-header: solid;
+
+$horizontal-padding-item: var(
+    --kbq-file-upload-size-multiple-uploaded-item-horizontal-padding,
+    map.get($tokens, file-upload-size-multiple-uploaded-item-horizontal-padding)
+);
+$vertical-padding-item: var(
+    --kbq-file-upload-size-multiple-uploaded-item-vertical-padding,
+    map.get($tokens, file-upload-size-multiple-uploaded-item-vertical-padding)
+);
+
+.kbq-file-upload {
+    border-radius: var(
+        --kbq-file-upload-size-multiple-border-radius,
+        map.get($tokens, file-upload-size-multiple-border-radius)
+    );
+    border-width: var(
+        --kbq-file-upload-size-multiple-border-width,
+        map.get($tokens, file-upload-size-multiple-border-width)
+    );
+    border-style: var(
+        --kbq-file-upload-size-multiple-border-style,
+        map.get($tokens, file-upload-size-multiple-border-style)
+    );
+
+    &.default {
+        min-height: $multiple-default-height;
+        justify-content: center;
+    }
+
+    &.compact:not(.selected) {
+        height: var(
+            --kbq-file-upload-size-single-height,
+            map.get($tokens, file-upload-size-single-height)
+        );
+        padding-top: var(
+            --kbq-file-upload-size-single-vertical-padding,
+            map.get($tokens, file-upload-size-single-vertical-padding)
+        );
+        padding-bottom: var(
+            --kbq-file-upload-size-single-vertical-padding,
+            map.get($tokens, file-upload-size-single-vertical-padding)
+        );
+        padding-left: map.get($tokens, size-m);
+    }
+
+    .kbq-list-option {
+        padding: $horizontal-padding-item $vertical-padding-item;
+
+        .kbq-icon {
+            margin-right: 0;
+        }
+    }
+
+    .kbq-file-upload__grid {
+        min-height: 144px;
+    }
+
+    .kbq-file-multiple-uploaded__header-inner,
+    .kbq-file-upload__row {
+        display: flex;
+        align-items: center;
+
+        .kbq-file-upload__file {
+            width: 65%;
+            max-width: 65%;
+        }
+
+        .kbq-file-upload__size {
+            width: map.get($tokens, size-7xl);
+            min-width: map.get($tokens, size-7xl);
+            text-align: left;
+            flex-grow: 1;
+        }
+
+        .kbq-file-upload__file,
+        .kbq-file-upload__size,
+        .kbq-file-upload__action, {
+            padding-left: $horizontal-padding-item;
+            padding-right: $horizontal-padding-item;
+        }
+    }
+
+    .kbq-file-upload__row {
+        .kbq-file-upload__file {
+            display: flex;
+            align-items: center;
+
+            .file-item__text {
+                margin-left: 0;
+                width: 90%;
+            }
+        }
+    }
+
+    .kbq-file-multiple-uploaded__header {
+        border-bottom-width: 1px;
+        border-bottom-style: $border-type-header;
+
+        &-inner {
+            padding: $horizontal-padding-item $vertical-padding-item;
+            border: 2px solid transparent;
+            border-bottom: unset;
+            box-sizing: border-box;
+            height: var(--kbq-list-size-item-height, map.get($tokens, size-3xl));
+        }
+
+    }
+
+    .btn-upload {
+        .dropzone {
+            margin: 0;
+            border-top-width: var(
+                --kbq-file-upload-size-multiple-border-width,
+                map.get($tokens, file-upload-size-multiple-border-width)
+            );
+            border-top-style: var(
+                --kbq-file-upload-size-multiple-border-style,
+                map.get($tokens, file-upload-size-multiple-border-style)
+            );
+            padding: map.get($tokens, size-xxs) map.get($tokens, size-m);
+        }
+    }
+
+    .file-upload__dropzone {
+        width: 100%;
+        height: 100%;
+    }
+}
+
+.kbq-hint {
+    display: block;
+}
+
+.kbq-file-upload__hint {
+    margin-top: var(--kbq-form-field-hint-size-margin-top, map.get($tokens, form-field-hint-size-margin-top));
+}

package/file-upload/public-api.d.ts

@@ -0,0 +1,5 @@
+export * from './file-upload';
+export * from './file-upload.module';
+export * from './multiple-file-upload.component';
+export * from './single-file-upload.component';
+export * from './file-drop';

package/file-upload/single-file-upload.component.d.ts

@@ -0,0 +1,34 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { CanDisable } from '@koobiq/components/core';
+import { KbqFileItem, KbqFileValidatorFn, KbqInputFile, KbqInputFileLabel } from './file-upload';
+import * as i0 from "@angular/core";
+export declare const KBQ_SINGLE_FILE_UPLOAD_DEFAULT_CONFIGURATION: KbqInputFileLabel;
+export declare class KbqSingleFileUploadComponent implements AfterViewInit, OnDestroy, KbqInputFile, CanDisable {
+    private focusMonitor;
+    private cdr;
+    config: KbqInputFileLabel;
+    accept: string[];
+    disabled: boolean;
+    errors: string[];
+    files: KbqFileItem[];
+    inputId: string;
+    customValidation?: KbqFileValidatorFn[];
+    fileQueueChanged: EventEmitter<KbqFileItem | null>;
+    input: ElementRef<HTMLInputElement>;
+    hasFocus: boolean;
+    private focusMonitorSubscription;
+    get acceptedFiles(): string;
+    constructor(focusMonitor: FocusMonitor, cdr: ChangeDetectorRef, config: KbqInputFileLabel);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onFileSelectedViaClick({ target }: Event): void;
+    deleteItem(event?: MouseEvent): void;
+    onFileDropped(files: FileList): void;
+    onFocus(focusState: boolean): void;
+    private mapToFileItem;
+    private validateFile;
+    private isCorrectExtension;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqSingleFileUploadComponent, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSingleFileUploadComponent, "kbq-single-file-upload", never, { "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "files": { "alias": "files"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "customValidation": { "alias": "customValidation"; "required": false; }; }, { "fileQueueChanged": "fileQueueChanged"; }, never, ["[hint]", "[kbq-icon]"], false, never>;
+}

package/file-upload/single-file-upload.component.scss

@@ -0,0 +1,60 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/tokens';
+
+@use '../core/styles/common';
+
+$tokens: meta.module-variables(tokens) !default;
+
+.kbq-file-upload {
+    height: var(
+        --kbq-file-upload-size-single-height,
+        map.get($tokens, file-upload-size-single-height)
+    );
+    padding-top: var(
+        --kbq-file-upload-size-single-vertical-padding,
+        map.get($tokens, file-upload-size-single-vertical-padding)
+    );
+    padding-bottom: var(
+        --kbq-file-upload-size-single-vertical-padding,
+        map.get($tokens, file-upload-size-single-vertical-padding)
+    );
+    padding-left: map.get($tokens, size-m);
+
+    border-radius: var(
+        --kbq-file-upload-size-single-border-radius,
+        map.get($tokens, file-upload-size-single-border-radius)
+    );
+    border-width: var(
+        --kbq-file-upload-size-single-border-width,
+        map.get($tokens, file-upload-size-single-border-width));
+    border-style: var(
+        --kbq-file-upload-size-single-border-style,
+        map.get($tokens, file-upload-size-single-border-style)
+    );
+
+    .file-item {
+        width: 100%;
+
+        .file-item__text-wrapper {
+            display: flex;
+            align-items: center;
+            width: 100%;
+
+            .file-item__text {
+                margin-left: map.get($tokens, size-s);
+                width: 120px;
+                flex-grow: 1;
+            }
+        }
+    }
+}
+
+.kbq-hint {
+    display: block;
+}
+
+.kbq-file-upload__hint {
+    margin-top: var(--kbq-form-field-hint-size-margin-top, map.get($tokens, form-field-hint-size-margin-top));
+}

package/form-field/_form-field-theme.scss

@@ -0,0 +1,112 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/theming/theming' as *;
+@use '../core/styles/typography/typography-utils' as *;
+
+
+@mixin kbq-form-field-state($state) {
+    .kbq-form-field__container {
+        border-color: map.get($state, border);
+        background-color: map.get($state, background);
+    }
+
+    .kbq-input,
+    .kbq-textarea {
+        color: map.get($state, text);
+
+        &::placeholder {
+            color: map.get($state, placeholder);
+        }
+
+        &::-ms-input-placeholder {
+            color: map.get($state, placeholder);
+        }
+
+        &::-webkit-input-placeholder {
+            color: map.get($state, placeholder);
+        }
+    }
+}
+
+@mixin kbq-form-field-theme($theme) {
+    $foreground: map.get($theme, foreground);
+
+    .kbq-form-field {
+        $form-field: map.get(map.get($theme, components), form-field);
+
+        $default: map.get($form-field, default);
+        $autofill: map.get($form-field, autofill);
+        $error: map.get($form-field, error);
+        $focused: map.get($form-field, focused);
+        $disabled: map.get($form-field, disabled);
+
+        @include kbq-form-field-state($default);
+
+        /* stylelint-disable no-descending-specificity */
+        & .kbq-input {
+            //https://css-tricks.com/almanac/selectors/a/autofill/
+            &:-webkit-autofill,
+            &:-webkit-autofill:hover,
+            &:-webkit-autofill:focus {
+                -webkit-box-shadow: 0 0 0 40rem map.get($autofill, background) inset;
+                -webkit-text-fill-color: map.get($autofill, text);
+                caret-color: map-get($autofill, text);
+            }
+        }
+
+        &.cdk-focused {
+            @include kbq-form-field-state($focused);
+
+            & .kbq-form-field__container {
+                box-shadow: 0 0 0 1px map.get($focused, focus-outline);
+            }
+        }
+
+        &.kbq-form-field_invalid,
+        &.ng-invalid {
+            @include kbq-form-field-state($error);
+
+            &.cdk-focused .kbq-form-field__container {
+                box-shadow: 0 0 0 1px map.get($error, focus-outline);
+            }
+        }
+
+        &.kbq-disabled {
+            @include kbq-form-field-state($disabled);
+
+            .kbq-icon,
+            .kbq-input,
+            .kbq-textarea {
+                color: map.get($disabled, text);
+                background: map.get($disabled, background);
+                -webkit-text-fill-color: map.get($disabled, text);
+            }
+        }
+        /* stylelint-enable no-descending-specificity */
+    }
+
+    .kbq-form-field__hint > .kbq-hint {
+        $form-field-hint: map.get(map.get($theme, components), form-field-hint);
+
+        color: map.get($form-field-hint, text);
+    }
+
+    .kbq-password-hint {
+        $password-hint: map.get(map.get($theme, components), form-field-password-hint);
+
+        color: map.get($password-hint, text-color);
+    }
+}
+
+@mixin kbq-form-field-typography($config) {
+    $tokens: map.get($config, tokens);
+
+    .kbq-form-field {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, form-field-font-label));
+    }
+
+    .kbq-form-field__hint > .kbq-hint {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, form-field-hint-font-text));
+    }
+}

package/form-field/_hint-theme.scss

@@ -0,0 +1,67 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/theming/theming' as *;
+@use '../core/styles/typography/typography-utils' as *;
+
+
+@mixin kbq-hint-color($hint) {
+    color: map.get($hint, text);
+
+    & .kbq-icon {
+        color: map.get($hint, icon);
+    }
+}
+
+
+@mixin kbq-hint-theme($theme) {
+    $hint: map.get(map.get($theme, components), hint);
+
+    .kbq-hint {
+        $fill-text-on: map.get($hint, fill-text-on);
+
+        &.kbq-contrast-fade {
+            @include kbq-hint-color(map.get($fill-text-on, fade-contrast));
+        }
+
+        &.kbq-success {
+            @include kbq-hint-color(map.get($fill-text-on, success));
+        }
+
+        &.kbq-warning {
+            @include kbq-hint-color(map.get($fill-text-on, warning));
+        }
+
+        &.kbq-error {
+            @include kbq-hint-color(map.get($fill-text-on, error));
+        }
+    }
+
+    .kbq-hint.kbq-hint_fill-text-off {
+        $fill-text-off: map.get($hint, fill-text-off);
+
+        &.kbq-contrast-fade {
+            @include kbq-hint-color(map.get($fill-text-off, fade-contrast));
+        }
+
+        &.kbq-success {
+            @include kbq-hint-color(map.get($fill-text-off, success));
+        }
+
+        &.kbq-warning {
+            @include kbq-hint-color(map.get($fill-text-off, warning));
+        }
+
+        &.kbq-error {
+            @include kbq-hint-color(map.get($fill-text-off, error));
+        }
+    }
+}
+
+@mixin kbq-hint-typography($config) {
+    $tokens: map.get($config, tokens);
+
+    .kbq-hint .kbq-hint__text {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, hint-font-text));
+    }
+}

package/form-field/cleaner.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class KbqCleaner {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqCleaner, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqCleaner, "kbq-cleaner", ["mcCleaner"], {}, {}, never, never, false, never>;
+}

package/form-field/cleaner.scss

@@ -0,0 +1,22 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+.kbq-cleaner {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    width: var(--kbq-form-field-size-icon-button-size, map.get($tokens, form-field-size-icon-button-size));
+    margin-right: var(
+        --kbq-form-field-size-icon-button-margin-right,
+        map.get($tokens, form-field-size-icon-button-margin-right)
+    );
+    height: 100%;
+
+    cursor: pointer;
+}

package/form-field/form-field-control.d.ts

@@ -0,0 +1,37 @@
+import { NgControl } from '@angular/forms';
+import { Observable } from 'rxjs';
+/** An interface which allows a control to work inside of a `MсFormField`. */
+export declare abstract class KbqFormFieldControl<T> {
+    /** The value of the control. */
+    value: T | null;
+    /**
+     * Stream that emits whenever the state of the control changes such that the parent `MсFormField`
+     * needs to run change detection.
+     */
+    readonly stateChanges: Observable<void>;
+    /** The element ID for this control. */
+    readonly id: string;
+    /** The placeholder for this control. */
+    readonly placeholder: string;
+    /** Gets the NgControl for this control. */
+    readonly ngControl: NgControl | null;
+    /** Whether the control is focused. */
+    readonly focused: boolean;
+    /** Whether the control is empty. */
+    readonly empty: boolean;
+    /** Whether the control is required. */
+    readonly required: boolean;
+    /** Whether the control is disabled. */
+    readonly disabled: boolean;
+    /** Whether the control is in an error state. */
+    readonly errorState: boolean;
+    /**
+     * An optional name for the control type that can be used to distinguish `kbq-form-field` elements
+     * based on their control type. The form field will add a class,
+     * `kbq-form-field-type-{{controlType}}` to its root element.
+     */
+    readonly controlType?: string;
+    /** Handles a click on the control's container. */
+    abstract onContainerClick(event: MouseEvent): void;
+    abstract focus(): void;
+}

package/form-field/form-field-errors.d.ts

@@ -0,0 +1,2 @@
+export declare function getKbqFormFieldMissingControlError(): Error;
+export declare function getKbqFormFieldYouCanNotUseCleanerInNumberInputError(): Error;

package/form-field/form-field.d.ts

@@ -0,0 +1,84 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { AfterContentChecked, AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, QueryList } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { CanColor, CanColorCtor } from '@koobiq/components/core';
+import { KbqCleaner } from './cleaner';
+import { KbqFormFieldControl } from './form-field-control';
+import { KbqHint } from './hint';
+import { KbqPasswordHint } from './password-hint';
+import { KbqPasswordToggle } from './password-toggle';
+import { KbqPrefix } from './prefix';
+import { KbqStepper } from './stepper';
+import { KbqSuffix } from './suffix';
+import * as i0 from "@angular/core";
+/** @docs-private */
+export declare class KbqFormFieldBase {
+    elementRef: ElementRef;
+    constructor(elementRef: ElementRef);
+}
+/** @docs-private */
+export declare const KbqFormFieldMixinBase: CanColorCtor & typeof KbqFormFieldBase;
+export declare class KbqFormField extends KbqFormFieldMixinBase implements AfterContentInit, AfterContentChecked, AfterViewInit, CanColor, OnDestroy {
+    elementRef: ElementRef;
+    private changeDetectorRef;
+    private focusMonitor;
+    control: KbqFormFieldControl<any>;
+    stepper: KbqStepper;
+    cleaner: KbqCleaner | null;
+    passwordToggle: KbqPasswordToggle | null;
+    hint: QueryList<KbqHint>;
+    passwordHints: QueryList<KbqPasswordHint>;
+    suffix: QueryList<KbqSuffix>;
+    prefix: QueryList<KbqPrefix>;
+    connectionContainerRef: ElementRef;
+    labelId: string;
+    hovered: boolean;
+    canCleanerClearByEsc: boolean;
+    private $unsubscribe;
+    get hasHint(): boolean;
+    get hasPasswordStrengthError(): boolean;
+    get hasSuffix(): boolean;
+    get hasPrefix(): boolean;
+    get hasCleaner(): boolean;
+    get hasStepper(): boolean;
+    get hasPasswordToggle(): boolean;
+    get canShowCleaner(): boolean;
+    get disabled(): boolean;
+    get canShowStepper(): boolean;
+    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, focusMonitor: FocusMonitor);
+    ngAfterContentInit(): void;
+    ngAfterContentChecked(): void;
+    ngAfterViewInit(): void;
+    clearValue($event: any): void;
+    onContainerClick($event: any): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onHoverChanged(isHovered: boolean): void;
+    /**
+     * Gets an ElementRef for the element that a overlay attached to the form-field should be
+     * positioned relative to.
+     */
+    getConnectedOverlayOrigin(): ElementRef;
+    /** Determines whether a class from the NgControl should be forwarded to the host element. */
+    shouldForward(prop: keyof NgControl): boolean;
+    ngOnDestroy(): void;
+    runFocusMonitor(): void;
+    stopFocusMonitor(): void;
+    /** Throws an error if the form field's control is missing. */
+    protected validateControlChild(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqFormField, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqFormField, "kbq-form-field", ["mcFormField"], { "color": { "alias": "color"; "required": false; }; }, {}, ["control", "stepper", "cleaner", "passwordToggle", "hint", "passwordHints", "suffix", "prefix"], ["[mcPrefix]", "*", "[mcSuffix]", "kbq-cleaner", "kbq-password-toggle", "kbq-stepper", "kbq-hint, kbq-password-hint"], false, never>;
+}
+export declare class KbqFormFieldWithoutBorders {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqFormFieldWithoutBorders, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqFormFieldWithoutBorders, "kbq-form-field[mcFormFieldWithoutBorders]", ["mcFormFieldWithoutBorders"], {}, {}, never, never, false, never>;
+}
+export declare class KbqTrim {
+    private readonly noTrim;
+    private ngControl;
+    private original;
+    constructor(noTrim: boolean, ngControl: NgControl);
+    trim(value: any): any;
+    private registerOnChange;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqTrim, [{ attribute: "no-trim"; }, { optional: true; self: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTrim, "[mcInput], [mcTextarea]", ["KbqTrim"], {}, {}, never, never, false, never>;
+}

package/form-field/form-field.module.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./form-field";
+import * as i2 from "./hint";
+import * as i3 from "./password-hint";
+import * as i4 from "./prefix";
+import * as i5 from "./suffix";
+import * as i6 from "./cleaner";
+import * as i7 from "./stepper";
+import * as i8 from "./validate.directive";
+import * as i9 from "./password-toggle";
+import * as i10 from "@angular/common";
+import * as i11 from "@koobiq/components/icon";
+export declare class KbqFormFieldModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqFormFieldModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqFormFieldModule, [typeof i1.KbqFormField, typeof i1.KbqFormFieldWithoutBorders, typeof i2.KbqHint, typeof i3.KbqPasswordHint, typeof i4.KbqPrefix, typeof i5.KbqSuffix, typeof i6.KbqCleaner, typeof i7.KbqStepper, typeof i8.KbqValidateDirective, typeof i1.KbqTrim, typeof i9.KbqPasswordToggle], [typeof i10.CommonModule, typeof i11.KbqIconModule], [typeof i1.KbqFormField, typeof i1.KbqFormFieldWithoutBorders, typeof i2.KbqHint, typeof i3.KbqPasswordHint, typeof i4.KbqPrefix, typeof i5.KbqSuffix, typeof i6.KbqCleaner, typeof i7.KbqStepper, typeof i8.KbqValidateDirective, typeof i1.KbqTrim, typeof i9.KbqPasswordToggle]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqFormFieldModule>;
+}