@koobiq/components 16.0.0-beta.6 → 16.0.0-beta.8

package/radio/radio.component.d.ts

@@ -124,7 +124,7 @@ export declare class KbqRadioGroup extends KbqRadioGroupMixinBase implements Aft
     /** Updates the `selected` radio button from the internal _value state. */
     private updateSelectedRadioFromValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqRadioGroup, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqRadioGroup, "kbq-radio-group", ["mcRadioGroup"], { "big": { "alias": "big"; "required": false; }; "name": { "alias": "name"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "change": "change"; }, ["radios"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqRadioGroup, "kbq-radio-group", ["kbqRadioGroup"], { "big": { "alias": "big"; "required": false; }; "name": { "alias": "name"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "change": "change"; }, ["radios"], never, false, never>;
 }
 /** @docs-private */
 declare abstract class KbqRadioButtonBase {
@@ -199,6 +199,6 @@ export declare class KbqRadioButton extends KbqRadioButtonMixinBase implements O
     /** Dispatch change event with current value. */
     private emitChangeEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqRadioButton, [{ optional: true; }, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqRadioButton, "kbq-radio-button", ["mcRadioButton"], { "color": { "alias": "color"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "name": { "alias": "name"; "required": false; }; "isFocused": { "alias": "isFocused"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "change": "change"; }, never, ["*", "kbq-hint"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqRadioButton, "kbq-radio-button", ["kbqRadioButton"], { "color": { "alias": "color"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "name": { "alias": "name"; "required": false; }; "isFocused": { "alias": "isFocused"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "change": "change"; }, never, ["*", "kbq-hint"], false, never>;
 }
 export {};

package/radio/radio.scss

@@ -6,6 +6,19 @@
 
 $tokens: meta.module-variables(tokens) !default;
 
+.kbq-radio-group {
+    display: inline-flex;
+    flex-direction: column;
+
+    &.kbq-radio-group_normal {
+        gap: var(--kbq-radio-size-normal-vertical-gap, map.get($tokens, radio-size-normal-vertical-gap));;
+    }
+
+    &.kbq-radio-group_big {
+        gap: var(--kbq-radio-size-big-vertical-gap, map.get($tokens, radio-size-big-vertical-gap));;
+    }
+}
+
 // Top-level host container.
 .kbq-radio-button {
     display: inline-block;

package/select/_select-theme.scss

@@ -14,7 +14,7 @@
     $popup: map.get(map.get($theme, components), popup);
 
     .kbq-select {
-        color: map.get($foreground, text);
+        color: map.get($foreground, contrast);
 
         &.ng-invalid {
             color: kbq-color($error);

package/select/select-option.directive.d.ts

@@ -15,6 +15,8 @@ export declare class KbqOptionTooltip extends KbqTooltipTrigger implements After
     ngOnDestroy(): void;
     onMouseEnter(): void;
     onMouseLeave(): void;
+    onFocus(): void;
+    onBlur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqOptionTooltip, [null, null, null, null, null, null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqOptionTooltip, "kbq-option", never, {}, {}, never, never, false, never>;
 }

package/select/select.component.d.ts

@@ -1,10 +1,11 @@
 import { Directionality } from '@angular/cdk/bidi';
 import { SelectionModel } from '@angular/cdk/collections';
 import { CdkConnectedOverlay, ConnectedPosition } from '@angular/cdk/overlay';
+import { CdkVirtualForOf } from '@angular/cdk/scrolling';
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
 import { ActiveDescendantKeyManager } from '@koobiq/cdk/a11y';
-import { CanDisable, CanDisableCtor, CanUpdateErrorState, CanUpdateErrorStateCtor, ErrorStateMatcher, HasTabIndex, HasTabIndexCtor, KbqOptgroup, KbqOption, KbqOptionSelectionChange, KbqLocaleService } from '@koobiq/components/core';
+import { CanDisable, CanDisableCtor, CanUpdateErrorState, CanUpdateErrorStateCtor, ErrorStateMatcher, HasTabIndex, HasTabIndexCtor, KbqOptgroup, KbqOption, KbqOptionSelectionChange, KbqLocaleService, KbqOptionBase } from '@koobiq/components/core';
 import { KbqCleaner, KbqFormField, KbqFormFieldControl } from '@koobiq/components/form-field';
 import { KbqInput } from '@koobiq/components/input';
 import { KbqTag } from '@koobiq/components/tags';
@@ -31,11 +32,11 @@ export declare class KbqSelectSearch implements AfterContentInit, OnDestroy {
     ngOnDestroy(): void;
     handleKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSelectSearch, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSelectSearch, "[mcSelectSearch]", ["mcSelectSearch"], {}, {}, ["input"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSelectSearch, "[kbqSelectSearch]", ["kbqSelectSearch"], {}, {}, ["input"], never, false, never>;
 }
 export declare class KbqSelectSearchEmptyResult {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSelectSearchEmptyResult, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSelectSearchEmptyResult, "[kbq-select-search-empty-result]", ["mcSelectSearchEmptyResult"], {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSelectSearchEmptyResult, "[kbq-select-search-empty-result]", ["kbqSelectSearchEmptyResult"], {}, {}, never, never, false, never>;
 }
 export declare class KbqSelectTrigger {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSelectTrigger, never>;
@@ -78,8 +79,8 @@ export declare class KbqSelect extends KbqSelectMixinBase implements AfterConten
     /** The cached font-size of the trigger element. */
     triggerFontSize: number;
     /** Deals with the selection logic. */
-    selectionModel: SelectionModel<KbqOption>;
-    previousSelectionModelSelected: KbqOption[];
+    selectionModel: SelectionModel<KbqOptionBase>;
+    previousSelectionModelSelected: KbqOptionBase[];
     /** Manages keyboard events for options in the panel. */
     keyManager: ActiveDescendantKeyManager<KbqOption>;
     /** The value of the select panel's transform-origin property. */
@@ -105,6 +106,7 @@ export declare class KbqSelect extends KbqSelectMixinBase implements AfterConten
     panel: ElementRef;
     optionsContainer: ElementRef;
     overlayDir: CdkConnectedOverlay;
+    cdkVirtualForOf?: CdkVirtualForOf<any>;
     tags: QueryList<KbqTag>;
     /** User-supplied override of the trigger element. */
     customTrigger: KbqSelectTrigger;
@@ -128,7 +130,7 @@ export declare class KbqSelect extends KbqSelectMixinBase implements AfterConten
      * Function used to sort the values in a select in multiple mode.
      * Follows the same logic as `Array.prototype.sort`.
      */
-    sortComparator: (a: KbqOption, b: KbqOption, options: KbqOption[]) => number;
+    sortComparator: (a: KbqOptionBase, b: KbqOptionBase, options: KbqOptionBase[]) => number;
     /** Combined stream of all of the child options' change events. */
     readonly optionSelectionChanges: Observable<KbqOptionSelectionChange>;
     /** Event emitted when the select panel has been toggled. */
@@ -177,13 +179,14 @@ export declare class KbqSelect extends KbqSelectMixinBase implements AfterConten
     /** Whether the select is focused. */
     get focused(): boolean;
     set focused(value: boolean);
-    private _focused;
     panelOpen: boolean;
+    private _focused;
+    private withVirtualScroll;
     get isEmptySearchResult(): boolean;
     get canShowCleaner(): boolean;
-    get selected(): KbqOption | KbqOption[];
+    get selected(): KbqOptionBase | KbqOptionBase[];
     get triggerValue(): string;
-    get triggerValues(): KbqOption[];
+    get triggerValues(): KbqOptionBase[];
     get empty(): boolean;
     private closeSubscription;
     /** The scroll position of the overlay panel, calculated to center the selected option. */
@@ -265,7 +268,7 @@ export declare class KbqSelect extends KbqSelectMixinBase implements AfterConten
      */
     onContainerClick(): void;
     /** Invoked when an option is clicked. */
-    onRemoveMatcherItem(option: KbqOption, $event: any): void;
+    onRemoveMatcherItem(option: KbqOptionBase, $event: any): void;
     calculateHiddenItems(): void;
     getItemHeight(): number;
     private updateLocaleParams;
@@ -325,6 +328,6 @@ export declare class KbqSelect extends KbqSelectMixinBase implements AfterConten
     private getTotalVisibleItems;
     private buildTriggerClone;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSelect, [null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSelect, "kbq-select", ["mcSelect"], { "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; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "hiddenItemsTextFormatter": { "alias": "hiddenItemsTextFormatter"; "required": false; }; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["customTrigger", "customMatcher", "customTagTemplateRef", "cleaner", "search", "options", "optionGroups"], ["kbq-select-trigger, [kbq-select-trigger]", "kbq-cleaner", "kbq-select-matcher, [kbq-select-matcher]", "[mcSelectSearch]", "[kbq-select-search-empty-result]", "*", "kbq-select-footer,[kbq-select-footer]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSelect, "kbq-select", ["kbqSelect"], { "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; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "hiddenItemsTextFormatter": { "alias": "hiddenItemsTextFormatter"; "required": false; }; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["cdkVirtualForOf", "customTrigger", "customMatcher", "customTagTemplateRef", "cleaner", "search", "options", "optionGroups"], ["kbq-select-trigger, [kbq-select-trigger]", "kbq-cleaner", "kbq-select-matcher, [kbq-select-matcher]", "[kbqSelectSearch]", "[kbq-select-search-empty-result]", "*", "kbq-select-footer,[kbq-select-footer]"], false, never>;
 }
 export {};

package/sidebar/sidebar-animations.d.ts

@@ -3,6 +3,6 @@ export declare enum KbqSidebarAnimationState {
     Opened = "opened",
     Closed = "closed"
 }
-export declare const mcSidebarAnimations: {
+export declare const kbqSidebarAnimations: {
     readonly sidebarState: AnimationTriggerMetadata;
 };

package/sidebar/sidebar.component.d.ts

@@ -16,12 +16,12 @@ export declare class KbqSidebarOpened {
     width: string;
     maxWidth: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidebarOpened, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidebarOpened, "[kbq-sidebar-opened]", ["mcSidebarOpened"], { "minWidth": { "alias": "minWidth"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidebarOpened, "[kbq-sidebar-opened]", ["kbqSidebarOpened"], { "minWidth": { "alias": "minWidth"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, {}, never, never, false, never>;
 }
 export declare class KbqSidebarClosed {
     width: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidebarClosed, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidebarClosed, "[kbq-sidebar-closed]", ["mcSidebarClosed"], { "width": { "alias": "width"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidebarClosed, "[kbq-sidebar-closed]", ["kbqSidebarClosed"], { "width": { "alias": "width"; "required": false; }; }, {}, never, never, false, never>;
 }
 export declare class KbqSidebar implements OnDestroy, OnInit, AfterContentInit {
     private ngZone;
@@ -48,6 +48,6 @@ export declare class KbqSidebar implements OnDestroy, OnInit, AfterContentInit {
     private unRegisterKeydownListener;
     private saveWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidebar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSidebar, "kbq-sidebar", ["mcSidebar"], { "opened": { "alias": "opened"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "stateChanged": "stateChanged"; }, ["openedContent", "closedContent"], ["[kbq-sidebar-opened]", "[kbq-sidebar-closed]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSidebar, "kbq-sidebar", ["kbqSidebar"], { "opened": { "alias": "opened"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "stateChanged": "stateChanged"; }, ["openedContent", "closedContent"], ["[kbq-sidebar-opened]", "[kbq-sidebar-closed]"], false, never>;
 }
 export {};

package/sidepanel/_sidepanel-theme.scss

@@ -7,8 +7,13 @@
 @mixin kbq-sidepanel-theme($theme) {
     $sidepanel: map.get(map.get($theme, components), sidepanel);
 
+    .kbq-sidepanel-title {
+        color: map.get($sidepanel, header-text);
+    }
+
     .kbq-sidepanel-content {
         background-color: map.get($sidepanel, background);
+        color: map.get($sidepanel, content-text);
     }
 
     .kbq-sidepanel-container_shadowed {

package/splitter/splitter.component.d.ts

@@ -100,7 +100,7 @@ export declare class KbqSplitterComponent implements OnInit {
     private onMouseUp;
     private setStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSplitterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSplitterComponent, "kbq-splitter", ["mcSplitter"], { "hideGutters": { "alias": "hideGutters"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "useGhost": { "alias": "useGhost"; "required": false; }; "gutterSize": { "alias": "gutterSize"; "required": false; }; }, { "gutterPositionChange": "gutterPositionChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSplitterComponent, "kbq-splitter", ["kbqSplitter"], { "hideGutters": { "alias": "hideGutters"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "useGhost": { "alias": "useGhost"; "required": false; }; "gutterSize": { "alias": "gutterSize"; "required": false; }; }, { "gutterPositionChange": "gutterPositionChange"; }, never, ["*"], false, never>;
 }
 export declare class KbqSplitterAreaDirective implements OnInit, OnDestroy {
     private elementRef;

package/table/_table-theme.scss

@@ -25,7 +25,7 @@
 
                 & > th,
                 & > td {
-                    color: map.get($foreground, text);
+                    color: map.get($foreground, contrast);
                 }
             }
         }

package/table/table.component.d.ts

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

package/tabs/tab-body.component.d.ts

@@ -91,5 +91,5 @@ export declare class KbqTabBodyPortal extends CdkPortalOutlet implements OnInit,
     /** Clean up centering subscription. */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTabBodyPortal, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTabBodyPortal, "[mcTabBodyHost]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTabBodyPortal, "[kbqTabBodyHost]", never, {}, {}, never, never, false, never>;
 }

package/tabs/tab-content.directive.d.ts

@@ -5,5 +5,5 @@ export declare class KbqTabContent {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTabContent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTabContent, "[mcTabContent]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTabContent, "[kbqTabContent]", never, {}, {}, never, never, false, never>;
 }

package/tabs/tab-nav-bar/tab-nav-bar.d.ts

@@ -25,7 +25,7 @@ export declare class KbqTabLink extends KbqTabLinkMixinBase implements OnDestroy
     ngOnDestroy(): void;
     private addClassModifierForIcons;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTabLink, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTabLink, "a[kbq-tab-link], a[mcTabLink]", ["mcTabLink"], { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTabLink, "a[kbq-tab-link], a[kbqTabLink]", ["kbqTabLink"], { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 /**
  * Navigation component matching the styles of the tab group header.
@@ -38,5 +38,5 @@ export declare class KbqTabNav implements AfterContentInit {
     constructor(vertical: string);
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTabNav, [{ attribute: "vertical"; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTabNav, "[kbq-tab-nav-bar]", ["mcTabNavBar", "mcTabNav"], { "transparent": { "alias": "transparent"; "required": false; }; "onSurface": { "alias": "onSurface"; "required": false; }; }, {}, ["links"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTabNav, "[kbq-tab-nav-bar]", ["kbqTabNavBar", "kbqTabNav"], { "transparent": { "alias": "transparent"; "required": false; }; "onSurface": { "alias": "onSurface"; "required": false; }; }, {}, ["links"], ["*"], false, never>;
 }

package/tabs/tab.component.d.ts

@@ -64,5 +64,5 @@ export declare class KbqTab extends KbqTabMixinBase implements OnInit, CanDisabl
      */
     protected setTemplateLabelInput(value: KbqTabLabel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTab, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTab, "kbq-tab", ["mcTab"], { "disabled": { "alias": "disabled"; "required": false; }; "tooltipTitle": { "alias": "tooltipTitle"; "required": false; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; }; "textLabel": { "alias": "label"; "required": false; }; "empty": { "alias": "empty"; "required": false; }; "tabId": { "alias": "tabId"; "required": false; }; }, {}, ["templateLabel", "explicitContent"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTab, "kbq-tab", ["kbqTab"], { "disabled": { "alias": "disabled"; "required": false; }; "tooltipTitle": { "alias": "tooltipTitle"; "required": false; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; }; "textLabel": { "alias": "label"; "required": false; }; "empty": { "alias": "empty"; "required": false; }; "tabId": { "alias": "tabId"; "required": false; }; }, {}, ["templateLabel", "explicitContent"], ["*"], false, never>;
 }

package/tabs/tabs-animations.d.ts

@@ -1,4 +1,4 @@
 import { AnimationTriggerMetadata } from '@angular/animations';
-export declare const mcTabsAnimations: {
+export declare const kbqTabsAnimations: {
     readonly translateTab: AnimationTriggerMetadata;
 };

package/tags/_tag-theme.scss

@@ -52,7 +52,7 @@
             @include kbq-tag-color(map.get($tag, theme-fade-on));
         }
 
-        &.kbq-contrast {
+        &.kbq-contrast-fade {
             @include kbq-tag-color(map.get($tag, contrast-fade-on));
         }
 

package/tags/tag-input.d.ts

@@ -5,7 +5,7 @@ import { KbqTagsDefaultOptions } from './tag-default-options';
 import { KbqTagList } from './tag-list.component';
 import { KbqTagTextControl } from './tag-text-control';
 import * as i0 from "@angular/core";
-/** Represents an input event on a `mcTagInput`. */
+/** Represents an input event on a `kbqTagInput`. */
 export interface KbqTagInputEvent {
     /** The native `<input>` element that the event is being fired for. */
     input: HTMLInputElement;
@@ -83,5 +83,5 @@ export declare class KbqTagInput implements KbqTagTextControl, OnChanges {
     /** Checks whether a keycode is one of the configured separators. */
     private isSeparatorKey;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTagInput, [null, null, null, { optional: true; self: true; }, { optional: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTagInput, "input[kbqTagInputFor]", ["mcTagInput", "kbqTagInputFor"], { "separatorKeyCodes": { "alias": "kbqTagInputSeparatorKeyCodes"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tagList": { "alias": "kbqTagInputFor"; "required": false; }; "addOnBlur": { "alias": "kbqTagInputAddOnBlur"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "tagEnd": "kbqTagInputTokenEnd"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTagInput, "input[kbqTagInputFor]", ["kbqTagInput", "kbqTagInputFor"], { "separatorKeyCodes": { "alias": "kbqTagInputSeparatorKeyCodes"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tagList": { "alias": "kbqTagInputFor"; "required": false; }; "addOnBlur": { "alias": "kbqTagInputAddOnBlur"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "tagEnd": "kbqTagInputTokenEnd"; }, never, never, false, never>;
 }

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

@@ -80,7 +80,7 @@ export declare class KbqTagList extends KbqTagListMixinBase implements KbqFormFi
      */
     get placeholder(): string;
     set placeholder(value: string);
-    /** Whether any tags or the mcTagInput inside of this tag-list has focus. */
+    /** Whether any tags or the kbqTagInput inside of this tag-list has focus. */
     get focused(): boolean;
     /**
      * Implemented as part of KbqFormFieldControl.
@@ -243,5 +243,5 @@ export declare class KbqTagList extends KbqTagListMixinBase implements KbqFormFi
     private revalidate;
     private propagateSelectableToChildren;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTagList, [null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTagList, "kbq-tag-list", ["mcTagList"], { "multiple": { "alias": "multiple"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "valueChange": "valueChange"; "change": "change"; }, ["cleaner", "tags"], ["*", "kbq-cleaner"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTagList, "kbq-tag-list", ["kbqTagList"], { "multiple": { "alias": "multiple"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "valueChange": "valueChange"; "change": "change"; }, ["cleaner", "tags"], ["*", "kbq-cleaner"], false, never>;
 }

package/tags/tag-list.scss

@@ -22,6 +22,8 @@ $tokens: meta.module-variables(tokens) !default;
 
     min-height: unset;
 
+    padding-top: var(--kbq-tag-size-padding-vertical, map.get($tokens, tag-size-padding-vertical));
+    padding-bottom: var(--kbq-tag-size-padding-vertical, map.get($tokens, tag-size-padding-vertical));
     padding-left: 4px;
     padding-right: unset;
 }

package/tags/tag.component.d.ts

@@ -20,7 +20,7 @@ export declare class KbqTagSelectionChange {
  */
 export declare class KbqTagAvatar {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTagAvatar, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTagAvatar, "kbq-tag-avatar, [mcTagAvatar]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTagAvatar, "kbq-tag-avatar, [kbqTagAvatar]", never, {}, {}, never, never, false, never>;
 }
 /**
  * Dummy directive to add CSS class to tag trailing icon.
@@ -28,7 +28,7 @@ export declare class KbqTagAvatar {
  */
 export declare class KbqTagTrailingIcon {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTagTrailingIcon, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTagTrailingIcon, "kbq-tag-trailing-icon, [mcTagTrailingIcon]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTagTrailingIcon, "kbq-tag-trailing-icon, [kbqTagTrailingIcon]", never, {}, {}, never, never, false, never>;
 }
 /** @docs-private */
 export declare class KbqTagBase {
@@ -116,7 +116,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]", ["mcTag"], { "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"], { "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>;
 }
 /**
  *

package/timepicker/timepicker.directive.d.ts

@@ -62,7 +62,7 @@ export declare class KbqTimepicker<D> implements KbqFormFieldControl<D>, Control
     get value(): D | null;
     set value(value: D | null);
     private _value;
-    set mcValidationTooltip(tooltip: KbqWarningTooltipTrigger);
+    set kbqValidationTooltip(tooltip: KbqWarningTooltipTrigger);
     incorrectInput: EventEmitter<void>;
     get hasSelection(): boolean;
     get isFullFormat(): boolean;
@@ -137,5 +137,5 @@ export declare class KbqTimepicker<D> implements KbqFormFieldControl<D>, Control
     private setControl;
     private validatorOnChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTimepicker<any>, [null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTimepicker<any>, "input[mcTimepicker]", ["mcTimepicker"], { "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "format": { "alias": "format"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; "mcValidationTooltip": { "alias": "mcValidationTooltip"; "required": false; }; }, { "incorrectInput": "incorrectInput"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTimepicker<any>, "input[kbqTimepicker]", ["kbqTimepicker"], { "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "format": { "alias": "format"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; "kbqValidationTooltip": { "alias": "kbqValidationTooltip"; "required": false; }; }, { "incorrectInput": "incorrectInput"; }, never, never, false, never>;
 }

package/timezone/timezone-option.component.d.ts

@@ -11,5 +11,5 @@ export declare class KbqTimezoneOption extends KbqOption {
     private _timezone;
     get viewValue(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTimezoneOption, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTimezoneOption, "kbq-timezone-option", ["mcTimezoneOption"], { "highlightText": { "alias": "highlightText"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTimezoneOption, "kbq-timezone-option", ["kbqTimezoneOption"], { "highlightText": { "alias": "highlightText"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -10,5 +10,5 @@ export declare class KbqTimezoneSelect extends KbqSelect {
     cleaner: KbqCleaner;
     search: KbqSelectSearch;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTimezoneSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTimezoneSelect, "kbq-timezone-select", ["mcTimezoneSelect"], {}, {}, ["customTrigger", "cleaner", "search"], ["kbq-timezone-select-trigger", "kbq-cleaner", "[mcSelectSearch]", "[kbq-select-search-empty-result]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTimezoneSelect, "kbq-timezone-select", ["kbqTimezoneSelect"], {}, {}, ["customTrigger", "cleaner", "search"], ["kbq-timezone-select-trigger", "kbq-cleaner", "[kbqSelectSearch]", "[kbq-select-search-empty-result]", "*"], false, never>;
 }

package/title/title.directive.d.ts

@@ -27,5 +27,5 @@ export declare class KbqTitleDirective extends KbqTooltipTrigger implements Afte
     hideTooltip(): void;
     private createMutationObserver;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTitleDirective, [null, null, null, null, null, null, null, { optional: true; }, { optional: true; host: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTitleDirective, "[kbq-title]", ["mcTitle"], {}, {}, ["childContainer", "parentContainer"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTitleDirective, "[kbq-title]", ["kbqTitle"], {}, {}, ["childContainer", "parentContainer"], never, false, never>;
 }

package/toggle/_toggle-theme.scss

@@ -67,7 +67,7 @@
     $toggle-error: map.get($toggle, error);
 
     .kbq-toggle {
-        color: map.get($foreground, text);
+        color: map.get($foreground, contrast);
 
         @include kbq-toggle-color($toggle-theme);
 
@@ -86,6 +86,10 @@
         & .kbq-hint {
             @include kbq-typography-level-to-styles($config, map.get($tokens, toggle-font-normal-caption));
         }
+
+        & .kbq-toggle-bar-container {
+            height: kbq-line-height($config, map.get($tokens, toggle-font-normal-label));
+        }
     }
 
     .kbq-toggle.kbq-toggle_big {
@@ -94,5 +98,9 @@
         & .kbq-hint {
             @include kbq-typography-level-to-styles($config, map.get($tokens, toggle-font-big-caption));
         }
+
+        & .kbq-toggle-bar-container {
+            height: kbq-line-height($config, map.get($tokens, toggle-font-big-label));
+        }
     }
 }

package/toggle/toggle.component.d.ts

@@ -52,6 +52,6 @@ export declare class KbqToggleComponent extends KbqToggleMixinBase implements Co
     private updateModelValue;
     private emitChangeEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqToggleComponent, "kbq-toggle", ["mcToggle"], { "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"], { "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>;
 }
 export {};

package/toggle/toggle.scss

@@ -32,6 +32,11 @@ $tokens: meta.module-variables(tokens) !default;
         }
     }
 
+    .kbq-toggle-bar-container {
+        display: flex;
+        align-items: center;
+    }
+
     .kbq-toggle-bar {
         position: relative;
         box-sizing: border-box;
@@ -80,8 +85,6 @@ $tokens: meta.module-variables(tokens) !default;
 
 .kbq-toggle.kbq-toggle_big {
     & .kbq-toggle-bar {
-        margin-top: 2px;
-
         height: var(--kbq-toggle-size-big-height, map.get($tokens, toggle-size-big-height));
         width: var(--kbq-toggle-size-big-width, map.get($tokens, toggle-size-big-width));
     }

package/tooltip/tooltip.component.d.ts

@@ -70,7 +70,7 @@ export declare class KbqTooltipTrigger extends KbqPopUpTrigger<KbqTooltipCompone
     getOverlayHandleComponentType(): Type<KbqTooltipComponent>;
     updateClassMap(newPlacement?: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTooltipTrigger, [null, null, null, null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTooltipTrigger, "[kbqTooltip]", ["kbqTooltip"], { "tooltipVisible": { "alias": "mcVisible"; "required": false; }; "tooltipPlacement": { "alias": "mcPlacement"; "required": false; }; "tooltipPlacementPriority": { "alias": "mcPlacementPriority"; "required": false; }; "content": { "alias": "kbqTooltip"; "required": false; }; "disabled": { "alias": "kbqTooltipDisabled"; "required": false; }; "enterDelay": { "alias": "mcEnterDelay"; "required": false; }; "leaveDelay": { "alias": "mcLeaveDelay"; "required": false; }; "trigger": { "alias": "mcTrigger"; "required": false; }; "customClass": { "alias": "kbqTooltipClass"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, { "placementChange": "mcPlacementChange"; "visibleChange": "mcVisibleChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTooltipTrigger, "[kbqTooltip]", ["kbqTooltip"], { "tooltipVisible": { "alias": "kbqVisible"; "required": false; }; "tooltipPlacement": { "alias": "kbqPlacement"; "required": false; }; "tooltipPlacementPriority": { "alias": "kbqPlacementPriority"; "required": false; }; "content": { "alias": "kbqTooltip"; "required": false; }; "disabled": { "alias": "kbqTooltipDisabled"; "required": false; }; "enterDelay": { "alias": "mcEnterDelay"; "required": false; }; "leaveDelay": { "alias": "mcLeaveDelay"; "required": false; }; "trigger": { "alias": "kbqTrigger"; "required": false; }; "customClass": { "alias": "kbqTooltipClass"; "required": false; }; "color": { "alias": "kbqTooltipColor"; "required": false; }; }, { "placementChange": "kbqPlacementChange"; "visibleChange": "kbqVisibleChange"; }, never, never, false, never>;
 }
 export declare class KbqWarningTooltipTrigger extends KbqTooltipTrigger {
     get content(): string | TemplateRef<any>;
@@ -78,7 +78,7 @@ export declare class KbqWarningTooltipTrigger extends KbqTooltipTrigger {
     protected modifier: TooltipModifier;
     constructor(overlay: Overlay, elementRef: ElementRef, ngZone: NgZone, scrollDispatcher: ScrollDispatcher, hostView: ViewContainerRef, scrollStrategy: any, direction: Directionality);
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqWarningTooltipTrigger, [null, null, null, null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqWarningTooltipTrigger, "[mcWarningTooltip]", ["mcWarningTooltip"], { "content": { "alias": "mcWarningTooltip"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqWarningTooltipTrigger, "[kbqWarningTooltip]", ["kbqWarningTooltip"], { "content": { "alias": "kbqWarningTooltip"; "required": false; }; }, {}, never, never, false, never>;
 }
 export declare class KbqExtendedTooltipTrigger extends KbqTooltipTrigger {
     get content(): string | TemplateRef<any>;
@@ -90,5 +90,5 @@ export declare class KbqExtendedTooltipTrigger extends KbqTooltipTrigger {
     constructor(overlay: Overlay, elementRef: ElementRef, ngZone: NgZone, scrollDispatcher: ScrollDispatcher, hostView: ViewContainerRef, scrollStrategy: any, direction: Directionality);
     updateData(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqExtendedTooltipTrigger, [null, null, null, null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqExtendedTooltipTrigger, "[mcExtendedTooltip]", ["mcExtendedTooltip"], { "content": { "alias": "mcExtendedTooltip"; "required": false; }; "header": { "alias": "kbqTooltipHeader"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqExtendedTooltipTrigger, "[kbqExtendedTooltip]", ["kbqExtendedTooltip"], { "content": { "alias": "kbqExtendedTooltip"; "required": false; }; "header": { "alias": "kbqTooltipHeader"; "required": false; }; }, {}, never, never, false, never>;
 }

package/tree/_tree-theme.scss

@@ -40,7 +40,7 @@
 
         @include kbq-tree-option(map.get($tree-item, default));
 
-        &:hover:not(.kbq-disabled):not([disabled]) {
+        &:hover:not(.kbq-disabled) {
             @include kbq-tree-option(map.get($tree-item, hover));
         }
 
@@ -52,7 +52,7 @@
         &.kbq-selected {
             @include kbq-tree-option(map.get($tree-item, selected));
 
-            &:hover:not(.kbq-disabled):not([disabled]) {
+            &:hover:not(.kbq-disabled) {
                 @include kbq-tree-option(map.get($tree-item, selected-hover));
             }
         }

package/tree/control/base-tree-control.d.ts

@@ -7,7 +7,7 @@ export declare abstract class BaseTreeControl<T> implements TreeControl<T> {
     /** A selection model with multi-selection to track expansion status. */
     expansionModel: SelectionModel<T>;
     filterModel: SelectionModel<T>;
-    filterValue: BehaviorSubject<string>;
+    filterValue: BehaviorSubject<string | null>;
     /** Get depth of a given data node, return the level number. This is for flat tree node. */
     getLevel: (dataNode: T) => number;
     /**

package/tree/control/tree-control.d.ts

@@ -11,7 +11,7 @@ export interface TreeControl<T> {
     /** The expansion model */
     expansionModel: SelectionModel<T>;
     filterModel: SelectionModel<T>;
-    filterValue: BehaviorSubject<string>;
+    filterValue: BehaviorSubject<string | null>;
     /** Get depth of a given data node, return the level number. This is for flat tree node. */
     getLevel(dataNode: T): number;
     /**

package/tree/node.d.ts

@@ -30,5 +30,5 @@ export declare class KbqTreeNodeDef<T> {
     /** @docs-private */
     constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeNodeDef<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTreeNodeDef<any>, "[mcTreeNodeDef]", never, { "when": { "alias": "mcTreeNodeDefWhen"; "required": false; }; "data": { "alias": "mcTreeNode"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTreeNodeDef<any>, "[kbqTreeNodeDef]", never, { "when": { "alias": "kbqTreeNodeDefWhen"; "required": false; }; "data": { "alias": "kbqTreeNode"; "required": false; }; }, {}, never, never, false, never>;
 }

package/tree/outlet.d.ts

@@ -5,5 +5,5 @@ export declare class KbqTreeNodeOutlet {
     changeDetectorRef: ChangeDetectorRef;
     constructor(viewContainer: ViewContainerRef, changeDetectorRef: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeNodeOutlet, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTreeNodeOutlet, "[mcTreeNodeOutlet]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTreeNodeOutlet, "[kbqTreeNodeOutlet]", never, {}, {}, never, never, false, never>;
 }

package/tree/padding.directive.d.ts

@@ -43,5 +43,5 @@ export declare class KbqTreeNodePadding<T> implements OnDestroy, AfterViewInit {
     private setIndentInput;
     private setPadding;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeNodePadding<any>, [null, null, null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTreeNodePadding<any>, "[mcTreeNodePadding]", ["mcTreeNodePadding"], { "indent": { "alias": "mcTreeNodePaddingIndent"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTreeNodePadding<any>, "[kbqTreeNodePadding]", ["kbqTreeNodePadding"], { "indent": { "alias": "kbqTreeNodePaddingIndent"; "required": false; }; }, {}, never, never, false, never>;
 }