@koobiq/components 18.20.0 → 18.22.0

package/tags/tag-list.component.d.ts

@@ -3,39 +3,33 @@ import { SelectionModel } from '@angular/cdk/collections';
 import { AfterContentInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
 import { FocusKeyManager } from '@koobiq/cdk/a11y';
-import { CanUpdateErrorState, CanUpdateErrorStateCtor, ErrorStateMatcher } from '@koobiq/components/core';
+import { CanUpdateErrorState, ErrorStateMatcher } from '@koobiq/components/core';
 import { KbqCleaner, KbqFormFieldControl } from '@koobiq/components/form-field';
 import { Observable, Subject } from 'rxjs';
 import { KbqTagTextControl } from './tag-text-control';
 import { KbqTag, KbqTagEvent, KbqTagSelectionChange } from './tag.component';
 import * as i0 from "@angular/core";
-/** @docs-private */
-export declare class KbqTagListBase {
-    defaultErrorStateMatcher: ErrorStateMatcher;
-    parentForm: NgForm;
-    parentFormGroup: FormGroupDirective;
-    ngControl: NgControl;
-    /**
-     * Emits whenever the component state changes and should cause the parent
-     * form-field to update. Implemented as part of `KbqFormFieldControl`.
-     * @docs-private
-     */
-    readonly stateChanges: Subject<void>;
-    constructor(defaultErrorStateMatcher: ErrorStateMatcher, parentForm: NgForm, parentFormGroup: FormGroupDirective, ngControl: NgControl);
-}
-/** @docs-private */
-export declare const KbqTagListMixinBase: CanUpdateErrorStateCtor & typeof KbqTagListBase;
 /** Change event object that is emitted when the tag list value has changed. */
 export declare class KbqTagListChange {
     source: KbqTagList;
     value: any;
     constructor(source: KbqTagList, value: any);
 }
-export declare class KbqTagList extends KbqTagListMixinBase implements KbqFormFieldControl<any>, ControlValueAccessor, AfterContentInit, DoCheck, OnInit, OnDestroy, CanUpdateErrorState {
+export declare class KbqTagList implements KbqFormFieldControl<any>, ControlValueAccessor, AfterContentInit, DoCheck, OnInit, OnDestroy, CanUpdateErrorState {
     protected elementRef: ElementRef<HTMLElement>;
     private changeDetectorRef;
+    defaultErrorStateMatcher: ErrorStateMatcher;
     private dir;
+    parentForm: NgForm;
+    parentFormGroup: FormGroupDirective;
+    ngControl: NgControl;
     readonly controlType: string;
+    /**
+     * Emits whenever the component state changes and should cause the parent
+     * form-field to update. Implemented as part of `KbqFormFieldControl`.
+     * @docs-private
+     */
+    readonly stateChanges: Subject<void>;
     /** Combined stream of all of the child tags' selection change events. */
     get tagSelectionChanges(): Observable<KbqTagSelectionChange>;
     /** Combined stream of all of the child tags' focus change events. */
@@ -131,6 +125,8 @@ export declare class KbqTagList extends KbqTagListMixinBase implements KbqFormFi
     cleaner: KbqCleaner;
     /** The tag components contained within this tag list. */
     tags: QueryList<KbqTag>;
+    /** Whether the component is in an error state. */
+    errorState: boolean;
     private _value;
     private _required;
     private _placeholder;
@@ -159,6 +155,7 @@ export declare class KbqTagList extends KbqTagListMixinBase implements KbqFormFi
     ngOnInit(): void;
     ngDoCheck(): void;
     ngOnDestroy(): void;
+    updateErrorState(): void;
     onTouched: () => void;
     onChange: (value: any) => void;
     /** Associates an HTML input element with this tag list. */

package/tags/tag.component.d.ts

@@ -1,6 +1,6 @@
 import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, QueryList } from '@angular/core';
 import { IFocusableOption } from '@koobiq/cdk/a11y';
-import { CanColor, CanColorCtor, CanDisable, CanDisableCtor, KbqTitleTextRef } from '@koobiq/components/core';
+import { KbqColorDirective, KbqTitleTextRef } from '@koobiq/components/core';
 import { KbqIcon } from '@koobiq/components/icon';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
@@ -30,14 +30,7 @@ export declare class KbqTagTrailingIcon {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTagTrailingIcon, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTagTrailingIcon, "kbq-tag-trailing-icon, [kbqTagTrailingIcon]", never, {}, {}, never, never, false, never>;
 }
-/** @docs-private */
-export declare class KbqTagBase {
-    elementRef: ElementRef;
-    constructor(elementRef: ElementRef);
-}
-/** @docs-private */
-export declare const KbqTagMixinBase: CanColorCtor & CanDisableCtor & typeof KbqTagBase;
-export declare class KbqTag extends KbqTagMixinBase implements IFocusableOption, OnDestroy, CanColor, CanDisable, KbqTitleTextRef, AfterContentInit {
+export declare class KbqTag extends KbqColorDirective implements IFocusableOption, OnDestroy, KbqTitleTextRef, AfterContentInit {
     elementRef: ElementRef;
     changeDetectorRef: ChangeDetectorRef;
     private _ngZone;
@@ -116,7 +109,7 @@ export declare class KbqTag extends KbqTagMixinBase implements IFocusableOption,
     blur(): void;
     private dispatchSelectionChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTag, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTag, "kbq-tag, [kbq-tag], kbq-basic-tag, [kbq-basic-tag]", ["kbqTag"], { "color": { "alias": "color"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "selectionChange": "selectionChange"; "destroyed": "destroyed"; "removed": "removed"; }, ["avatar", "trailingIcon", "removeIcon", "contentChildren"], ["[kbq-icon]:not([kbqTagRemove])", "*", "[kbqTagRemove]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTag, "kbq-tag, [kbq-tag], kbq-basic-tag, [kbq-basic-tag]", ["kbqTag"], { "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "selectionChange": "selectionChange"; "destroyed": "destroyed"; "removed": "removed"; }, ["avatar", "trailingIcon", "removeIcon", "contentChildren"], ["[kbq-icon]:not([kbqTagRemove])", "*", "[kbqTagRemove]"], false, never>;
 }
 /**
  *

package/textarea/textarea.component.d.ts

@@ -1,35 +1,31 @@
 import { DoCheck, ElementRef, InjectionToken, NgZone, OnChanges, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { FormGroupDirective, NgControl, NgForm } from '@angular/forms';
-import { CanUpdateErrorState, CanUpdateErrorStateCtor, ErrorStateMatcher } from '@koobiq/components/core';
+import { CanUpdateErrorState, ErrorStateMatcher } from '@koobiq/components/core';
 import { KbqFormFieldControl } from '@koobiq/components/form-field';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare const KBQ_TEXTAREA_VALUE_ACCESSOR: InjectionToken<{
     value: any;
 }>;
-/** @docs-private */
-export declare class KbqTextareaBase {
-    defaultErrorStateMatcher: ErrorStateMatcher;
+export declare class KbqTextarea implements KbqFormFieldControl<any>, OnInit, OnChanges, OnDestroy, DoCheck, CanUpdateErrorState {
+    protected elementRef: ElementRef;
+    ngControl: NgControl;
     parentForm: NgForm;
     parentFormGroup: FormGroupDirective;
-    ngControl: NgControl;
-    /**
-     * Emits whenever the component state changes and should cause the parent
-     * form-field to update. Implemented as part of `KbqFormFieldControl`.
-     * @docs-private
-     */
-    readonly stateChanges: Subject<void>;
-    constructor(defaultErrorStateMatcher: ErrorStateMatcher, parentForm: NgForm, parentFormGroup: FormGroupDirective, ngControl: NgControl);
-}
-/** @docs-private */
-export declare const KbqTextareaMixinBase: CanUpdateErrorStateCtor & typeof KbqTextareaBase;
-export declare class KbqTextarea extends KbqTextareaMixinBase implements KbqFormFieldControl<any>, OnInit, OnChanges, OnDestroy, DoCheck, CanUpdateErrorState {
-    protected elementRef: ElementRef;
+    defaultErrorStateMatcher: ErrorStateMatcher;
     private parent;
     private ngZone;
+    /** Whether the component is in an error state. */
+    errorState: boolean;
+    /** Parameter enables or disables the ability to automatically increase the height.
+     * If set to false, the textarea becomes vertically resizable. */
+    set canGrow(value: boolean);
+    get canGrow(): boolean;
     protected readonly isBrowser: boolean;
     protected readonly renderer: Renderer2;
-    canGrow: boolean;
+    private _canGrow;
+    /** Maximum number of lines to which the textarea will grow. Default unlimited */
+    maxRows: number;
     /** An object used to control when error messages are shown. */
     errorStateMatcher: ErrorStateMatcher;
     /**
@@ -64,6 +60,8 @@ export declare class KbqTextarea extends KbqTextareaMixinBase implements KbqForm
      * @docs-private
      */
     placeholder: string;
+    /** Distance from the last line to the bottom border */
+    freeRowsHeight: number;
     /**
      * Implemented as part of KbqFormFieldControl.
      * @docs-private
@@ -76,6 +74,9 @@ export declare class KbqTextarea extends KbqTextareaMixinBase implements KbqForm
      */
     get value(): string;
     set value(value: string);
+    /** Flag that will be set to true when the maximum number of lines is reached.
+     * Maximum number of rows can be set using the maxRows input. */
+    get maxRowLimitReached(): boolean;
     protected uid: string;
     protected previousNativeValue: any;
     private _disabled;
@@ -84,13 +85,14 @@ export declare class KbqTextarea extends KbqTextareaMixinBase implements KbqForm
     private valueAccessor;
     private growSubscription;
     private lineHeight;
-    private freeRowsHeight;
     private minHeight;
+    private rowsCount;
     constructor(elementRef: ElementRef, ngControl: NgControl, parentForm: NgForm, parentFormGroup: FormGroupDirective, defaultErrorStateMatcher: ErrorStateMatcher, inputValueAccessor: any, parent: any, ngZone: NgZone);
     ngOnInit(): void;
     ngOnChanges(): void;
     ngOnDestroy(): void;
     ngDoCheck(): void;
+    updateErrorState(): void;
     onBlur(): void;
     /** Grow textarea height to avoid vertical scroll  */
     grow: () => void;
@@ -113,5 +115,7 @@ export declare class KbqTextarea extends KbqTextareaMixinBase implements KbqForm
     /** Checks whether the textarea is invalid based on the native validation. */
     protected isBadInput(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTextarea, [null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null, { optional: true; self: true; }, { optional: true; host: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTextarea, "textarea[kbqTextarea]", ["kbqTextarea"], { "canGrow": { "alias": "canGrow"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTextarea, "textarea[kbqTextarea]", ["kbqTextarea"], { "canGrow": { "alias": "canGrow"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "freeRowsHeight": { "alias": "freeRowsHeight"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
+    static ngAcceptInputType_canGrow: unknown;
+    static ngAcceptInputType_freeRowsHeight: unknown;
 }

package/textarea/textarea.scss

@@ -30,6 +30,10 @@
         resize: vertical;
         min-height: var(--kbq-textarea-size-min-height);
     }
+
+    &.kbq-textarea_max-row-limit-reached {
+        resize: unset;
+    }
 }
 
 /* remove default red border for HTML5 validation invalid fields in Firefox */

package/toggle/toggle.component.d.ts

@@ -1,22 +1,14 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { CanColor, CanColorCtor, CanDisable, CanDisableCtor, HasTabIndex, HasTabIndexCtor } from '@koobiq/components/core';
+import { KbqColorDirective } from '@koobiq/components/core';
 import * as i0 from "@angular/core";
 type ToggleLabelPositionType = 'left' | 'right';
-/** @docs-private */
-export declare class KbqToggleBase {
-    elementRef: ElementRef;
-    constructor(elementRef: ElementRef);
-}
-/** @docs-private */
-export declare const KbqToggleMixinBase: HasTabIndexCtor & CanDisableCtor & CanColorCtor & typeof KbqToggleBase;
 export declare class KbqToggleChange {
     source: KbqToggleComponent;
     checked: boolean;
 }
-export declare class KbqToggleComponent extends KbqToggleMixinBase implements AfterViewInit, ControlValueAccessor, CanColor, CanDisable, HasTabIndex, OnDestroy {
-    elementRef: ElementRef;
+export declare class KbqToggleComponent extends KbqColorDirective implements AfterViewInit, ControlValueAccessor, OnDestroy {
     private focusMonitor;
     private changeDetectorRef;
     big: boolean;
@@ -31,12 +23,15 @@ export declare class KbqToggleComponent extends KbqToggleMixinBase implements Af
     get disabled(): any;
     set disabled(value: any);
     private _disabled;
+    get tabIndex(): number;
+    set tabIndex(value: number);
+    private _tabIndex;
     get checked(): boolean;
     set checked(value: boolean);
     private _checked;
     readonly change: EventEmitter<KbqToggleChange>;
     private uniqueId;
-    constructor(elementRef: ElementRef, focusMonitor: FocusMonitor, changeDetectorRef: ChangeDetectorRef);
+    constructor(focusMonitor: FocusMonitor, changeDetectorRef: ChangeDetectorRef);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     focus(): void;
@@ -53,6 +48,7 @@ export declare class KbqToggleComponent extends KbqToggleMixinBase implements Af
     private updateModelValue;
     private emitChangeEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqToggleComponent, "kbq-toggle", ["kbqToggle"], { "color": { "alias": "color"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "big": { "alias": "big"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "change": "change"; }, never, ["*", "kbq-hint"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqToggleComponent, "kbq-toggle", ["kbqToggle"], { "big": { "alias": "big"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "change": "change"; }, never, ["*", "kbq-hint"], false, never>;
+    static ngAcceptInputType_tabIndex: unknown;
 }
 export {};

package/top-bar/top-bar-tokens.scss

@@ -2,8 +2,8 @@
     --kbq-top-bar-position: sticky;
     --kbq-top-bar-background: var(--kbq-background-bg);
     --kbq-top-bar-spacer-min-width: 80px;
-    --kbq-top-bar-padding-vertical: var(--kbq-size-l);
-    --kbq-top-bar-padding-horizontal: var(--kbq-size-l);
+    --kbq-top-bar-padding-vertical: var(--kbq-size-xl);
+    --kbq-top-bar-padding-horizontal: var(--kbq-size-xxl);
     --kbq-top-bar-border-radius: 0;
     --kbq-top-bar-left-gap: 0;
     --kbq-top-bar-right-gap: var(--kbq-size-s);

package/top-bar/top-bar.scss

@@ -10,7 +10,7 @@
     position: var(--kbq-top-bar-position);
     background-color: var(--kbq-top-bar-background);
     padding: var(--kbq-top-bar-padding-vertical) var(--kbq-top-bar-padding-horizontal);
-    border: var(--kbq-top-bar-border-radius);
+    border-radius: var(--kbq-top-bar-border-radius);
 
     .kbq-top-bar-spacer {
         height: 100%;

package/tree/toggle.d.ts

@@ -1,28 +1,26 @@
-import { CanDisable, CanDisableCtor } from '@koobiq/components/core';
 import { KbqTreeBase, KbqTreeNode } from './tree-base';
 import * as i0 from "@angular/core";
 /** @docs-private */
-export declare class KbqTreeNodeToggleBase {
-}
-/** @docs-private */
-export declare const KbqTreeNodeToggleMixinBase: CanDisableCtor & typeof KbqTreeNodeToggleBase;
-/** @docs-private */
-export declare class KbqTreeNodeToggleBaseDirective<T> extends KbqTreeNodeToggleMixinBase implements CanDisable {
+export declare class KbqTreeNodeToggleBaseDirective<T> {
     private tree;
     private treeNode;
     node: T;
     get recursive(): boolean;
     set recursive(value: any);
     private _recursive;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    private _disabled;
     get iconState(): boolean;
     constructor(tree: KbqTreeBase<T>, treeNode: KbqTreeNode<T>);
     toggle(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeNodeToggleBaseDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTreeNodeToggleBaseDirective<any>, never, never, { "node": { "alias": "node"; "required": false; }; "recursive": { "alias": "kbqTreeNodeToggleRecursive"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTreeNodeToggleBaseDirective<any>, never, never, { "node": { "alias": "node"; "required": false; }; "recursive": { "alias": "kbqTreeNodeToggleRecursive"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
+    static ngAcceptInputType_disabled: unknown;
 }
 export declare class KbqTreeNodeToggleComponent<T> extends KbqTreeNodeToggleBaseDirective<T> {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeNodeToggleComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTreeNodeToggleComponent<any>, "kbq-tree-node-toggle", ["kbqTreeNodeToggle"], { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTreeNodeToggleComponent<any>, "kbq-tree-node-toggle", ["kbqTreeNodeToggle"], {}, {}, never, never, false, never>;
 }
 export declare class KbqTreeNodeToggleDirective<T> extends KbqTreeNodeToggleBaseDirective<T> {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeNodeToggleDirective<any>, never>;

package/tree/tree-selection.component.d.ts

@@ -4,7 +4,7 @@ import { SelectionModel } from '@angular/cdk/collections';
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, IterableDiffer, IterableDiffers, OnDestroy, QueryList, ViewContainerRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { FocusKeyManager } from '@koobiq/cdk/a11y';
-import { CanDisable, HasTabIndex, MultipleMode } from '@koobiq/components/core';
+import { MultipleMode } from '@koobiq/components/core';
 import { Observable } from 'rxjs';
 import { AsyncScheduler } from 'rxjs/internal/scheduler/AsyncScheduler';
 import { FlatTreeControl } from './control/flat-tree-control';
@@ -37,7 +37,7 @@ interface SelectionModelOption {
     id: number | string;
     value: string;
 }
-export declare class KbqTreeSelection extends KbqTreeBase<any> implements ControlValueAccessor, AfterContentInit, AfterViewInit, OnDestroy, CanDisable, HasTabIndex {
+export declare class KbqTreeSelection extends KbqTreeBase<any> implements ControlValueAccessor, AfterContentInit, AfterViewInit, OnDestroy {
     private elementRef;
     private scheduler;
     private clipboard;

package/tree-select/_tree-select-theme.scss

@@ -4,7 +4,10 @@
     .kbq-tree-select {
         color: var(--kbq-foreground-contrast);
 
-        &.ng-invalid {
+        // Invalid by `KbqValidateDirective`
+        &.kbq-control_has-validate-directive.ng-invalid,
+        // Invalid by control `ErrorStateMatcher`
+        &.kbq-invalid {
             color: var(--kbq-error-default);
 
             .kbq-select__placeholder {

package/tree-select/tree-select.component.d.ts

@@ -1,9 +1,9 @@
 import { Directionality } from '@angular/cdk/bidi';
 import { SelectionModel } from '@angular/cdk/collections';
 import { CdkConnectedOverlay, CdkOverlayOrigin, ConnectedPosition } from '@angular/cdk/overlay';
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, InjectionToken, NgZone, OnChanges, OnDestroy, OnInit, Provider, QueryList, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, InjectionToken, NgZone, OnDestroy, OnInit, Provider, QueryList, Renderer2, TemplateRef } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
-import { CanDisable, CanDisableCtor, CanUpdateErrorState, CanUpdateErrorStateCtor, ErrorStateMatcher, HasTabIndex, HasTabIndexCtor, KbqAbstractSelect, KbqLocaleService, KbqSelectMatcher, KbqSelectSearch, KbqSelectTrigger } from '@koobiq/components/core';
+import { CanUpdateErrorState, ErrorStateMatcher, KbqAbstractSelect, KbqComponentColors, KbqLocaleService, KbqSelectMatcher, KbqSelectSearch, KbqSelectTrigger } from '@koobiq/components/core';
 import { KbqCleaner, KbqFormField, KbqFormFieldControl } from '@koobiq/components/form-field';
 import { KbqTag } from '@koobiq/components/tags';
 import { KbqTreeOption, KbqTreeSelection } from '@koobiq/components/tree';
@@ -15,9 +15,6 @@ export type KbqTreeSelectTriggerValue = {
     value: string;
     viewValue: string;
 };
-/** @deprecated Will be removed in the next major release, use `KbqTreeSelectTriggerValue` instead */
-export interface ITriggerValue extends KbqTreeSelectTriggerValue {
-}
 /** Tree select panel width type. */
 export type KbqTreeSelectPanelWidth = 'auto' | number | null;
 /** Options for the `kbq-tree-select` that can be configured using the `KBQ_TREE_SELECT_OPTIONS` injection token. */
@@ -45,33 +42,29 @@ export declare class KbqTreeSelectChange {
     isUserInput: boolean;
     constructor(source: KbqTreeSelect, value: any, isUserInput?: boolean);
 }
-/** @docs-private */
-declare class KbqTreeSelectBase extends KbqAbstractSelect {
+export declare class KbqTreeSelect extends KbqAbstractSelect implements AfterContentInit, AfterViewInit, OnDestroy, OnInit, DoCheck, ControlValueAccessor, KbqFormFieldControl<KbqTreeOption>, CanUpdateErrorState {
     elementRef: ElementRef;
+    readonly changeDetectorRef: ChangeDetectorRef;
+    private readonly ngZone;
+    private readonly renderer;
     defaultErrorStateMatcher: ErrorStateMatcher;
+    private readonly scrollStrategyFactory;
+    private readonly dir;
     parentForm: NgForm;
     parentFormGroup: FormGroupDirective;
+    private readonly parentFormField;
     ngControl: NgControl;
+    private localeService?;
+    protected readonly isBrowser: boolean;
+    private readonly defaultOptions;
+    /** Whether the component is in an error state. */
+    errorState: boolean;
     /**
      * Emits whenever the component state changes and should cause the parent
      * form-field to update. Implemented as part of `KbqFormFieldControl`.
      * @docs-private
      */
     readonly stateChanges: Subject<void>;
-    constructor(elementRef: ElementRef, defaultErrorStateMatcher: ErrorStateMatcher, parentForm: NgForm, parentFormGroup: FormGroupDirective, ngControl: NgControl);
-}
-/** @docs-private */
-declare const KbqTreeSelectMixinBase: CanDisableCtor & HasTabIndexCtor & CanUpdateErrorStateCtor & typeof KbqTreeSelectBase;
-export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements AfterContentInit, AfterViewInit, OnChanges, OnDestroy, OnInit, DoCheck, ControlValueAccessor, CanDisable, HasTabIndex, KbqFormFieldControl<KbqTreeOption>, CanUpdateErrorState {
-    readonly changeDetectorRef: ChangeDetectorRef;
-    private readonly ngZone;
-    private readonly renderer;
-    private readonly scrollStrategyFactory;
-    private readonly dir;
-    private readonly parentFormField;
-    private localeService?;
-    protected readonly isBrowser: boolean;
-    private readonly defaultOptions;
     /** A name for this control that can be used by `kbq-form-field`. */
     controlType: string;
     hiddenItems: number;
@@ -165,8 +158,11 @@ export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements Aft
     get hasBackdrop(): boolean;
     set hasBackdrop(value: boolean);
     private _hasBackdrop;
-    get disabled(): any;
-    set disabled(value: any);
+    get tabIndex(): number;
+    set tabIndex(value: number);
+    private _tabIndex;
+    get disabled(): boolean;
+    set disabled(value: boolean);
     private _disabled;
     /** Whether the select is focused. */
     get focused(): boolean;
@@ -185,6 +181,7 @@ export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements Aft
     panelWidth: KbqTreeSelectPanelWidth;
     get panelOpen(): boolean;
     get canShowCleaner(): boolean;
+    get colorForState(): KbqComponentColors;
     isEmptySearchResult: boolean;
     triggerValues: KbqTreeSelectTriggerValue[];
     private closeSubscription;
@@ -201,8 +198,8 @@ export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements Aft
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     ngDoCheck(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
+    updateErrorState(): void;
     hiddenItemsTextFormatter(hiddenItemsText: string, hiddenItems: number): string;
     clearValue($event: any): void;
     /** `View -> model callback called when value changes` */
@@ -297,6 +294,7 @@ export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements Aft
     private scrollActiveOptionIntoView;
     private subscribeOnSearchChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeSelect, [null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; host: true; }, { optional: true; self: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTreeSelect, "kbq-tree-select", ["kbqTreeSelect"], { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "hiddenItemsText": { "alias": "hiddenItemsText"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "sortComparator": { "alias": "sortComparator"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "id": { "alias": "id"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "hiddenItemsTextFormatter": { "alias": "hiddenItemsTextFormatter"; "required": false; }; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["cleaner", "customTrigger", "customMatcher", "customTagTemplateRef", "tree", "search"], ["kbq-select-matcher, [kbq-select-matcher]", "kbq-select-trigger, [kbq-select-trigger]", "kbq-cleaner", "[kbqSelectSearch]", "[kbq-select-search-empty-result]", "kbq-tree-selection", "kbq-select-footer,[kbq-tree-select-footer]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTreeSelect, "kbq-tree-select", ["kbqTreeSelect"], { "hiddenItemsText": { "alias": "hiddenItemsText"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "sortComparator": { "alias": "sortComparator"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "id": { "alias": "id"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "hiddenItemsTextFormatter": { "alias": "hiddenItemsTextFormatter"; "required": false; }; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["cleaner", "customTrigger", "customMatcher", "customTagTemplateRef", "tree", "search"], ["kbq-select-matcher, [kbq-select-matcher]", "kbq-select-trigger, [kbq-select-trigger]", "kbq-cleaner", "[kbqSelectSearch]", "[kbq-select-search-empty-result]", "kbq-tree-selection", "kbq-select-footer,[kbq-tree-select-footer]"], false, never>;
+    static ngAcceptInputType_tabIndex: unknown;
+    static ngAcceptInputType_disabled: unknown;
 }
-export {};