@koobiq/components 18.21.0 → 18.23.0

package/textarea/textarea.component.d.ts

@@ -1,32 +1,22 @@
 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);
@@ -102,6 +92,7 @@ export declare class KbqTextarea extends KbqTextareaMixinBase implements KbqForm
     ngOnChanges(): void;
     ngOnDestroy(): void;
     ngDoCheck(): void;
+    updateErrorState(): void;
     onBlur(): void;
     /** Grow textarea height to avoid vertical scroll  */
     grow: () => void;

package/toggle/_toggle-theme.scss

@@ -20,11 +20,13 @@
         @include kbq-toggle-state($type, states-hover);
     }
 
-    &.kbq-active {
+    &.kbq-active,
+    &.kbq-indeterminate {
         @include kbq-toggle-state($type, states-checked);
     }
 
-    &.kbq-active:hover {
+    &.kbq-active:hover,
+    &.kbq-indeterminate:hover {
         @include kbq-toggle-state($type, states-checked-hover);
     }
 
@@ -37,7 +39,8 @@
         }
     }
 
-    &.kbq-active.cdk-keyboard-focused {
+    &.kbq-active.cdk-keyboard-focused,
+    &.kbq-indeterminate.cdk-keyboard-focused {
         @include kbq-toggle-state($type, states-checked-focused);
 
         & .kbq-toggle-bar {
@@ -63,6 +66,12 @@
         &.kbq-disabled {
             color: var(--kbq-states-foreground-disabled);
         }
+
+        .kbq-toggle-bar {
+            .kbq-toggle__thumb {
+                background: var(--kbq-icon-white);
+            }
+        }
     }
 }
 

package/toggle/toggle-tokens.scss

@@ -8,10 +8,10 @@
     --kbq-toggle-size-big-horizontal-content-padding: var(--kbq-size-s);
     --kbq-toggle-size-big-vertical-content-padding: var(--kbq-size-s);
     /* THEME TOKENS */
-    --kbq-toggle-theme-default-border: var(--kbq-line-contrast-fade);
+    --kbq-toggle-theme-default-border: var(--kbq-line-contrast-less);
     --kbq-toggle-theme-default-background: var(--kbq-background-bg);
     --kbq-toggle-theme-default-circle-background: var(--kbq-icon-contrast);
-    --kbq-toggle-theme-states-hover-border: var(--kbq-line-contrast-fade);
+    --kbq-toggle-theme-states-hover-border: var(--kbq-line-contrast-less);
     --kbq-toggle-theme-states-hover-background: var(--kbq-states-background-transparent-hover);
     --kbq-toggle-theme-states-hover-circle-background: var(--kbq-icon-contrast);
     --kbq-toggle-theme-states-checked-border: transparent;

package/toggle/toggle.component.d.ts

@@ -1,26 +1,19 @@
 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 { TransitionCheckState } from '@koobiq/components/checkbox';
+import { KbqCheckedState, 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;
-    inputElement: ElementRef;
+    inputElement: ElementRef<HTMLInputElement>;
     labelPosition: ToggleLabelPositionType;
     ariaLabel: string;
     ariaLabelledby: string | null;
@@ -31,16 +24,33 @@ 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;
+    /**
+     * Whether the toggle is indeterminate. This is also known as "mixed" mode and can be used to
+     * represent a checkbox with three states, e.g. a checkbox that represents a nested list of
+     * checkable items. Note that whenever checkbox is manually clicked, indeterminate is immediately
+     * set to false.
+     */
+    get indeterminate(): boolean;
+    set indeterminate(value: boolean);
+    private _indeterminate;
     readonly change: EventEmitter<KbqToggleChange>;
+    /** Event emitted when the toggle's `indeterminate` value changes. */
+    readonly indeterminateChange: EventEmitter<boolean>;
+    /** @docs-private */
+    protected currentCheckState: TransitionCheckState;
+    protected clickAction: import("@koobiq/components/checkbox").KbqCheckboxClickAction | null;
     private uniqueId;
-    constructor(elementRef: ElementRef, focusMonitor: FocusMonitor, changeDetectorRef: ChangeDetectorRef);
+    constructor(focusMonitor: FocusMonitor, changeDetectorRef: ChangeDetectorRef);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     focus(): void;
-    getAriaChecked(): boolean;
+    getAriaChecked(): KbqCheckedState;
     onChangeEvent(event: Event): void;
     onLabelTextChange(): void;
     onInputClick(event: MouseEvent): void;
@@ -48,11 +58,15 @@ export declare class KbqToggleComponent extends KbqToggleMixinBase implements Af
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
+    private setTransitionCheckState;
     private onTouchedCallback;
     private onChangeCallback;
     private updateModelValue;
+    private transitionCheckState;
     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; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; }, never, ["*", "kbq-hint"], false, never>;
+    static ngAcceptInputType_tabIndex: unknown;
+    static ngAcceptInputType_indeterminate: unknown;
 }
 export {};

package/toggle/toggle.scss

@@ -2,6 +2,8 @@
 
 @use './toggle-theme' as *;
 
+$toggle-thumb-offset: 8px;
+
 .kbq-toggle {
     display: inline-block;
 
@@ -50,13 +52,48 @@
             radius: 8px;
         }
 
+        transition: background 100ms ease-in-out;
         height: var(--kbq-toggle-size-normal-height);
         width: var(--kbq-toggle-size-normal-width);
+
+        .kbq-toggle__thumb {
+            position: absolute;
+            left: $toggle-thumb-offset;
+            display: none;
+            justify-content: center;
+            align-items: center;
+            width: 10px;
+            height: 2px;
+            border-radius: var(--kbq-size-border-width);
+            transition: left 50ms ease-in-out;
+        }
     }
 
     .kbq-hint {
         margin-top: var(--kbq-toggle-size-normal-vertical-content-padding);
     }
+
+    &.kbq-indeterminate {
+        &.cdk-keyboard-focused {
+            .kbq-toggle-bar {
+                .kbq-toggle__thumb {
+                    left: $toggle-thumb-offset + 2px;
+                }
+            }
+        }
+
+        .kbq-toggle-bar {
+            .kbq-toggle__thumb {
+                display: block;
+            }
+
+            &:hover {
+                .kbq-toggle__thumb {
+                    left: $toggle-thumb-offset + 2px;
+                }
+            }
+        }
+    }
 }
 
 .kbq-toggle__content {

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.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 {};