@koobiq/components 18.39.0 → 19.1.0

package/loader-overlay/loader-overlay.scss

@@ -14,6 +14,10 @@
 }
 
 .kbq-loader-overlay {
+    --padding-horizontal: var(--kbq-size-3xl);
+    --loader-margin-bottom: var(--kbq-size-xxl);
+    --content-gap-vertical: var(--kbq-size-l);
+
     position: absolute;
 
     display: flex;
@@ -41,46 +45,33 @@
         max-width: 80%;
     }
 
-    &.kbq-loader-overlay_big {
-        padding-left: var(--kbq-loader-overlay-size-big-overlay-padding-horizontal);
+    padding-left: var(--padding-horizontal);
+    padding-right: var(--padding-horizontal);
 
-        padding-right: var(--kbq-loader-overlay-size-big-overlay-padding-horizontal);
+    .kbq-progress-spinner:has(+ .kbq-loader-overlay-text, + .kbq-loader-overlay-caption) {
+        margin-bottom: var(--loader-margin-bottom);
+    }
 
-        .kbq-progress-spinner {
-            margin-bottom: var(--kbq-loader-overlay-size-big-loader-margin-bottom);
-        }
+    .kbq-loader-overlay-text {
+        margin-bottom: var(--content-gap-vertical);
+    }
 
-        .kbq-loader-overlay-text {
-            margin-bottom: var(--kbq-loader-overlay-size-big-content-content-gap-vertical);
-        }
+    &.kbq-loader-overlay_big {
+        --padding-horizontal: var(--kbq-loader-overlay-size-big-overlay-padding-horizontal);
+        --loader-margin-bottom: var(--kbq-loader-overlay-size-big-loader-margin-bottom);
+        --content-gap-vertical: var(--kbq-loader-overlay-size-big-content-content-gap-vertical);
     }
 
     &.kbq-loader-overlay_normal {
-        padding-left: var(--kbq-loader-overlay-size-normal-overlay-padding-horizontal);
-
-        padding-right: var(--kbq-loader-overlay-size-normal-overlay-padding-horizontal);
-
-        .kbq-progress-spinner {
-            margin-bottom: var(--kbq-loader-overlay-size-normal-loader-margin-bottom);
-        }
-
-        .kbq-loader-overlay-text {
-            margin-bottom: var(--kbq-loader-overlay-size-normal-content-content-gap-vertical);
-        }
+        --padding-horizontal: var(--kbq-loader-overlay-size-normal-overlay-padding-horizontal);
+        --loader-margin-bottom: var(--kbq-loader-overlay-size-normal-loader-margin-bottom);
+        --content-gap-vertical: var(--kbq-loader-overlay-size-normal-content-content-gap-vertical);
     }
 
     &.kbq-loader-overlay_compact {
-        padding-left: var(--kbq-loader-overlay-size-compact-overlay-padding-horizontal);
-
-        padding-right: var(--kbq-loader-overlay-size-compact-overlay-padding-horizontal);
-
-        .kbq-progress-spinner {
-            margin-bottom: var(--kbq-loader-overlay-size-compact-loader-margin-bottom);
-        }
-
-        .kbq-loader-overlay-text {
-            margin-bottom: var(--kbq-loader-overlay-size-compact-content-content-gap-vertical);
-        }
+        --padding-horizontal: var(--kbq-loader-overlay-size-compact-overlay-padding-horizontal);
+        --loader-margin-bottom: var(--kbq-loader-overlay-size-compact-loader-margin-bottom);
+        --content-gap-vertical: var(--kbq-loader-overlay-size-compact-content-content-gap-vertical);
     }
 }
 

package/modal/css-unit.pipe.d.ts

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class CssUnitPipe implements PipeTransform {
     transform(value: number | string, defaultUnit?: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CssUnitPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<CssUnitPipe, "toCssUnit", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<CssUnitPipe, "toCssUnit", true>;
 }

package/modal/modal.component.d.ts

@@ -131,5 +131,5 @@ export declare class KbqModalComponent<T = any, R = any> extends KbqModalRef<T,
      */
     private changeBodyOverflow;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqModalComponent<any, any>, "kbq-modal", never, { "kbqModalType": { "alias": "kbqModalType"; "required": false; }; "kbqComponent": { "alias": "kbqComponent"; "required": false; }; "kbqContent": { "alias": "kbqContent"; "required": false; }; "kbqComponentParams": { "alias": "kbqComponentParams"; "required": false; }; "kbqFooter": { "alias": "kbqFooter"; "required": false; }; "kbqVisible": { "alias": "kbqVisible"; "required": false; }; "kbqWidth": { "alias": "kbqWidth"; "required": false; }; "kbqSize": { "alias": "kbqSize"; "required": false; }; "kbqWrapClassName": { "alias": "kbqWrapClassName"; "required": false; }; "kbqClassName": { "alias": "kbqClassName"; "required": false; }; "kbqStyle": { "alias": "kbqStyle"; "required": false; }; "kbqTitle": { "alias": "kbqTitle"; "required": false; }; "kbqCloseByESC": { "alias": "kbqCloseByESC"; "required": false; }; "kbqClosable": { "alias": "kbqClosable"; "required": false; }; "kbqMask": { "alias": "kbqMask"; "required": false; }; "kbqMaskClosable": { "alias": "kbqMaskClosable"; "required": false; }; "kbqMaskStyle": { "alias": "kbqMaskStyle"; "required": false; }; "kbqBodyStyle": { "alias": "kbqBodyStyle"; "required": false; }; "kbqOkText": { "alias": "kbqOkText"; "required": false; }; "kbqOkType": { "alias": "kbqOkType"; "required": false; }; "kbqRestoreFocus": { "alias": "kbqRestoreFocus"; "required": false; }; "kbqOkLoading": { "alias": "kbqOkLoading"; "required": false; }; "kbqOnOk": { "alias": "kbqOnOk"; "required": false; }; "kbqCancelText": { "alias": "kbqCancelText"; "required": false; }; "kbqCancelLoading": { "alias": "kbqCancelLoading"; "required": false; }; "kbqOnCancel": { "alias": "kbqOnCancel"; "required": false; }; "kbqGetContainer": { "alias": "kbqGetContainer"; "required": false; }; }, { "kbqVisibleChange": "kbqVisibleChange"; "kbqAfterOpen": "kbqAfterOpen"; "kbqAfterClose": "kbqAfterClose"; "kbqOnOk": "kbqOnOk"; "kbqOnCancel": "kbqOnCancel"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqModalComponent<any, any>, "kbq-modal", never, { "kbqModalType": { "alias": "kbqModalType"; "required": false; }; "kbqComponent": { "alias": "kbqComponent"; "required": false; }; "kbqContent": { "alias": "kbqContent"; "required": false; }; "kbqComponentParams": { "alias": "kbqComponentParams"; "required": false; }; "kbqFooter": { "alias": "kbqFooter"; "required": false; }; "kbqVisible": { "alias": "kbqVisible"; "required": false; }; "kbqWidth": { "alias": "kbqWidth"; "required": false; }; "kbqSize": { "alias": "kbqSize"; "required": false; }; "kbqWrapClassName": { "alias": "kbqWrapClassName"; "required": false; }; "kbqClassName": { "alias": "kbqClassName"; "required": false; }; "kbqStyle": { "alias": "kbqStyle"; "required": false; }; "kbqTitle": { "alias": "kbqTitle"; "required": false; }; "kbqCloseByESC": { "alias": "kbqCloseByESC"; "required": false; }; "kbqClosable": { "alias": "kbqClosable"; "required": false; }; "kbqMask": { "alias": "kbqMask"; "required": false; }; "kbqMaskClosable": { "alias": "kbqMaskClosable"; "required": false; }; "kbqMaskStyle": { "alias": "kbqMaskStyle"; "required": false; }; "kbqBodyStyle": { "alias": "kbqBodyStyle"; "required": false; }; "kbqOkText": { "alias": "kbqOkText"; "required": false; }; "kbqOkType": { "alias": "kbqOkType"; "required": false; }; "kbqRestoreFocus": { "alias": "kbqRestoreFocus"; "required": false; }; "kbqOkLoading": { "alias": "kbqOkLoading"; "required": false; }; "kbqOnOk": { "alias": "kbqOnOk"; "required": false; }; "kbqCancelText": { "alias": "kbqCancelText"; "required": false; }; "kbqCancelLoading": { "alias": "kbqCancelLoading"; "required": false; }; "kbqOnCancel": { "alias": "kbqOnCancel"; "required": false; }; "kbqGetContainer": { "alias": "kbqGetContainer"; "required": false; }; }, { "kbqVisibleChange": "kbqVisibleChange"; "kbqAfterOpen": "kbqAfterOpen"; "kbqAfterClose": "kbqAfterClose"; "kbqOnOk": "kbqOnOk"; "kbqOnCancel": "kbqOnCancel"; }, never, ["*"], true, never>;
 }

package/modal/modal.directive.d.ts

@@ -4,17 +4,17 @@ export declare class KbqModalTitle {
     protected modal: KbqModalComponent;
     constructor(modal: KbqModalComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalTitle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqModalTitle, "[kbq-modal-title], kbq-modal-title, [kbqModalTitle]", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqModalTitle, "[kbq-modal-title], kbq-modal-title, [kbqModalTitle]", never, {}, {}, never, ["*"], true, never>;
 }
 export declare class KbqModalBody {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalBody, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqModalBody, "[kbq-modal-body], kbq-modal-body, [kbqModalBody]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqModalBody, "[kbq-modal-body], kbq-modal-body, [kbqModalBody]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqModalFooter {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalFooter, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqModalFooter, "[kbq-modal-footer], kbq-modal-footer, [kbqModalFooter]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqModalFooter, "[kbq-modal-footer], kbq-modal-footer, [kbqModalFooter]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqModalMainAction {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalMainAction, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqModalMainAction, "[kbq-modal-main-action]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqModalMainAction, "[kbq-modal-main-action]", never, {}, {}, never, never, true, never>;
 }

package/modal/modal.module.d.ts

@@ -1,15 +1,15 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./modal.component";
-import * as i2 from "./modal.directive";
-import * as i3 from "./css-unit.pipe";
-import * as i4 from "@angular/cdk/overlay";
-import * as i5 from "@angular/cdk/a11y";
-import * as i6 from "@koobiq/components/button";
-import * as i7 from "@koobiq/components/icon";
-import * as i8 from "@koobiq/components/title";
-import * as i9 from "@angular/common";
+import * as i1 from "@angular/cdk/overlay";
+import * as i2 from "@angular/cdk/a11y";
+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/common";
+import * as i7 from "./modal.component";
+import * as i8 from "./modal.directive";
+import * as i9 from "./css-unit.pipe";
 export declare class KbqModalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqModalModule, [typeof i1.KbqModalComponent, typeof i2.KbqModalTitle, typeof i2.KbqModalBody, typeof i2.KbqModalFooter, typeof i3.CssUnitPipe, typeof i2.KbqModalMainAction], [typeof i4.OverlayModule, typeof i5.A11yModule, typeof i6.KbqButtonModule, typeof i7.KbqIconModule, typeof i8.KbqTitleModule, typeof i9.NgTemplateOutlet, typeof i9.NgStyle, typeof i9.NgClass], [typeof i1.KbqModalComponent, typeof i2.KbqModalTitle, typeof i2.KbqModalBody, typeof i2.KbqModalFooter, typeof i2.KbqModalMainAction]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqModalModule, never, [typeof i1.OverlayModule, typeof i2.A11yModule, typeof i3.KbqButtonModule, typeof i4.KbqIconModule, typeof i5.KbqTitleModule, typeof i6.NgTemplateOutlet, typeof i6.NgStyle, typeof i6.NgClass, typeof i7.KbqModalComponent, typeof i8.KbqModalTitle, typeof i8.KbqModalBody, typeof i8.KbqModalFooter, typeof i9.CssUnitPipe, typeof i8.KbqModalMainAction], [typeof i7.KbqModalComponent, typeof i8.KbqModalTitle, typeof i8.KbqModalBody, typeof i8.KbqModalFooter, typeof i8.KbqModalMainAction]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqModalModule>;
 }

package/modal/modal.scss

@@ -110,7 +110,7 @@
     padding: var(--kbq-modal-size-content-padding-top-without-header) var(--kbq-modal-size-content-padding-horizontal)
         var(--kbq-modal-size-content-padding-bottom) var(--kbq-modal-size-content-padding-horizontal);
 
-    word-wrap: break-word;
+    overflow-wrap: break-word;
 
     & > * {
         position: relative;

package/modal/modal.service.d.ts

@@ -18,7 +18,7 @@ export declare class ModalBuilderForService {
     private readonly injector;
     private modalRef;
     private overlayRef;
-    constructor(overlay: Overlay, options: IModalOptionsForService, injector: Injector);
+    constructor(overlay: Overlay, options: IModalOptionsForService | undefined, injector: Injector);
     getInstance(): KbqModalComponent | null;
     destroyModal(): void;
     private changeProps;

package/navbar/_navbar-theme.scss

@@ -44,6 +44,7 @@ button {
 
         @include kbq-navbar-item(default);
 
+        &.kbq-hovered:not(.kbq-disabled),
         &:hover:not(.kbq-disabled) {
             @include kbq-navbar-item(states-hover);
         }

package/navbar/navbar-brand.component.d.ts

@@ -35,5 +35,5 @@ export declare class KbqNavbarBrand extends KbqTooltipTrigger implements AfterCo
     ngAfterContentInit(): void;
     private updateTooltip;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarBrand, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbarBrand, "kbq-navbar-brand, [kbq-navbar-brand]", ["kbqNavbarBrand"], { "longTitle": { "alias": "longTitle"; "required": false; }; "collapsedText": { "alias": "collapsedText"; "required": false; }; }, {}, ["title"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbarBrand, "kbq-navbar-brand, [kbq-navbar-brand]", ["kbqNavbarBrand"], { "longTitle": { "alias": "longTitle"; "required": false; }; "collapsedText": { "alias": "collapsedText"; "required": false; }; }, {}, ["title"], ["*"], true, never>;
 }

package/navbar/navbar-item.component.d.ts

@@ -14,11 +14,11 @@ export interface KbqNavbarFocusableItemEvent {
 export declare class KbqNavbarLogo {
     readonly hovered: Subject<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarLogo, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarLogo, "kbq-navbar-logo, [kbq-navbar-logo]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarLogo, "kbq-navbar-logo, [kbq-navbar-logo]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqNavbarBento {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarBento, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarBento, "kbq-navbar-item[bento], [kbq-navbar-item][bento]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarBento, "kbq-navbar-item[bento], [kbq-navbar-item][bento]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqNavbarTitle implements AfterViewInit {
     protected readonly isBrowser: boolean;
@@ -33,11 +33,11 @@ export declare class KbqNavbarTitle implements AfterViewInit {
     checkTextOverflown(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarTitle, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarTitle, "kbq-navbar-title, [kbq-navbar-title]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarTitle, "kbq-navbar-title, [kbq-navbar-title]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqNavbarDivider {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarDivider, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarDivider, "kbq-navbar-divider", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarDivider, "kbq-navbar-divider", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqNavbarFocusableItem implements AfterContentInit, AfterViewInit, OnDestroy, IFocusableOption {
     private elementRef;
@@ -70,7 +70,7 @@ export declare class KbqNavbarFocusableItem implements AfterContentInit, AfterVi
     blur(): void;
     getLabel(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarFocusableItem, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarFocusableItem, "kbq-navbar-item, [kbq-navbar-item], kbq-navbar-brand, [kbq-navbar-brand], kbq-navbar-toggle", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["title", "button", "formField"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarFocusableItem, "kbq-navbar-item, [kbq-navbar-item], kbq-navbar-brand, [kbq-navbar-brand], kbq-navbar-toggle", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["title", "button", "formField"], never, true, never>;
     static ngAcceptInputType_disabled: unknown;
 }
 export declare class KbqNavbarRectangleElement {
@@ -91,7 +91,7 @@ export declare class KbqNavbarRectangleElement {
     button: KbqButtonCssStyler;
     getOuterElementWidth(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarRectangleElement, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarRectangleElement, "kbq-navbar-item, [kbq-navbar-item], kbq-navbar-divider, kbq-navbar-brand, [kbq-navbar-brand]", never, {}, {}, ["button"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarRectangleElement, "kbq-navbar-item, [kbq-navbar-item], kbq-navbar-divider, kbq-navbar-brand, [kbq-navbar-brand]", never, {}, {}, ["button"], never, true, never>;
 }
 export declare class KbqNavbarItem extends KbqTooltipTrigger implements AfterContentInit {
     rectangleElement: KbqNavbarRectangleElement;
@@ -124,5 +124,5 @@ export declare class KbqNavbarItem extends KbqTooltipTrigger implements AfterCon
     getTitleWidth(): number;
     onKeyDown($event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarItem, [null, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbarItem, "kbq-navbar-item, [kbq-navbar-item]", ["kbqNavbarItem"], { "collapsedText": { "alias": "collapsedText"; "required": false; }; "trigger": { "alias": "kbqTrigger"; "required": false; }; "collapsable": { "alias": "collapsable"; "required": false; }; }, {}, ["title", "icon"], ["[kbq-icon]", "kbq-navbar-title, [kbq-navbar-title]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbarItem, "kbq-navbar-item, [kbq-navbar-item]", ["kbqNavbarItem"], { "collapsedText": { "alias": "collapsedText"; "required": false; }; "trigger": { "alias": "kbqTrigger"; "required": false; }; "collapsable": { "alias": "collapsable"; "required": false; }; }, {}, ["title", "icon"], ["[kbq-icon]", "kbq-navbar-title, [kbq-navbar-title]", "*"], true, never>;
 }

package/navbar/navbar-toggle.component.d.ts

@@ -19,5 +19,5 @@ export declare class KbqNavbarToggle implements OnDestroy {
     private updateTooltipContent;
     private windowToggleHandler;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbarToggle, "kbq-navbar-toggle, [kbq-navbar-toggle]", never, {}, {}, never, ["[kbq-icon]"], false, [{ directive: typeof i1.CdkMonitorFocus; inputs: {}; outputs: {}; }, { directive: typeof i2.KbqTooltipTrigger; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbarToggle, "kbq-navbar-toggle, [kbq-navbar-toggle]", never, {}, {}, never, ["[kbq-icon]"], true, [{ directive: typeof i1.CdkMonitorFocus; inputs: {}; outputs: {}; }, { directive: typeof i2.KbqTooltipTrigger; inputs: {}; outputs: {}; }]>;
 }

package/navbar/navbar-toggle.scss

@@ -3,7 +3,7 @@
 
     top: var(--kbq-size-3xl);
     right: calc(-1 * var(--kbq-size-l));
-    z-index: 1;
+    z-index: 1001;
 
     display: flex;
     justify-content: center;

package/navbar/navbar.component.d.ts

@@ -32,17 +32,17 @@ export declare class KbqFocusableComponent implements AfterContentInit, AfterVie
     private isValidIndex;
     private hasFocusedItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqFocusableComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqFocusableComponent, never, never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, ["focusableItems"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqFocusableComponent, never, never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, ["focusableItems"], never, true, never>;
 }
 export declare class KbqNavbarContainer {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarContainer, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarContainer, "kbq-navbar-container", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarContainer, "kbq-navbar-container", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqNavbar extends KbqFocusableComponent implements AfterViewInit, AfterContentInit, OnDestroy {
     protected readonly elementRef: ElementRef<HTMLElement>;
     protected readonly changeDetectorRef: ChangeDetectorRef;
     protected readonly focusMonitor: FocusMonitor;
-    rectangleElements: import("@angular/core").Signal<readonly any[]>;
+    readonly rectangleElements: import("@angular/core").Signal<readonly any[]>;
     navbarItems: QueryList<KbqNavbarItem>;
     readonly resizeStream: Subject<Event>;
     private readonly resizeDebounceInterval;
@@ -63,5 +63,5 @@ export declare class KbqNavbar extends KbqFocusableComponent implements AfterVie
     private expandItems;
     private setItemsState;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbar, "kbq-navbar", never, {}, {}, ["rectangleElements", "navbarItems"], ["[kbq-navbar-container], kbq-navbar-container"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbar, "kbq-navbar", never, {}, {}, ["rectangleElements", "navbarItems"], ["[kbq-navbar-container], kbq-navbar-container"], true, never>;
 }

package/navbar/navbar.module.d.ts

@@ -1,15 +1,15 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./navbar.component";
-import * as i2 from "./navbar-item.component";
-import * as i3 from "./navbar-brand.component";
-import * as i4 from "./navbar-toggle.component";
-import * as i5 from "./vertical-navbar.component";
-import * as i6 from "@angular/cdk/a11y";
-import * as i7 from "@angular/cdk/platform";
-import * as i8 from "@koobiq/components/icon";
-import * as i9 from "@koobiq/components/tooltip";
+import * as i1 from "@angular/cdk/a11y";
+import * as i2 from "@angular/cdk/platform";
+import * as i3 from "@koobiq/components/icon";
+import * as i4 from "@koobiq/components/tooltip";
+import * as i5 from "./navbar.component";
+import * as i6 from "./navbar-item.component";
+import * as i7 from "./navbar-brand.component";
+import * as i8 from "./navbar-toggle.component";
+import * as i9 from "./vertical-navbar.component";
 export declare class KbqNavbarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqNavbarModule, [typeof i1.KbqNavbar, typeof i1.KbqNavbarContainer, typeof i2.KbqNavbarTitle, typeof i2.KbqNavbarItem, typeof i3.KbqNavbarBrand, typeof i2.KbqNavbarLogo, typeof i4.KbqNavbarToggle, typeof i5.KbqVerticalNavbar, typeof i2.KbqNavbarDivider, typeof i2.KbqNavbarFocusableItem, typeof i2.KbqNavbarRectangleElement, typeof i2.KbqNavbarBento], [typeof i6.A11yModule, typeof i7.PlatformModule, typeof i8.KbqIconModule, typeof i9.KbqToolTipModule], [typeof i1.KbqNavbar, typeof i1.KbqNavbarContainer, typeof i2.KbqNavbarTitle, typeof i2.KbqNavbarItem, typeof i3.KbqNavbarBrand, typeof i2.KbqNavbarLogo, typeof i4.KbqNavbarToggle, typeof i5.KbqVerticalNavbar, typeof i2.KbqNavbarDivider, typeof i2.KbqNavbarFocusableItem, typeof i2.KbqNavbarRectangleElement, typeof i2.KbqNavbarBento]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqNavbarModule, never, [typeof i1.A11yModule, typeof i2.PlatformModule, typeof i3.KbqIconModule, typeof i4.KbqToolTipModule, typeof i5.KbqNavbar, typeof i5.KbqNavbarContainer, typeof i6.KbqNavbarTitle, typeof i6.KbqNavbarItem, typeof i7.KbqNavbarBrand, typeof i6.KbqNavbarLogo, typeof i8.KbqNavbarToggle, typeof i9.KbqVerticalNavbar, typeof i6.KbqNavbarDivider, typeof i6.KbqNavbarFocusableItem, typeof i6.KbqNavbarRectangleElement, typeof i6.KbqNavbarBento], [typeof i5.KbqNavbar, typeof i5.KbqNavbarContainer, typeof i6.KbqNavbarTitle, typeof i6.KbqNavbarItem, typeof i7.KbqNavbarBrand, typeof i6.KbqNavbarLogo, typeof i8.KbqNavbarToggle, typeof i9.KbqVerticalNavbar, typeof i6.KbqNavbarDivider, typeof i6.KbqNavbarFocusableItem, typeof i6.KbqNavbarRectangleElement, typeof i6.KbqNavbarBento]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqNavbarModule>;
 }

package/navbar/vertical-navbar.component.d.ts

@@ -43,5 +43,5 @@ export declare class KbqVerticalNavbar extends KbqFocusableComponent implements
     private updateLocaleParams;
     private initDefaultParams;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqVerticalNavbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqVerticalNavbar, "kbq-vertical-navbar", ["KbqVerticalNavbar"], { "openOver": { "alias": "openOver"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, {}, ["rectangleElements", "bento", "items"], ["[kbq-navbar-container], kbq-navbar-container", "[kbq-navbar-toggle], kbq-navbar-toggle"], false, [{ directive: typeof i1.CdkMonitorFocus; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqVerticalNavbar, "kbq-vertical-navbar", ["KbqVerticalNavbar"], { "openOver": { "alias": "openOver"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, {}, ["rectangleElements", "bento", "items"], ["[kbq-navbar-container], kbq-navbar-container", "[kbq-navbar-toggle], kbq-navbar-toggle"], true, [{ directive: typeof i1.CdkMonitorFocus; inputs: {}; outputs: {}; }]>;
 }

package/navbar/vertical-navbar.scss

@@ -3,12 +3,15 @@
 @use './navbar-theme' as *;
 
 .kbq-vertical-navbar {
+    display: flex;
+    flex-shrink: 0;
+
     position: relative;
 
-    min-width: var(--kbq-size-5xl);
+    min-width: var(--kbq-size-6xl);
     height: 100%;
 
-    &:not(:hover, .cdk-keyboard-focused) .kbq-navbar-toggle {
+    &:not(:hover, .kbq-hovered, .cdk-keyboard-focused) .kbq-navbar-toggle {
         display: none;
     }
 

package/navbar-ic/navbar-ic-header.d.ts

@@ -3,6 +3,9 @@ import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
 import { KbqNavbarIc } from './navbar-ic';
 import { KbqNavbarIcLogo, KbqNavbarIcTitle } from './navbar-ic-item';
 import * as i0 from "@angular/core";
+/**
+ * @deprecated Will be removed in the next major release.
+ */
 export declare class KbqNavbarIcHeader extends KbqTooltipTrigger implements AfterContentInit {
     protected readonly navbar: KbqNavbarIc;
     protected readonly nativeElement: HTMLElement;

package/navbar-ic/navbar-ic-item.d.ts

@@ -17,10 +17,16 @@ export declare const kbqMaxSymbolsInHeaderTitle = 22;
 export interface KbqNavbarFocusableItemEvent {
     item: KbqNavbarIcFocusableItem;
 }
+/**
+ * @deprecated Will be removed in the next major release.
+ */
 export declare class KbqNavbarIcLogo {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarIcLogo, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarIcLogo, "[kbqNavbarIcLogo]", never, {}, {}, never, never, true, never>;
 }
+/**
+ * @deprecated Will be removed in the next major release.
+ */
 export declare class KbqNavbarIcTitle implements AfterViewInit {
     protected readonly isBrowser: boolean;
     protected readonly nativeElement: HTMLElement;
@@ -36,10 +42,16 @@ export declare class KbqNavbarIcTitle implements AfterViewInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarIcTitle, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarIcTitle, "[kbqNavbarIcTitle]", never, {}, {}, never, never, true, never>;
 }
+/**
+ * @deprecated Will be removed in the next major release.
+ */
 export declare class KbqNavbarIcDivider {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarIcDivider, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarIcDivider, "[kbqNavbarIcDivider]", never, {}, {}, never, never, true, never>;
 }
+/**
+ * @deprecated Will be removed in the next major release.
+ */
 export declare class KbqNavbarIcFocusableItem implements AfterContentInit, AfterViewInit, OnDestroy, IFocusableOption {
     protected readonly elementRef: ElementRef<HTMLElement>;
     protected readonly changeDetector: ChangeDetectorRef;
@@ -76,6 +88,9 @@ export declare class KbqNavbarIcFocusableItem implements AfterContentInit, After
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarIcFocusableItem, "kbq-navbar-ic-item, [kbq-navbar-ic-item], kbq-navbar-ic-header, [kbq-navbar-ic-header], kbq-navbar-ic-toggle", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["title", "button", "formField"], never, true, never>;
     static ngAcceptInputType_disabled: unknown;
 }
+/**
+ * @deprecated Will be removed in the next major release.
+ */
 export declare class KbqNavbarIcItem extends KbqTooltipTrigger implements AfterContentInit {
     readonly rectangleElement: KbqRectangleItem;
     readonly navbar: KbqNavbarIc;
@@ -109,6 +124,9 @@ export declare class KbqNavbarIcItem extends KbqTooltipTrigger implements AfterC
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarIcItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbarIcItem, "kbq-navbar-ic-item, [kbq-navbar-ic-item]", ["kbqNavbarIcItem"], { "trigger": { "alias": "kbqTrigger"; "required": false; }; }, {}, ["title", "icon", "button"], ["[kbq-icon]", "[kbqNavbarIcTitle]", "*"], true, [{ directive: typeof i1.KbqRectangleItem; inputs: {}; outputs: {}; }]>;
 }
+/**
+ * @deprecated Will be removed in the next major release.
+ */
 export declare class KbqNavbarIcToggle {
     readonly navbar: KbqNavbarIc;
     readonly rectangleElement: KbqRectangleItem;

package/navbar-ic/navbar-ic.d.ts

@@ -51,13 +51,19 @@ export declare class KbqFocusable implements AfterContentInit, AfterViewInit, On
     protected isValidIndex(index: number): boolean;
     protected hasFocusedItem(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqFocusable, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqFocusable, never, never, { "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, ["focusableItems"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqFocusable, never, never, { "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, ["focusableItems"], never, true, never>;
     static ngAcceptInputType_tabindex: unknown;
 }
+/**
+ * @deprecated Will be removed in the next major release.
+ */
 export declare class KbqNavbarIcContainer {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarIcContainer, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarIcContainer, "kbq-navbar-ic-container", never, {}, {}, never, never, true, never>;
 }
+/**
+ * @deprecated Will be removed in the next major release.
+ */
 export declare class KbqNavbarIc extends KbqFocusable implements AfterContentInit {
     /** @docs-private */
     protected readonly localeService: import("@koobiq/components/core").KbqLocaleService | null;
@@ -65,17 +71,17 @@ export declare class KbqNavbarIc extends KbqFocusable implements AfterContentIni
     readonly state: BehaviorSubject<"expanded" | "collapsed" | null>;
     configuration: any;
     /** @docs-private */
-    rectangleElements: import("@angular/core").Signal<readonly any[]>;
+    readonly rectangleElements: import("@angular/core").Signal<readonly any[]>;
     /** @docs-private */
-    items: import("@angular/core").Signal<readonly any[]>;
+    readonly items: import("@angular/core").Signal<readonly any[]>;
     /** @docs-private */
-    toggleElement: import("@angular/core").Signal<readonly any[]>;
+    readonly toggleElement: import("@angular/core").Signal<readonly any[]>;
     /** @docs-private */
-    dropdownTrigger: import("@angular/core").Signal<readonly any[]>;
+    readonly dropdownTrigger: import("@angular/core").Signal<readonly any[]>;
     /** @docs-private */
-    popoverTrigger: import("@angular/core").Signal<readonly any[]>;
+    readonly popoverTrigger: import("@angular/core").Signal<readonly any[]>;
     /** @docs-private */
-    notificationCenterTrigger: import("@angular/core").Signal<readonly any[]>;
+    readonly notificationCenterTrigger: import("@angular/core").Signal<readonly any[]>;
     readonly hovered: BehaviorSubject<boolean>;
     readonly focused: BehaviorSubject<boolean>;
     readonly animationDone: Subject<void>;

package/notification-center/notification-center.d.ts

@@ -1,7 +1,7 @@
 import { Overlay, OverlayConfig, ScrollStrategy } from '@angular/cdk/overlay';
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, EventEmitter, InjectionToken, TemplateRef, Type } from '@angular/core';
 import { KbqButton } from '@koobiq/components/button';
-import { DateAdapter, KbqPopUp, KbqPopUpTrigger, PopUpPlacements, PopUpSizes } from '@koobiq/components/core';
+import { DateAdapter, KbqPopUp, KbqPopUpPlacementValues, KbqPopUpSizeValues, KbqPopUpTrigger, KbqStickToWindowPlacementValues } from '@koobiq/components/core';
 import { Subscription } from 'rxjs';
 import { KbqNotificationCenterService } from './notification-center.service';
 import * as i0 from "@angular/core";
@@ -62,7 +62,7 @@ export declare class KbqNotificationCenterComponent extends KbqPopUp implements
     constructor();
     ngAfterViewInit(): void;
     /** @docs-private */
-    updateClassMap(placement: string, customClass: string, size: PopUpSizes): void;
+    updateClassMap(placement: string, customClass: string, size: KbqPopUpSizeValues): void;
     /** @docs-private */
     updateTrapFocus(isTrapFocus: boolean): void;
     /** @docs-private */
@@ -95,7 +95,7 @@ export declare class KbqNotificationCenterTrigger extends KbqPopUpTrigger<KbqNot
     /** Number of unread notifications */
     get unreadItemsCounter(): import("rxjs").Observable<string>;
     /** Placement of popUp */
-    placement: PopUpPlacements;
+    placement: KbqPopUpPlacementValues;
     /** Class that will be used in the background */
     backdropClass: string;
     /** Class that will be used in the panel */
@@ -117,7 +117,7 @@ export declare class KbqNotificationCenterTrigger extends KbqPopUpTrigger<KbqNot
      * Additionally positions the element relative to the window side (Top, Right, Bottom and Left).
      * If container is specified, the positioning will be relative to it.
      * */
-    stickToWindow: PopUpPlacements.Top | PopUpPlacements.Right | PopUpPlacements.Bottom | PopUpPlacements.Left | string;
+    stickToWindow: KbqStickToWindowPlacementValues;
     /** Container for additional positioning, used with stickToWindow */
     container: HTMLElement;
     /** @docs-private */
@@ -147,7 +147,7 @@ export declare class KbqNotificationCenterTrigger extends KbqPopUpTrigger<KbqNot
     /** @docs-private */
     updateClassMap(newPlacement?: string): void;
     /** @docs-private */
-    closingActions(): import("rxjs").Observable<void | import("@angular/cdk/scrolling").CdkScrollable | MouseEvent>;
+    closingActions(): import("rxjs").Observable<void | import("@angular/cdk/scrolling-module.d-ud2XrbF8").C | MouseEvent>;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNotificationCenterTrigger, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNotificationCenterTrigger, "[kbqNotificationCenterTrigger]", ["kbqNotificationCenterTrigger"], { "placement": { "alias": "kbqNotificationCenterPlacement"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "panelClass": { "alias": "kbqNotificationCenterPanelClass"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "popoverMode": { "alias": "popoverMode"; "required": false; }; "popoverHeight": { "alias": "popoverHeight"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "stickToWindow": { "alias": "stickToWindow"; "required": false; }; "container": { "alias": "container"; "required": false; }; }, { "placementChange": "kbqPlacementChange"; "visibleChange": "kbqVisibleChange"; }, never, never, true, never>;
     static ngAcceptInputType_offset: unknown;

package/overflow-items/overflow-items.d.ts

@@ -31,7 +31,7 @@ export declare class ElementVisibilityManager {
      */
     show(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementVisibilityManager, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElementVisibilityManager, never, never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElementVisibilityManager, never, never, {}, {}, never, never, true, never>;
 }
 /**
  * Directive for displaying the result of hidden items by the `KbqOverflowItems` directive.