@koobiq/components 18.39.0 → 19.1.0

package/schematics/migrations/new-icons-pack/replacement.json

@@ -0,0 +1,18 @@
+[
+    {
+        "replace": "class=\"mc mc-icon",
+        "replaceWith": "class=\"kbq mc-icon"
+    },
+    {
+        "replace": "class=\"mc ",
+        "replaceWith": "class=\"kbq "
+    },
+    {
+        "replace": "class: 'mc mc-icon",
+        "replaceWith": "class: 'kbq mc-icon"
+    },
+    {
+        "replace": " mc ",
+        "replaceWith": " kbq "
+    }
+]

package/schematics/migrations/new-icons-pack/schema.json

@@ -20,6 +20,19 @@
             "type": "string",
             "description": "Use this option to specify styles extension preferred in your project",
             "default": "scss"
+        },
+        "updatePrefix": {
+            "type": "boolean",
+            "description": "Whether to change icon prefixes",
+            "default": false
+        },
+        "customDataPath": {
+            "type": "string",
+            "description": "Use this option to specify styles extension preferred in your project"
+        },
+        "customIconReplacementPath": {
+            "type": "string",
+            "description": "Use this option to specify styles extension preferred in your project"
         }
     }
 }

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.39.0");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^18.39.0");
+        utils_packageConfig.addPackageToPackageJson(tree, '@angular/cdk', "^19.2.19");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^19.1.0");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^19.1.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/tokens-builder', "^3.14.0");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/design-tokens', "^3.14.0");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/icons', "^11.2.0");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/tokens-builder', "^3.15.0");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/design-tokens', "^3.15.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;

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

@@ -27,6 +27,6 @@ export declare class KbqTabHeader extends KbqPaginatedTabHeader {
     protected get activeTabOffsetLeft(): number | undefined;
     protected itemSelected(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTabHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTabHeader, "kbq-tab-header", never, { "underlined": { "alias": "underlined"; "required": false; }; }, { "selectFocusedIndex": "selectFocusedIndex"; "indexFocused": "indexFocused"; }, ["items"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTabHeader, "kbq-tab-header", never, { "underlined": { "alias": "underlined"; "required": false; }; }, { "selectFocusedIndex": "selectFocusedIndex"; "indexFocused": "indexFocused"; }, ["items"], ["*"], true, never>;
     static ngAcceptInputType_underlined: unknown;
 }

package/tabs/tab-label-wrapper.directive.d.ts

@@ -24,6 +24,6 @@ export declare class KbqTabLabelWrapper implements AfterViewInit {
     getInnerText(): any;
     private addClassModifierForIcons;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTabLabelWrapper, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTabLabelWrapper, "[kbqTabLabelWrapper]", never, { "tab": { "alias": "tab"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["labelContent"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTabLabelWrapper, "[kbqTabLabelWrapper]", never, { "tab": { "alias": "tab"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["labelContent"], never, true, never>;
     static ngAcceptInputType_disabled: unknown;
 }

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

@@ -5,5 +5,5 @@ export declare const KBQ_TAB_LABEL: InjectionToken<KbqTabLabel>;
 /** Used to flag tab labels for use with the portal directive */
 export declare class KbqTabLabel extends CdkPortal {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTabLabel, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTabLabel, "[kbq-tab-label], [kbqTabLabel]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTabLabel, "[kbq-tab-label], [kbqTabLabel]", never, {}, {}, never, never, true, never>;
 }

package/tabs/tab.component.d.ts

@@ -1,6 +1,6 @@
 import { TemplatePortal } from '@angular/cdk/portal';
 import { OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
-import { PopUpPlacements } from '@koobiq/components/core';
+import { KbqPopUpPlacementValues } from '@koobiq/components/core';
 import { Subject } from 'rxjs';
 import { KbqTabLabel } from './tab-label.directive';
 import * as i0 from "@angular/core";
@@ -23,7 +23,7 @@ export declare class KbqTab implements OnInit, OnChanges, OnDestroy {
     get disabled(): boolean;
     set disabled(value: boolean);
     private _disabled;
-    tooltipPlacement: PopUpPlacements;
+    tooltipPlacement: KbqPopUpPlacementValues;
     /** Plain text label for the tab, used when there is no template label. */
     textLabel: string;
     empty: boolean;
@@ -62,7 +62,7 @@ export declare class KbqTab implements OnInit, OnChanges, OnDestroy {
      */
     protected setTemplateLabelInput(value: KbqTabLabel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTab, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTab, "kbq-tab", ["kbqTab"], { "tooltipTitle": { "alias": "tooltipTitle"; "required": false; }; "disabled": { "alias": "disabled"; "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"], { "tooltipTitle": { "alias": "tooltipTitle"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; }; "textLabel": { "alias": "label"; "required": false; }; "empty": { "alias": "empty"; "required": false; }; "tabId": { "alias": "tabId"; "required": false; }; }, {}, ["templateLabel", "explicitContent"], ["*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_empty: unknown;
 }

package/tabs/tabs.module.d.ts

@@ -1,20 +1,20 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./tab-group.component";
-import * as i2 from "./tab-label.directive";
-import * as i3 from "./tab.component";
-import * as i4 from "./tab-label-wrapper.directive";
-import * as i5 from "./tab-body.component";
-import * as i6 from "./tab-header.component";
-import * as i7 from "./tab-content.directive";
-import * as i8 from "@angular/cdk/portal";
-import * as i9 from "@angular/cdk/a11y";
-import * as i10 from "@angular/cdk/scrolling";
-import * as i11 from "@koobiq/components/icon";
-import * as i12 from "@koobiq/components/tooltip";
-import * as i13 from "@angular/cdk/observers";
-import * as i14 from "./tab-nav-bar";
+import * as i1 from "@angular/cdk/portal";
+import * as i2 from "@angular/cdk/a11y";
+import * as i3 from "@angular/cdk/scrolling";
+import * as i4 from "@koobiq/components/icon";
+import * as i5 from "@koobiq/components/tooltip";
+import * as i6 from "@angular/cdk/observers";
+import * as i7 from "./tab-nav-bar";
+import * as i8 from "./tab-group.component";
+import * as i9 from "./tab-label.directive";
+import * as i10 from "./tab.component";
+import * as i11 from "./tab-label-wrapper.directive";
+import * as i12 from "./tab-body.component";
+import * as i13 from "./tab-header.component";
+import * as i14 from "./tab-content.directive";
 export declare class KbqTabsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTabsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqTabsModule, [typeof i1.KbqTabGroup, typeof i2.KbqTabLabel, typeof i3.KbqTab, typeof i4.KbqTabLabelWrapper, typeof i5.KbqTabBody, typeof i5.KbqTabBodyPortal, typeof i6.KbqTabHeader, typeof i7.KbqTabContent, typeof i1.KbqAlignTabsCenterCssStyler, typeof i1.KbqAlignTabsEndCssStyler, typeof i1.KbqStretchTabsCssStyler, typeof i1.KbqVerticalTabsCssStyler], [typeof i8.PortalModule, typeof i9.A11yModule, typeof i10.CdkScrollableModule, typeof i11.KbqIconModule, typeof i12.KbqToolTipModule, typeof i13.CdkObserveContent, typeof i14.KbqTabNavBar, typeof i14.KbqTabLink, typeof i14.KbqTabNavPanel], [typeof i1.KbqTabGroup, typeof i2.KbqTabLabel, typeof i3.KbqTab, typeof i4.KbqTabLabelWrapper, typeof i5.KbqTabBody, typeof i5.KbqTabBodyPortal, typeof i6.KbqTabHeader, typeof i7.KbqTabContent, typeof i1.KbqAlignTabsCenterCssStyler, typeof i1.KbqAlignTabsEndCssStyler, typeof i1.KbqStretchTabsCssStyler, typeof i1.KbqVerticalTabsCssStyler, typeof i14.KbqTabNavBar, typeof i14.KbqTabLink, typeof i14.KbqTabNavPanel]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqTabsModule, never, [typeof i1.PortalModule, typeof i2.A11yModule, typeof i3.CdkScrollableModule, typeof i4.KbqIconModule, typeof i5.KbqToolTipModule, typeof i6.CdkObserveContent, typeof i7.KbqTabNavBar, typeof i7.KbqTabLink, typeof i7.KbqTabNavPanel, typeof i8.KbqTabGroup, typeof i9.KbqTabLabel, typeof i10.KbqTab, typeof i11.KbqTabLabelWrapper, typeof i12.KbqTabBody, typeof i12.KbqTabBodyPortal, typeof i13.KbqTabHeader, typeof i14.KbqTabContent, typeof i8.KbqAlignTabsCenterCssStyler, typeof i8.KbqAlignTabsEndCssStyler, typeof i8.KbqStretchTabsCssStyler, typeof i8.KbqVerticalTabsCssStyler], [typeof i8.KbqTabGroup, typeof i9.KbqTabLabel, typeof i10.KbqTab, typeof i11.KbqTabLabelWrapper, typeof i12.KbqTabBody, typeof i12.KbqTabBodyPortal, typeof i13.KbqTabHeader, typeof i14.KbqTabContent, typeof i8.KbqAlignTabsCenterCssStyler, typeof i8.KbqAlignTabsEndCssStyler, typeof i8.KbqStretchTabsCssStyler, typeof i8.KbqVerticalTabsCssStyler, typeof i7.KbqTabNavBar, typeof i7.KbqTabLink, typeof i7.KbqTabNavPanel]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqTabsModule>;
 }