@koobiq/components 18.21.0 → 18.22.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.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/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 {};