@koobiq/components 18.38.1 → 19.0.0

package/radio/_radio-theme.scss

@@ -20,7 +20,8 @@
         color: var(--kbq-radio-#{$type-name}-default-caption);
     }
 
-    &:hover {
+    &:hover,
+    &.kbq-hovered {
         @include kbq-radio-state($type-name, states-hover);
     }
 

package/radio/radio-tokens.scss

@@ -57,6 +57,7 @@
     --kbq-radio-error-states-disabled-outer-circle-border: var(--kbq-states-line-disabled);
     --kbq-radio-error-states-disabled-outer-circle-background: var(--kbq-states-background-disabled);
     --kbq-radio-error-states-disabled-inner-circle-background: transparent;
+    --kbq-radio-error-states-disabled-caption: var(--kbq-states-foreground-disabled);
 }
 
 .kbq-radio-button {

package/radio/radio.component.d.ts

@@ -30,7 +30,7 @@ export declare class KbqRadioGroup implements AfterContentInit, ControlValueAcce
     set name(value: string);
     /** Whether the labels should appear after or before the radio-buttons. Defaults to 'after' */
     get labelPosition(): 'before' | 'after';
-    set labelPosition(v: 'before' | 'after');
+    set labelPosition(v: "before" | "after");
     /** Value of the radio button. */
     get value(): any;
     set value(newValue: any);
@@ -116,7 +116,7 @@ export declare class KbqRadioGroup implements AfterContentInit, ControlValueAcce
     /** 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", ["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>;
+    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, true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_required: unknown;
 }
@@ -142,9 +142,14 @@ export declare class KbqRadioButton extends KbqColorDirective implements OnInit,
     set required(value: boolean);
     /** Whether this radio is required. */
     private _required;
-    /** Whether the label should appear after or before the radio button. Defaults to 'after' */
+    /**
+     * Whether the label should appear after or before the radio button. Defaults to 'after'
+     * @TODO: doesn't affect anything. Should be removed or implemented (#DS-4571)
+     * @docs-private
+     */
     get labelPosition(): 'before' | 'after';
-    set labelPosition(value: 'before' | 'after');
+    /** @docs-private */
+    set labelPosition(value: "before" | "after");
     /** Analog to HTML 'name' attribute used to group radios for unique selection. */
     name: string;
     /** The native `<input type=radio>` element */
@@ -187,7 +192,7 @@ export declare class KbqRadioButton extends KbqColorDirective implements OnInit,
     /** Dispatch change event with current value. */
     private emitChangeEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqRadioButton, [{ optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqRadioButton, "kbq-radio-button", ["kbqRadioButton"], { "checked": { "alias": "checked"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "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"], { "checked": { "alias": "checked"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "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"], true, never>;
     static ngAcceptInputType_checked: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_tabIndex: unknown;

package/radio/radio.module.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./radio.component";
-import * as i2 from "@angular/cdk/a11y";
+import * as i1 from "@angular/cdk/a11y";
+import * as i2 from "./radio.component";
 export declare class KbqRadioModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqRadioModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqRadioModule, [typeof i1.KbqRadioGroup, typeof i1.KbqRadioButton], [typeof i2.A11yModule], [typeof i1.KbqRadioGroup, typeof i1.KbqRadioButton]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqRadioModule, never, [typeof i1.A11yModule, typeof i2.KbqRadioGroup, typeof i2.KbqRadioButton], [typeof i2.KbqRadioGroup, typeof i2.KbqRadioButton]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqRadioModule>;
 }

package/risk-level/risk-level.component.d.ts

@@ -14,5 +14,5 @@ export declare class KbqRiskLevel {
     set riskLevelColor(value: string | KbqRiskLevelColors);
     private _riskLevelColor;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqRiskLevel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqRiskLevel, "kbq-risk-level", never, { "outline": { "alias": "outline"; "required": false; }; "riskLevelColor": { "alias": "riskLevelColor"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqRiskLevel, "kbq-risk-level", never, { "outline": { "alias": "outline"; "required": false; }; "riskLevelColor": { "alias": "riskLevelColor"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/risk-level/risk-level.module.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./risk-level.component";
-import * as i2 from "@angular/cdk/a11y";
-import * as i3 from "@angular/cdk/platform";
+import * as i1 from "@angular/cdk/a11y";
+import * as i2 from "@angular/cdk/platform";
+import * as i3 from "./risk-level.component";
 export declare class KbqRiskLevelModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqRiskLevelModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqRiskLevelModule, [typeof i1.KbqRiskLevel], [typeof i2.A11yModule, typeof i3.PlatformModule], [typeof i1.KbqRiskLevel]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqRiskLevelModule, never, [typeof i1.A11yModule, typeof i2.PlatformModule, typeof i3.KbqRiskLevel], [typeof i3.KbqRiskLevel]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqRiskLevelModule>;
 }

package/schematics/migrations/icons-replacement/README.md

@@ -8,6 +8,8 @@ This schematic provides migration for new icons naming attribute. It includes:
 
 #### Usage for Angular Cli:
 
+Apply for project and log file path and icon name should be replaced
+
 ```shell
 ng g @koobiq/components:icons-replacement --project <your project>
 ```
@@ -18,8 +20,10 @@ ng g @koobiq/components:icons-replacement --project <your project>
 ng g @koobiq/components:icons-replacement --project <your project> --replacement-data-path <path-as-json>
 ```
 
+Apply for project and replace icon name.
+
 ```shell
-ng g @koobiq/components:icons-replacement --project <your project>
+ng g @koobiq/components:icons-replacement --project <your project>  --fix=true
 ```
 
 #### Usage for Nx:

package/schematics/migrations/icons-replacement/index.js

@@ -12,7 +12,7 @@ require('@schematics/angular/utility');
 const replaceIcons = (contentToBeUpdated, replacementData) => {
     let res = contentToBeUpdated;
     for (const { from, to } of replacementData) {
-        res = res.replace(new RegExp(`kbq-${from}`, 'g'), `kbq-${to}`);
+        res = res.replace(new RegExp(from, 'g'), to);
     }
     return res;
 };

package/schematics/ng-add/index.js

@@ -26,16 +26,15 @@ function ngAdd(options) {
             }
         }
         // Installing dependencies
-        utils_packageConfig.addPackageToPackageJson(tree, '@angular/cdk', "^18.2.14");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^18.38.1");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^18.38.1");
+        utils_packageConfig.addPackageToPackageJson(tree, '@angular/cdk', "^19.2.19");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^19.0.0");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^19.0.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-formatter', "^3.4.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-adapter', "^3.4.0");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/icons', "^10.10.0");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/icons', "^11.2.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/tokens-builder', "^3.14.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/design-tokens', "^3.14.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@messageformat/core', "^3.4.0");
-        utils_packageConfig.addPackageToPackageJson(tree, '@radix-ng/primitives', "^0.23.0");
         utils_packageConfig.addPackageToPackageJson(tree, 'luxon', "^3.7.2");
     };
 }

package/scrollbar/_scrollbar-component-theme.scss

@@ -2,26 +2,28 @@
 
 @mixin kbq-scrollbar-component-theme() {
     .kbq-scrollbar-component {
+        &.kbq-hover .os-scrollbar .os-scrollbar-handle,
+        & .os-scrollbar .os-scrollbar-handle:hover {
+            &::before {
+                border-color: var(--kbq-scrollbar-thumb-hover-background);
+                background-color: var(--kbq-scrollbar-thumb-hover-background);
+            }
+        }
+
+        &.kbq-active .os-scrollbar .os-scrollbar-handle,
+        & .os-scrollbar .os-scrollbar-handle:active {
+            &::before {
+                border-color: var(--kbq-scrollbar-thumb-active-background);
+                background-color: var(--kbq-scrollbar-thumb-active-background);
+            }
+        }
+
         .os-scrollbar {
             .os-scrollbar-handle {
                 &::before {
                     border-color: var(--kbq-scrollbar-thumb-default-background);
                     background-color: var(--kbq-scrollbar-thumb-default-background);
                 }
-
-                &:hover {
-                    &::before {
-                        border-color: var(--kbq-scrollbar-thumb-hover-background);
-                        background-color: var(--kbq-scrollbar-thumb-hover-background);
-                    }
-                }
-
-                &:active {
-                    &::before {
-                        border-color: var(--kbq-scrollbar-thumb-active-background);
-                        background-color: var(--kbq-scrollbar-thumb-active-background);
-                    }
-                }
             }
 
             .os-scrollbar-track,

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

@@ -18,5 +18,5 @@ export declare class KbqOptionTooltip extends KbqTooltipTrigger implements After
     onFocus(): void;
     onBlur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqOptionTooltip, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqOptionTooltip, "kbq-option", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqOptionTooltip, "kbq-option", never, {}, {}, never, never, true, never>;
 }

package/select/select.component.d.ts

@@ -2,7 +2,7 @@ import { Directionality } from '@angular/cdk/bidi';
 import { SelectionModel } from '@angular/cdk/collections';
 import { CdkConnectedOverlay, CdkOverlayOrigin, ConnectedPosition, OverlayContainer } from '@angular/cdk/overlay';
 import { CdkVirtualForOf } from '@angular/cdk/scrolling';
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DestroyRef, DoCheck, ElementRef, EventEmitter, InjectionToken, NgZone, OnDestroy, OnInit, Provider, QueryList, Renderer2, TemplateRef } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, DestroyRef, DoCheck, ElementRef, EventEmitter, InjectionToken, NgZone, OnDestroy, OnInit, Provider, QueryList, Renderer2, TemplateRef } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
 import { ActiveDescendantKeyManager } from '@koobiq/cdk/a11y';
 import { CanUpdateErrorState, ErrorStateMatcher, KbqAbstractSelect, KbqComponentColors, KbqLocaleService, KbqOptgroup, KbqOption, KbqOptionBase, KbqOptionSelectionChange, KbqSelectMatcher, KbqSelectSearch, KbqSelectTrigger } from '@koobiq/components/core';
@@ -60,7 +60,7 @@ export declare const KBQ_SELECT_OPTIONS: InjectionToken<Partial<{
 }>>;
 /** Utility provider for `KBQ_SELECT_OPTIONS`. */
 export declare const kbqSelectOptionsProvider: (options: KbqSelectOptions) => Provider;
-export declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, AfterViewInit, OnDestroy, OnInit, DoCheck, ControlValueAccessor, KbqFormFieldControl<any>, CanUpdateErrorState {
+export declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, OnDestroy, OnInit, DoCheck, ControlValueAccessor, KbqFormFieldControl<any>, CanUpdateErrorState {
     private readonly _changeDetectorRef;
     private readonly _ngZone;
     private readonly _renderer;
@@ -279,7 +279,6 @@ export declare class KbqSelect extends KbqAbstractSelect implements AfterContent
     ngOnInit(): void;
     ngDoCheck(): void;
     ngAfterContentInit(): void;
-    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     updateErrorState(): void;
     hiddenItemsTextFormatter(hiddenItemsText: string, hiddenItems: number): string;
@@ -348,10 +347,12 @@ export declare class KbqSelect extends KbqAbstractSelect implements AfterContent
     onContainerClick(): void;
     /** Invoked when an option is clicked. */
     onRemoveMatcherItem(option: KbqOptionBase, $event: any): void;
-    calculateHiddenItems(): void;
+    calculateHiddenItems: () => void;
     getItemHeight(): number;
     handleClick($event: MouseEvent): void;
     /** @docs-private */
+    setSelectedOptionsByClick(option: KbqOption): void;
+    /** @docs-private */
     protected shouldShowSearch(): boolean;
     private updateLocaleParams;
     private isVisible;
@@ -404,7 +405,7 @@ export declare class KbqSelect extends KbqAbstractSelect implements AfterContent
     private getTotalVisibleItems;
     private buildTriggerClone;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSelect, [null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; host: true; }, { optional: true; self: true; }, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSelect, "kbq-select", ["kbqSelect"], { "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; }; "multiline": { "alias": "multiline"; "required": false; }; "searchMinOptionsThreshold": { "alias": "searchMinOptionsThreshold"; "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; }; "selectAllHandler": { "alias": "selectAllHandler"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "panelMinWidth": { "alias": "panelMinWidth"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hiddenItemsTextFormatter": { "alias": "hiddenItemsTextFormatter"; "required": false; }; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["footer", "cdkVirtualForOf", "customTrigger", "customMatcher", "customTagTemplateRef", "cleaner", "search", "options", "optionGroups"], ["kbq-select-matcher, [kbq-select-matcher]", "kbq-select-trigger, [kbq-select-trigger]", "kbq-cleaner", "[kbqSelectSearch]", "[kbq-select-search-empty-result]", "*", "kbq-select-footer,[kbq-select-footer]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSelect, "kbq-select", ["kbqSelect"], { "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; }; "multiline": { "alias": "multiline"; "required": false; }; "searchMinOptionsThreshold": { "alias": "searchMinOptionsThreshold"; "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; }; "selectAllHandler": { "alias": "selectAllHandler"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "panelMinWidth": { "alias": "panelMinWidth"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hiddenItemsTextFormatter": { "alias": "hiddenItemsTextFormatter"; "required": false; }; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["footer", "cdkVirtualForOf", "customTrigger", "customMatcher", "customTagTemplateRef", "cleaner", "search", "options", "optionGroups"], ["kbq-select-matcher, [kbq-select-matcher]", "kbq-select-trigger, [kbq-select-trigger]", "kbq-cleaner", "[kbqSelectSearch]", "[kbq-select-search-empty-result]", "*", "kbq-select-footer,[kbq-select-footer]"], true, never>;
     static ngAcceptInputType_multiline: unknown;
     static ngAcceptInputType_multiple: unknown;
     static ngAcceptInputType_panelMinWidth: unknown;

package/select/select.module.d.ts

@@ -1,16 +1,16 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./select.component";
-import * as i2 from "./select-option.directive";
-import * as i3 from "@angular/cdk/overlay";
-import * as i4 from "@koobiq/components/core";
-import * as i5 from "@koobiq/components/icon";
-import * as i6 from "@koobiq/components/tags";
-import * as i7 from "@koobiq/components/tooltip";
-import * as i8 from "@angular/common";
-import * as i9 from "@angular/cdk/a11y";
+import * as i1 from "@angular/cdk/overlay";
+import * as i2 from "@koobiq/components/core";
+import * as i3 from "@koobiq/components/icon";
+import * as i4 from "@koobiq/components/tags";
+import * as i5 from "@koobiq/components/tooltip";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/cdk/a11y";
+import * as i8 from "./select.component";
+import * as i9 from "./select-option.directive";
 import * as i10 from "@koobiq/components/form-field";
 export declare class KbqSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqSelectModule, [typeof i1.KbqSelect, typeof i2.KbqOptionTooltip], [typeof i3.OverlayModule, typeof i4.KbqOptionModule, typeof i5.KbqIconModule, typeof i6.KbqTagsModule, typeof i7.KbqToolTipModule, typeof i4.KbqSelectSearch, typeof i4.KbqSelectFooter, typeof i4.KbqSelectMatcher, typeof i4.KbqSelectTrigger, typeof i4.KbqSelectSearchEmptyResult, typeof i8.NgClass, typeof i8.NgTemplateOutlet, typeof i9.A11yModule], [typeof i1.KbqSelect, typeof i2.KbqOptionTooltip, typeof i4.KbqOptionModule, typeof i4.KbqSelectSearch, typeof i4.KbqSelectFooter, typeof i4.KbqSelectMatcher, typeof i4.KbqSelectTrigger, typeof i4.KbqSelectSearchEmptyResult, typeof i10.KbqFormFieldModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqSelectModule, never, [typeof i1.OverlayModule, typeof i2.KbqOptionModule, typeof i3.KbqIconModule, typeof i4.KbqTagsModule, typeof i5.KbqToolTipModule, typeof i2.KbqSelectSearch, typeof i2.KbqSelectFooter, typeof i2.KbqSelectMatcher, typeof i2.KbqSelectTrigger, typeof i2.KbqSelectSearchEmptyResult, typeof i6.NgClass, typeof i6.NgTemplateOutlet, typeof i7.A11yModule, typeof i8.KbqSelect, typeof i9.KbqOptionTooltip], [typeof i8.KbqSelect, typeof i9.KbqOptionTooltip, typeof i2.KbqOptionModule, typeof i2.KbqSelectSearch, typeof i2.KbqSelectFooter, typeof i2.KbqSelectMatcher, typeof i2.KbqSelectTrigger, typeof i2.KbqSelectSearchEmptyResult, typeof i10.KbqFormFieldModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqSelectModule>;
 }

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]", ["kbqSidebarOpened"], { "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, true, never>;
 }
 export declare class KbqSidebarClosed {
     width: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidebarClosed, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidebarClosed, "[kbq-sidebar-closed]", ["kbqSidebarClosed"], { "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, true, never>;
 }
 export declare class KbqSidebar implements OnDestroy, AfterContentInit {
     private ngZone;
@@ -75,6 +75,6 @@ export declare class KbqSidebar implements OnDestroy, AfterContentInit {
     private handleKeydown;
     private saveWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidebar, 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>;
+    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]"], true, never>;
 }
 export {};

package/sidebar/sidebar.module.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./sidebar.component";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "./sidebar.component";
 export declare class KbqSidebarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidebarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqSidebarModule, [typeof i1.KbqSidebarClosed, typeof i1.KbqSidebarOpened, typeof i1.KbqSidebar], [typeof i2.CommonModule], [typeof i1.KbqSidebarClosed, typeof i1.KbqSidebarOpened, typeof i1.KbqSidebar]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqSidebarModule, never, [typeof i1.CommonModule, typeof i2.KbqSidebarClosed, typeof i2.KbqSidebarOpened, typeof i2.KbqSidebar], [typeof i2.KbqSidebarClosed, typeof i2.KbqSidebarOpened, typeof i2.KbqSidebar]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqSidebarModule>;
 }

package/sidepanel/sidepanel-container.component.d.ts

@@ -53,5 +53,5 @@ export declare class KbqSidepanelContainerComponent extends BasePortalOutlet imp
     private setPanelClass;
     private validatePortalAttached;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidepanelContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSidepanelContainerComponent, "kbq-sidepanel-container", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSidepanelContainerComponent, "kbq-sidepanel-container", never, {}, {}, never, never, true, never>;
 }

package/sidepanel/sidepanel-directives.d.ts

@@ -15,7 +15,7 @@ export declare class KbqSidepanelClose implements OnInit, OnChanges {
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidepanelClose, [{ optional: true; }, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelClose, "button[kbq-sidepanel-close], button[kbqSidepanelClose]", never, { "sidepanelResult": { "alias": "kbq-sidepanel-close"; "required": false; }; "kbqSidepanelClose": { "alias": "kbqSidepanelClose"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelClose, "button[kbq-sidepanel-close], button[kbqSidepanelClose]", never, { "sidepanelResult": { "alias": "kbq-sidepanel-close"; "required": false; }; "kbqSidepanelClose": { "alias": "kbqSidepanelClose"; "required": false; }; }, {}, never, never, true, never>;
 }
 /**
  * Header of a sidepanel.
@@ -26,7 +26,7 @@ export declare class KbqSidepanelHeader {
     /** Enables text truncation. Default true */
     truncateText: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidepanelHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSidepanelHeader, "kbq-sidepanel-header", never, { "closeable": { "alias": "closeable"; "required": false; }; "truncateText": { "alias": "truncateText"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSidepanelHeader, "kbq-sidepanel-header", never, { "closeable": { "alias": "closeable"; "required": false; }; "truncateText": { "alias": "truncateText"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_closeable: unknown;
     static ngAcceptInputType_truncateText: unknown;
 }
@@ -35,19 +35,19 @@ export declare class KbqSidepanelHeader {
  */
 export declare class KbqSidepanelBody {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidepanelBody, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelBody, "kbq-sidepanel-body, [kbq-sidepanel-body], kbqSidepanelBody", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelBody, "kbq-sidepanel-body, [kbq-sidepanel-body], kbqSidepanelBody", never, {}, {}, never, never, true, never>;
 }
 /**
  * Footer of a sidepanel.
  */
 export declare class KbqSidepanelFooter {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidepanelFooter, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelFooter, "kbq-sidepanel-footer, [kbq-sidepanel-footer], kbqSidepanelFooter", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelFooter, "kbq-sidepanel-footer, [kbq-sidepanel-footer], kbqSidepanelFooter", never, {}, {}, never, never, true, never>;
 }
 /**
  * Actions block of a sidepanel footer.
  */
 export declare class KbqSidepanelActions {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidepanelActions, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelActions, "kbq-sidepanel-actions, [kbq-sidepanel-actions], kbqSidepanelActions", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelActions, "kbq-sidepanel-actions, [kbq-sidepanel-actions], kbqSidepanelActions", never, {}, {}, never, never, true, never>;
 }

package/sidepanel/sidepanel.module.d.ts

@@ -1,14 +1,14 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./sidepanel-container.component";
-import * as i2 from "./sidepanel-directives";
-import * as i3 from "@angular/cdk/overlay";
-import * as i4 from "@angular/cdk/portal";
-import * as i5 from "@koobiq/components/button";
-import * as i6 from "@koobiq/components/icon";
-import * as i7 from "@koobiq/components/title";
-import * as i8 from "@angular/cdk/a11y";
+import * as i1 from "@angular/cdk/overlay";
+import * as i2 from "@angular/cdk/portal";
+import * as i3 from "@koobiq/components/button";
+import * as i4 from "@koobiq/components/icon";
+import * as i5 from "@koobiq/components/title";
+import * as i6 from "@angular/cdk/a11y";
+import * as i7 from "./sidepanel-container.component";
+import * as i8 from "./sidepanel-directives";
 export declare class KbqSidepanelModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidepanelModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqSidepanelModule, [typeof i1.KbqSidepanelContainerComponent, typeof i2.KbqSidepanelClose, typeof i2.KbqSidepanelHeader, typeof i2.KbqSidepanelBody, typeof i2.KbqSidepanelFooter, typeof i2.KbqSidepanelActions], [typeof i3.OverlayModule, typeof i4.PortalModule, typeof i5.KbqButtonModule, typeof i6.KbqIconModule, typeof i7.KbqTitleModule, typeof i8.A11yModule], [typeof i1.KbqSidepanelContainerComponent, typeof i2.KbqSidepanelClose, typeof i2.KbqSidepanelHeader, typeof i2.KbqSidepanelBody, typeof i2.KbqSidepanelFooter, typeof i2.KbqSidepanelActions]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqSidepanelModule, never, [typeof i1.OverlayModule, typeof i2.PortalModule, typeof i3.KbqButtonModule, typeof i4.KbqIconModule, typeof i5.KbqTitleModule, typeof i6.A11yModule, typeof i7.KbqSidepanelContainerComponent, typeof i8.KbqSidepanelClose, typeof i8.KbqSidepanelHeader, typeof i8.KbqSidepanelBody, typeof i8.KbqSidepanelFooter, typeof i8.KbqSidepanelActions], [typeof i7.KbqSidepanelContainerComponent, typeof i8.KbqSidepanelClose, typeof i8.KbqSidepanelHeader, typeof i8.KbqSidepanelBody, typeof i8.KbqSidepanelFooter, typeof i8.KbqSidepanelActions]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqSidepanelModule>;
 }

package/splitter/splitter.component.d.ts

@@ -33,7 +33,7 @@ export declare class KbqGutterDirective implements OnInit {
     getPosition(): IPoint;
     private setStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqGutterDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqGutterDirective, "kbq-gutter", never, { "direction": { "alias": "direction"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqGutterDirective, "kbq-gutter", never, { "direction": { "alias": "direction"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
 }
 export declare class KbqGutterGhostDirective {
     private elementRef;
@@ -56,7 +56,7 @@ export declare class KbqGutterGhostDirective {
     private updateDimensions;
     private setStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqGutterGhostDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqGutterGhostDirective, "kbq-gutter-ghost", never, { "visible": { "alias": "visible"; "required": false; }; "x": { "alias": "x"; "required": false; }; "y": { "alias": "y"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqGutterGhostDirective, "kbq-gutter-ghost", never, { "visible": { "alias": "visible"; "required": false; }; "x": { "alias": "x"; "required": false; }; "y": { "alias": "y"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
 }
 export declare class KbqSplitterComponent implements OnInit, AfterContentInit, OnDestroy {
     elementRef: ElementRef<HTMLElement>;
@@ -105,7 +105,7 @@ export declare class KbqSplitterComponent implements OnInit, AfterContentInit, O
     private onMouseUp;
     private setStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSplitterComponent, 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"; }, ["areaRefs"], ["*"], 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"; }, ["areaRefs"], ["*"], true, never>;
 }
 export declare class KbqSplitterAreaDirective implements AfterViewInit, OnDestroy {
     private elementRef;
@@ -131,6 +131,6 @@ export declare class KbqSplitterAreaDirective implements AfterViewInit, OnDestro
     private removeStyle;
     private emitSizeChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSplitterAreaDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSplitterAreaDirective, "[kbq-splitter-area]", never, {}, { "sizeChange": "sizeChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSplitterAreaDirective, "[kbq-splitter-area]", never, {}, { "sizeChange": "sizeChange"; }, never, never, true, never>;
 }
 export {};

package/splitter/splitter.module.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./splitter.component";
-import * as i2 from "@koobiq/components/icon";
+import * as i1 from "@koobiq/components/icon";
+import * as i2 from "./splitter.component";
 export declare class KbqSplitterModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSplitterModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqSplitterModule, [typeof i1.KbqGutterDirective, typeof i1.KbqGutterGhostDirective, typeof i1.KbqSplitterAreaDirective, typeof i1.KbqSplitterComponent], [typeof i2.KbqIconModule], [typeof i1.KbqGutterDirective, typeof i1.KbqSplitterAreaDirective, typeof i1.KbqSplitterComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqSplitterModule, never, [typeof i1.KbqIconModule, typeof i2.KbqGutterDirective, typeof i2.KbqGutterGhostDirective, typeof i2.KbqSplitterAreaDirective, typeof i2.KbqSplitterComponent], [typeof i2.KbqGutterDirective, typeof i2.KbqSplitterAreaDirective, typeof i2.KbqSplitterComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqSplitterModule>;
 }

package/table/_table-theme.scss

@@ -17,6 +17,7 @@
                     color: var(--kbq-foreground-contrast);
                 }
 
+                &.kbq-hovered td,
                 &:hover td {
                     background-color: var(--kbq-states-background-transparent-hover);
                 }

package/table/table.component.d.ts

@@ -3,10 +3,10 @@ import * as i0 from "@angular/core";
 export declare class KbqTable {
     border: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTable, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTable, "table[kbq-table]", ["kbqTable"], { "border": { "alias": "border"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTable, "table[kbq-table]", ["kbqTable"], { "border": { "alias": "border"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare class KbqTableCellContent {
     button: KbqButton;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTableCellContent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTableCellContent, "kbq-table td", never, {}, {}, ["button"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTableCellContent, "kbq-table td", never, {}, {}, ["button"], never, true, never>;
 }

package/table/table.module.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./table.component";
-import * as i2 from "@angular/cdk/a11y";
-import * as i3 from "@angular/cdk/platform";
+import * as i1 from "@angular/cdk/a11y";
+import * as i2 from "@angular/cdk/platform";
+import * as i3 from "./table.component";
 export declare class KbqTableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqTableModule, [typeof i1.KbqTable, typeof i1.KbqTableCellContent], [typeof i2.A11yModule, typeof i3.PlatformModule], [typeof i1.KbqTable, typeof i1.KbqTableCellContent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqTableModule, never, [typeof i1.A11yModule, typeof i2.PlatformModule, typeof i3.KbqTable, typeof i3.KbqTableCellContent], [typeof i3.KbqTable, typeof i3.KbqTableCellContent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqTableModule>;
 }

package/tabs/paginated-tab-header.d.ts

@@ -175,7 +175,7 @@ export declare abstract class KbqPaginatedTabHeader implements AfterContentCheck
     private scrollTo;
     private updateScrollPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqPaginatedTabHeader, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqPaginatedTabHeader, never, never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disablePagination": { "alias": "disablePagination"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqPaginatedTabHeader, never, never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disablePagination": { "alias": "disablePagination"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_selectedIndex: unknown;
     static ngAcceptInputType_disablePagination: unknown;
     static ngAcceptInputType_vertical: unknown;

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

@@ -73,7 +73,7 @@ export declare class KbqTabBody implements OnInit, OnDestroy {
      */
     private computePositionFromOrigin;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTabBody, [null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTabBody, "kbq-tab-body", never, { "position": { "alias": "position"; "required": false; }; "content": { "alias": "content"; "required": false; }; "origin": { "alias": "origin"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; }, { "onCentering": "onCentering"; "beforeCentering": "beforeCentering"; "afterLeavingCenter": "afterLeavingCenter"; "onCentered": "onCentered"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTabBody, "kbq-tab-body", never, { "position": { "alias": "position"; "required": false; }; "content": { "alias": "content"; "required": false; }; "origin": { "alias": "origin"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; }, { "onCentering": "onCentering"; "beforeCentering": "beforeCentering"; "afterLeavingCenter": "afterLeavingCenter"; "onCentered": "onCentered"; }, never, never, true, never>;
 }
 /**
  * The portal host directive for the contents of the tab.
@@ -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, "[kbqTabBodyHost]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTabBodyPortal, "[kbqTabBodyHost]", never, {}, {}, never, never, true, 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, "[kbqTabContent]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTabContent, "[kbqTabContent]", never, {}, {}, never, never, true, never>;
 }

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

@@ -5,19 +5,19 @@ import { KbqTab } from './tab.component';
 import * as i0 from "@angular/core";
 export declare class KbqAlignTabsCenterCssStyler {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAlignTabsCenterCssStyler, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAlignTabsCenterCssStyler, "kbq-tab-group[kbq-align-tabs-center], [kbq-tab-nav-bar][kbq-align-tabs-center], [kbqTabNavBar][kbq-align-tabs-center]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAlignTabsCenterCssStyler, "kbq-tab-group[kbq-align-tabs-center], [kbq-tab-nav-bar][kbq-align-tabs-center], [kbqTabNavBar][kbq-align-tabs-center]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqAlignTabsEndCssStyler {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAlignTabsEndCssStyler, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAlignTabsEndCssStyler, "kbq-tab-group[kbq-align-tabs-end], [kbq-tab-nav-bar][kbq-align-tabs-end], [kbqTabNavBar][kbq-align-tabs-end]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAlignTabsEndCssStyler, "kbq-tab-group[kbq-align-tabs-end], [kbq-tab-nav-bar][kbq-align-tabs-end], [kbqTabNavBar][kbq-align-tabs-end]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqStretchTabsCssStyler {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqStretchTabsCssStyler, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqStretchTabsCssStyler, "kbq-tab-group[kbq-stretch-tabs], [kbq-tab-nav-bar][kbq-stretch-tabs], [kbqTabNavBar][kbq-stretch-tabs]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqStretchTabsCssStyler, "kbq-tab-group[kbq-stretch-tabs], [kbq-tab-nav-bar][kbq-stretch-tabs], [kbqTabNavBar][kbq-stretch-tabs]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqVerticalTabsCssStyler {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqVerticalTabsCssStyler, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqVerticalTabsCssStyler, "kbq-tab-group[vertical], [kbq-tab-nav-bar][vertical], [kbqTabNavBar][vertical]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqVerticalTabsCssStyler, "kbq-tab-group[vertical], [kbq-tab-nav-bar][vertical], [kbqTabNavBar][vertical]", never, {}, {}, never, never, true, never>;
 }
 /** A simple change event emitted on focus or selection changes. */
 export declare class KbqTabChangeEvent {
@@ -126,7 +126,7 @@ export declare class KbqTabGroup implements AfterContentInit, AfterViewInit, Aft
     private clampTabIndex;
     private getTabIndexToSelect;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTabGroup, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTabGroup, "kbq-tab-group", ["kbqTabGroup"], { "transparent": { "alias": "transparent"; "required": false; }; "onSurface": { "alias": "onSurface"; "required": false; }; "underlined": { "alias": "underlined"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; "headerPosition": { "alias": "headerPosition"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "activeTabChange": "activeTabChange"; "focusChange": "focusChange"; "animationDone": "animationDone"; "selectedTabChange": "selectedTabChange"; }, ["tabs"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTabGroup, "kbq-tab-group", ["kbqTabGroup"], { "transparent": { "alias": "transparent"; "required": false; }; "onSurface": { "alias": "onSurface"; "required": false; }; "underlined": { "alias": "underlined"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; "headerPosition": { "alias": "headerPosition"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "activeTabChange": "activeTabChange"; "focusChange": "focusChange"; "animationDone": "animationDone"; "selectedTabChange": "selectedTabChange"; }, ["tabs"], never, true, never>;
     static ngAcceptInputType_transparent: unknown;
     static ngAcceptInputType_onSurface: unknown;
     static ngAcceptInputType_underlined: unknown;