@koobiq/components 18.39.0 → 19.0.0

package/fesm2022/koobiq-components-navbar-ic.mjs

@@ -1,6 +1,6 @@
 import { FocusMonitor, A11yModule } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
-import { Directive, inject, ElementRef, ChangeDetectorRef, NgZone, booleanAttribute, ContentChild, Input, Component, ChangeDetectionStrategy, ViewEncapsulation, InjectionToken, DestroyRef, numberAttribute, ContentChildren, forwardRef, contentChildren, effect, NgModule } from '@angular/core';
+import { Directive, inject, ElementRef, ChangeDetectorRef, NgZone, booleanAttribute, Input, ContentChild, ChangeDetectionStrategy, ViewEncapsulation, Component, InjectionToken, DestroyRef, numberAttribute, forwardRef, ContentChildren, contentChildren, effect, NgModule } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FocusKeyManager } from '@koobiq/cdk/a11y';
 import { RIGHT_ARROW, SPACE, ENTER, isVerticalMovement, TAB, DOWN_ARROW, UP_ARROW } from '@koobiq/cdk/keycodes';
@@ -17,7 +17,7 @@ import { KbqButton, KbqButtonCssStyler } from '@koobiq/components/button';
 import { KbqFormField } from '@koobiq/components/form-field';
 import { KbqIcon, KbqIconModule } from '@koobiq/components/icon';
 import { KbqTooltipTrigger, TooltipModifier, KbqToolTipModule } from '@koobiq/components/tooltip';
-import { trigger, state, style, transition, animate } from '@angular/animations';
+import { trigger, state, transition, style, animate } from '@angular/animations';
 
 function toggleNavbarIcAnimation() {
     return trigger('toggle', [
@@ -39,20 +39,25 @@ function toggleNavbarIcItemAnimation() {
  * The maximum number of characters that can be placed in a title without being wrapped.
  */
 const kbqMaxSymbolsInHeaderTitle = 22;
+/**
+ * @deprecated Will be removed in the next major release.
+ */
 class KbqNavbarIcLogo {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcLogo, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: KbqNavbarIcLogo, isStandalone: true, selector: "[kbqNavbarIcLogo]", host: { classAttribute: "kbq-navbar-ic-logo" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcLogo, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: KbqNavbarIcLogo, isStandalone: true, selector: "[kbqNavbarIcLogo]", host: { classAttribute: "kbq-navbar-ic-logo" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcLogo, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcLogo, decorators: [{
             type: Directive,
             args: [{
-                    standalone: true,
                     selector: '[kbqNavbarIcLogo]',
                     host: {
                         class: 'kbq-navbar-ic-logo'
                     }
                 }]
         }] });
+/**
+ * @deprecated Will be removed in the next major release.
+ */
 class KbqNavbarIcTitle {
     constructor() {
         this.isBrowser = inject(Platform).isBrowser;
@@ -80,13 +85,12 @@ class KbqNavbarIcTitle {
     checkTextOverflown() {
         this.isTextOverflown = this.text.length > kbqMaxSymbolsInHeaderTitle;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: KbqNavbarIcTitle, isStandalone: true, selector: "[kbqNavbarIcTitle]", host: { listeners: { "mouseenter": "hovered.next(true)", "mouseleave": "hovered.next(false)" }, properties: { "class.kbq-navbar-ic-title_text-overflown": "isTextOverflown" }, classAttribute: "kbq-navbar-ic-title" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: KbqNavbarIcTitle, isStandalone: true, selector: "[kbqNavbarIcTitle]", host: { listeners: { "mouseenter": "hovered.next(true)", "mouseleave": "hovered.next(false)" }, properties: { "class.kbq-navbar-ic-title_text-overflown": "isTextOverflown" }, classAttribute: "kbq-navbar-ic-title" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcTitle, decorators: [{
             type: Directive,
             args: [{
-                    standalone: true,
                     selector: '[kbqNavbarIcTitle]',
                     host: {
                         class: 'kbq-navbar-ic-title',
@@ -96,20 +100,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     }
                 }]
         }] });
+/**
+ * @deprecated Will be removed in the next major release.
+ */
 class KbqNavbarIcDivider {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcDivider, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: KbqNavbarIcDivider, isStandalone: true, selector: "[kbqNavbarIcDivider]", host: { classAttribute: "kbq-navbar-ic-divider" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcDivider, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: KbqNavbarIcDivider, isStandalone: true, selector: "[kbqNavbarIcDivider]", host: { classAttribute: "kbq-navbar-ic-divider" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcDivider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcDivider, decorators: [{
             type: Directive,
             args: [{
-                    standalone: true,
                     selector: '[kbqNavbarIcDivider]',
                     host: {
                         class: 'kbq-navbar-ic-divider'
                     }
                 }]
         }] });
+/**
+ * @deprecated Will be removed in the next major release.
+ */
 class KbqNavbarIcFocusableItem {
     constructor() {
         this.elementRef = inject(ElementRef);
@@ -196,13 +205,12 @@ class KbqNavbarIcFocusableItem {
     getLabel() {
         return this.title?.text || '';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcFocusableItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.14", type: KbqNavbarIcFocusableItem, isStandalone: true, selector: "kbq-navbar-ic-item, [kbq-navbar-ic-item], kbq-navbar-ic-header, [kbq-navbar-ic-header], kbq-navbar-ic-toggle", inputs: { disabled: ["disabled", "disabled", booleanAttribute] }, host: { listeners: { "focus": "focusHandler()", "blur": "blurHandler()" }, properties: { "attr.tabindex": "-1", "attr.disabled": "disabled || null", "class.kbq-disabled": "disabled" }, classAttribute: "kbq-navbar-ic-focusable-item" }, queries: [{ propertyName: "title", first: true, predicate: KbqNavbarIcTitle, descendants: true }, { propertyName: "button", first: true, predicate: KbqButton, descendants: true }, { propertyName: "formField", first: true, predicate: KbqFormField, descendants: true }], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcFocusableItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.17", type: KbqNavbarIcFocusableItem, isStandalone: true, selector: "kbq-navbar-ic-item, [kbq-navbar-ic-item], kbq-navbar-ic-header, [kbq-navbar-ic-header], kbq-navbar-ic-toggle", inputs: { disabled: ["disabled", "disabled", booleanAttribute] }, host: { listeners: { "focus": "focusHandler()", "blur": "blurHandler()" }, properties: { "attr.tabindex": "-1", "attr.disabled": "disabled || null", "class.kbq-disabled": "disabled" }, classAttribute: "kbq-navbar-ic-focusable-item" }, queries: [{ propertyName: "title", first: true, predicate: KbqNavbarIcTitle, descendants: true }, { propertyName: "button", first: true, predicate: KbqButton, descendants: true }, { propertyName: "formField", first: true, predicate: KbqFormField, descendants: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcFocusableItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcFocusableItem, decorators: [{
             type: Directive,
             args: [{
-                    standalone: true,
                     selector: 'kbq-navbar-ic-item, [kbq-navbar-ic-item], kbq-navbar-ic-header, [kbq-navbar-ic-header], kbq-navbar-ic-toggle',
                     host: {
                         '[attr.tabindex]': '-1',
@@ -226,6 +234,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input,
                 args: [{ transform: booleanAttribute }]
             }] } });
+/**
+ * @deprecated Will be removed in the next major release.
+ */
 class KbqNavbarIcItem extends KbqTooltipTrigger {
     get trigger() {
         return this._trigger;
@@ -316,16 +327,16 @@ class KbqNavbarIcItem extends KbqTooltipTrigger {
             $event.preventDefault();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: KbqNavbarIcItem, isStandalone: true, selector: "kbq-navbar-ic-item, [kbq-navbar-ic-item]", inputs: { trigger: ["kbqTrigger", "trigger"] }, host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class.kbq-navbar-ic-item_with-title": "!!title" }, classAttribute: "kbq-navbar-ic-item" }, queries: [{ propertyName: "title", first: true, predicate: KbqNavbarIcTitle, descendants: true }, { propertyName: "icon", first: true, predicate: KbqIcon, descendants: true }, { propertyName: "button", first: true, predicate: KbqButtonCssStyler, descendants: true }], exportAs: ["kbqNavbarIcItem"], usesInheritance: true, hostDirectives: [{ directive: i1.KbqRectangleItem }], ngImport: i0, template: "<div class=\"kbq-navbar-ic-item__inner\">\n    <ng-content select=\"[kbq-icon]\" />\n\n    @if (title && !collapsed) {\n        <div class=\"kbq-navbar-ic-item__title-container\" [@toggle]=\"navbar.state.value\">\n            <ng-content select=\"[kbqNavbarIcTitle]\" />\n\n            @if (showDropDownAngle) {\n                <i kbq-icon=\"kbq-chevron-right_16\" class=\"kbq-navbar-ic-item__arrow-icon\"></i>\n            }\n        </div>\n    }\n\n    <ng-content />\n</div>\n", styles: [".kbq-navbar-ic-item{box-sizing:border-box;display:flex;padding:var(--kbq-size-3xs) var(--kbq-size-m)}.kbq-navbar-ic-item .kbq-icon{min-width:var(--kbq-size-l);min-height:var(--kbq-size-l)}.kbq-navbar-ic-item .kbq-navbar-ic-item__title-container{gap:var(--kbq-size-m)}.kbq-navbar-ic-item.kbq-collapsed .kbq-badge{position:absolute;z-index:1;top:0;right:0}.kbq-navbar-ic-item>.kbq-icon{display:flex;justify-content:center;align-items:center}.kbq-navbar-ic-item__inner{position:relative;display:flex;align-items:center;height:36px;width:100%;max-width:calc(100% - var(--kbq-size-xxl));gap:var(--kbq-size-m);padding-left:var(--kbq-size-m);padding-right:var(--kbq-size-m);border-radius:var(--kbq-navbar-ic-item-size-content-border-radius)}.kbq-navbar-ic-title{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kbq-navbar-ic-item__title-container{display:flex;flex-direction:row;flex:1 1 auto;justify-content:space-between;min-width:0}.kbq-navbar-ic-item__title-container .kbq-icon{align-self:center}a.kbq-navbar-ic-item,a.kbq-navbar-ic-title{text-decoration:none}.kbq-navbar-ic-item [kbq-button],.kbq-navbar-ic-header [kbq-button],.kbq-navbar-ic-toggle [kbq-button]{z-index:1}.kbq-navbar-ic-toggle .kbq-navbar-ic-item__inner{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}\n"], dependencies: [{ kind: "component", type: KbqIcon, selector: "[kbq-icon]", inputs: ["small", "autoColor", "kbq-icon"] }], animations: [toggleNavbarIcItemAnimation()], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: KbqNavbarIcItem, isStandalone: true, selector: "kbq-navbar-ic-item, [kbq-navbar-ic-item]", inputs: { trigger: ["kbqTrigger", "trigger"] }, host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class.kbq-navbar-ic-item_with-title": "!!title" }, classAttribute: "kbq-navbar-ic-item" }, queries: [{ propertyName: "title", first: true, predicate: KbqNavbarIcTitle, descendants: true }, { propertyName: "icon", first: true, predicate: KbqIcon, descendants: true }, { propertyName: "button", first: true, predicate: KbqButtonCssStyler, descendants: true }], exportAs: ["kbqNavbarIcItem"], usesInheritance: true, hostDirectives: [{ directive: i1.KbqRectangleItem }], ngImport: i0, template: "<div class=\"kbq-navbar-ic-item__inner\">\n    <ng-content select=\"[kbq-icon]\" />\n\n    @if (title && !collapsed) {\n        <div class=\"kbq-navbar-ic-item__title-container\" [@toggle]=\"navbar.state.value\">\n            <ng-content select=\"[kbqNavbarIcTitle]\" />\n\n            @if (showDropDownAngle) {\n                <i kbq-icon=\"kbq-chevron-right_16\" class=\"kbq-navbar-ic-item__arrow-icon\"></i>\n            }\n        </div>\n    }\n\n    <ng-content />\n</div>\n", styles: [".kbq-navbar-ic-item{box-sizing:border-box;display:flex;padding:var(--kbq-size-3xs) var(--kbq-size-m)}.kbq-navbar-ic-item .kbq-icon{min-width:var(--kbq-size-l);min-height:var(--kbq-size-l)}.kbq-navbar-ic-item .kbq-navbar-ic-item__title-container{gap:var(--kbq-size-m)}.kbq-navbar-ic-item.kbq-collapsed .kbq-badge{position:absolute;z-index:1;top:0;right:0}.kbq-navbar-ic-item>.kbq-icon{display:flex;justify-content:center;align-items:center}.kbq-navbar-ic-item__inner{position:relative;display:flex;align-items:center;height:36px;width:100%;max-width:calc(100% - var(--kbq-size-xxl));gap:var(--kbq-size-m);padding-left:var(--kbq-size-m);padding-right:var(--kbq-size-m);border-radius:var(--kbq-navbar-ic-item-size-content-border-radius)}.kbq-navbar-ic-title{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kbq-navbar-ic-item__title-container{display:flex;flex-direction:row;flex:1 1 auto;justify-content:space-between;min-width:0}.kbq-navbar-ic-item__title-container .kbq-icon{align-self:center}a.kbq-navbar-ic-item,a.kbq-navbar-ic-title{text-decoration:none}.kbq-navbar-ic-item [kbq-button],.kbq-navbar-ic-header [kbq-button],.kbq-navbar-ic-toggle [kbq-button]{z-index:1}.kbq-navbar-ic-toggle .kbq-navbar-ic-item__inner{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}\n"], dependencies: [{ kind: "component", type: KbqIcon, selector: "[kbq-icon]", inputs: ["small", "autoColor", "kbq-icon"] }], animations: [toggleNavbarIcItemAnimation()], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcItem, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'kbq-navbar-ic-item, [kbq-navbar-ic-item]', exportAs: 'kbqNavbarIcItem', host: {
+            args: [{ selector: 'kbq-navbar-ic-item, [kbq-navbar-ic-item]', imports: [KbqIcon], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'kbqNavbarIcItem', host: {
                         class: 'kbq-navbar-ic-item',
                         '[class.kbq-navbar-ic-item_with-title]': '!!title',
                         '(keydown)': 'onKeyDown($event)'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [KbqRectangleItem], imports: [KbqIcon], animations: [toggleNavbarIcItemAnimation()], template: "<div class=\"kbq-navbar-ic-item__inner\">\n    <ng-content select=\"[kbq-icon]\" />\n\n    @if (title && !collapsed) {\n        <div class=\"kbq-navbar-ic-item__title-container\" [@toggle]=\"navbar.state.value\">\n            <ng-content select=\"[kbqNavbarIcTitle]\" />\n\n            @if (showDropDownAngle) {\n                <i kbq-icon=\"kbq-chevron-right_16\" class=\"kbq-navbar-ic-item__arrow-icon\"></i>\n            }\n        </div>\n    }\n\n    <ng-content />\n</div>\n", styles: [".kbq-navbar-ic-item{box-sizing:border-box;display:flex;padding:var(--kbq-size-3xs) var(--kbq-size-m)}.kbq-navbar-ic-item .kbq-icon{min-width:var(--kbq-size-l);min-height:var(--kbq-size-l)}.kbq-navbar-ic-item .kbq-navbar-ic-item__title-container{gap:var(--kbq-size-m)}.kbq-navbar-ic-item.kbq-collapsed .kbq-badge{position:absolute;z-index:1;top:0;right:0}.kbq-navbar-ic-item>.kbq-icon{display:flex;justify-content:center;align-items:center}.kbq-navbar-ic-item__inner{position:relative;display:flex;align-items:center;height:36px;width:100%;max-width:calc(100% - var(--kbq-size-xxl));gap:var(--kbq-size-m);padding-left:var(--kbq-size-m);padding-right:var(--kbq-size-m);border-radius:var(--kbq-navbar-ic-item-size-content-border-radius)}.kbq-navbar-ic-title{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kbq-navbar-ic-item__title-container{display:flex;flex-direction:row;flex:1 1 auto;justify-content:space-between;min-width:0}.kbq-navbar-ic-item__title-container .kbq-icon{align-self:center}a.kbq-navbar-ic-item,a.kbq-navbar-ic-title{text-decoration:none}.kbq-navbar-ic-item [kbq-button],.kbq-navbar-ic-header [kbq-button],.kbq-navbar-ic-toggle [kbq-button]{z-index:1}.kbq-navbar-ic-toggle .kbq-navbar-ic-item__inner{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}\n"] }]
+                    }, hostDirectives: [KbqRectangleItem], animations: [toggleNavbarIcItemAnimation()], template: "<div class=\"kbq-navbar-ic-item__inner\">\n    <ng-content select=\"[kbq-icon]\" />\n\n    @if (title && !collapsed) {\n        <div class=\"kbq-navbar-ic-item__title-container\" [@toggle]=\"navbar.state.value\">\n            <ng-content select=\"[kbqNavbarIcTitle]\" />\n\n            @if (showDropDownAngle) {\n                <i kbq-icon=\"kbq-chevron-right_16\" class=\"kbq-navbar-ic-item__arrow-icon\"></i>\n            }\n        </div>\n    }\n\n    <ng-content />\n</div>\n", styles: [".kbq-navbar-ic-item{box-sizing:border-box;display:flex;padding:var(--kbq-size-3xs) var(--kbq-size-m)}.kbq-navbar-ic-item .kbq-icon{min-width:var(--kbq-size-l);min-height:var(--kbq-size-l)}.kbq-navbar-ic-item .kbq-navbar-ic-item__title-container{gap:var(--kbq-size-m)}.kbq-navbar-ic-item.kbq-collapsed .kbq-badge{position:absolute;z-index:1;top:0;right:0}.kbq-navbar-ic-item>.kbq-icon{display:flex;justify-content:center;align-items:center}.kbq-navbar-ic-item__inner{position:relative;display:flex;align-items:center;height:36px;width:100%;max-width:calc(100% - var(--kbq-size-xxl));gap:var(--kbq-size-m);padding-left:var(--kbq-size-m);padding-right:var(--kbq-size-m);border-radius:var(--kbq-navbar-ic-item-size-content-border-radius)}.kbq-navbar-ic-title{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kbq-navbar-ic-item__title-container{display:flex;flex-direction:row;flex:1 1 auto;justify-content:space-between;min-width:0}.kbq-navbar-ic-item__title-container .kbq-icon{align-self:center}a.kbq-navbar-ic-item,a.kbq-navbar-ic-title{text-decoration:none}.kbq-navbar-ic-item [kbq-button],.kbq-navbar-ic-header [kbq-button],.kbq-navbar-ic-toggle [kbq-button]{z-index:1}.kbq-navbar-ic-toggle .kbq-navbar-ic-item__inner{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}\n"] }]
         }], ctorParameters: () => [], propDecorators: { title: [{
                 type: ContentChild,
                 args: [KbqNavbarIcTitle]
@@ -339,6 +350,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input,
                 args: ['kbqTrigger']
             }] } });
+/**
+ * @deprecated Will be removed in the next major release.
+ */
 class KbqNavbarIcToggle {
     /** localized data
      * @docs-private */
@@ -370,8 +384,8 @@ class KbqNavbarIcToggle {
             $event.preventDefault();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcToggle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: KbqNavbarIcToggle, isStandalone: true, selector: "kbq-navbar-ic-toggle", host: { listeners: { "keydown": "onKeydown($event)", "click": "toggle()" }, properties: { "class.kbq-collapsed": "!navbar.expanded", "class.kbq-expanded": "navbar.expanded" }, classAttribute: "kbq-navbar-ic-item kbq-navbar-ic-toggle" }, hostDirectives: [{ directive: i1.KbqRectangleItem }], ngImport: i0, template: `
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcToggle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: KbqNavbarIcToggle, isStandalone: true, selector: "kbq-navbar-ic-toggle", host: { listeners: { "keydown": "onKeydown($event)", "click": "toggle()" }, properties: { "class.kbq-collapsed": "!navbar.expanded", "class.kbq-expanded": "navbar.expanded" }, classAttribute: "kbq-navbar-ic-item kbq-navbar-ic-toggle" }, hostDirectives: [{ directive: i1.KbqRectangleItem }], ngImport: i0, template: `
         <div class="kbq-navbar-ic-item__inner">
             @if (navbar.pinned) {
                 <i kbq-icon [class.kbq-bars-arrow-left_16]="navbar.expanded"></i>
@@ -383,11 +397,11 @@ class KbqNavbarIcToggle {
                 <i kbq-icon [class.kbq-bars-arrow-right_16]="!navbar.expanded"></i>
             }
         </div>
-    `, isInline: true, styles: [".kbq-navbar-ic-container{display:flex;flex-shrink:0;flex-direction:column;justify-content:space-between}.kbq-navbar-ic{display:flex;position:relative}.kbq-navbar-ic .kbq-navbar-ic-container+.kbq-navbar-ic-container{padding-top:var(--kbq-size-xxl);padding-bottom:var(--kbq-size-m)}.kbq-navbar-ic .kbq-navbar-ic__top-layer{position:absolute;z-index:998;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.kbq-navbar-ic .kbq-navbar-ic__top-layer{background-color:var(--kbq-navbar-ic-background);box-shadow:var(--kbq-navbar-ic-border)}.kbq-navbar-ic-item,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive,.kbq-navbar-ic-toggle{cursor:pointer}.kbq-navbar-ic-item .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-default-content-background)}.kbq-navbar-ic-item .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-title,.kbq-navbar-ic-toggle .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-default-content-text)}.kbq-navbar-ic-item>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-default-content-icon-left)}.kbq-navbar-ic-item .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-default-content-icon-right)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-hover-content-background)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-hover-content-text)}.kbq-navbar-ic-item:not(.kbq-disabled):hover>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-hover-content-icon-left)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-hover-content-icon-right)}.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused{outline:none}.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner{box-shadow:inset 0 0 0 2px var(--kbq-states-line-focus-theme)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-selected-content-background)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-selected-content-text)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-item:not(.kbq-disabled):active>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled):active>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-selected-content-icon-left)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-selected-content-icon-right)}.kbq-navbar-ic-item.kbq-disabled,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled,.kbq-navbar-ic-toggle.kbq-disabled{pointer-events:none;cursor:default}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-disabled-content-background)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-title,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-disabled-content-text)}.kbq-navbar-ic-item.kbq-disabled>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle.kbq-disabled>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-disabled-content-icon-left)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-disabled-content-icon-right)}.kbq-navbar-ic-divider{background:var(--kbq-line-contrast-less)}.kbq-navbar-ic-title{font-size:var(--kbq-typography-text-normal-medium-font-size);font-style:var(--kbq-typography-text-normal-medium-font-style);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-navbar-ic-header .kbq-navbar-ic-title{font-size:var(--kbq-typography-text-big-strong-font-size);font-style:var(--kbq-typography-text-big-strong-font-style);font-weight:var(--kbq-typography-text-big-strong-font-weight);line-height:var(--kbq-typography-text-big-strong-line-height);font-family:var(--kbq-typography-text-big-strong-font-family);text-transform:var(--kbq-typography-text-big-strong-text-transform);font-feature-settings:var(--kbq-typography-text-big-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-strong-letter-spacing)}.kbq-navbar-ic-header .kbq-navbar-ic-title.kbq-navbar-ic-title_text-overflown{font-size:var(--kbq-typography-text-compact-strong-font-size);font-style:var(--kbq-typography-text-compact-strong-font-style);font-weight:var(--kbq-typography-text-compact-strong-font-weight);line-height:var(--kbq-typography-text-compact-strong-line-height);font-family:var(--kbq-typography-text-compact-strong-font-family);text-transform:var(--kbq-typography-text-compact-strong-text-transform);font-feature-settings:var(--kbq-typography-text-compact-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-strong-letter-spacing);line-height:12px}\n"], dependencies: [{ kind: "component", type: KbqIcon, selector: "[kbq-icon]", inputs: ["small", "autoColor", "kbq-icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    `, isInline: true, styles: [".kbq-navbar-ic-container{display:flex;flex-shrink:0;flex-direction:column;justify-content:space-between}.kbq-navbar-ic{display:flex;position:relative}.kbq-navbar-ic .kbq-navbar-ic-container+.kbq-navbar-ic-container{padding-top:var(--kbq-size-xxl);padding-bottom:var(--kbq-size-m)}.kbq-navbar-ic .kbq-navbar-ic__top-layer{position:absolute;z-index:998;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.kbq-navbar-ic .kbq-navbar-ic__top-layer{background-color:var(--kbq-navbar-ic-background);box-shadow:var(--kbq-navbar-ic-border)}.kbq-navbar-ic-item,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive,.kbq-navbar-ic-toggle{cursor:pointer}.kbq-navbar-ic-item .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-default-content-background)}.kbq-navbar-ic-item .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-title,.kbq-navbar-ic-toggle .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-default-content-text)}.kbq-navbar-ic-item>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-default-content-icon-left)}.kbq-navbar-ic-item .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-default-content-icon-right)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-hover-content-background)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-hover-content-text)}.kbq-navbar-ic-item:not(.kbq-disabled):hover>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-hover-content-icon-left)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-hover-content-icon-right)}.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused{outline:none}.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner{box-shadow:inset 0 0 0 2px var(--kbq-states-line-focus-theme)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-selected-content-background)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-selected-content-text)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-item:not(.kbq-disabled):active>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled):active>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-selected-content-icon-left)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-selected-content-icon-right)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-disabled-content-background)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-title,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-disabled-content-text)}.kbq-navbar-ic-item.kbq-disabled>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle.kbq-disabled>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-disabled-content-icon-left)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-disabled-content-icon-right)}.kbq-navbar-ic-item.kbq-disabled,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled,.kbq-navbar-ic-toggle.kbq-disabled{pointer-events:none;cursor:default}.kbq-navbar-ic-divider{background:var(--kbq-line-contrast-less)}.kbq-navbar-ic-title{font-size:var(--kbq-typography-text-normal-medium-font-size);font-style:var(--kbq-typography-text-normal-medium-font-style);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-navbar-ic-header .kbq-navbar-ic-title{font-size:var(--kbq-typography-text-big-strong-font-size);font-style:var(--kbq-typography-text-big-strong-font-style);font-weight:var(--kbq-typography-text-big-strong-font-weight);line-height:var(--kbq-typography-text-big-strong-line-height);font-family:var(--kbq-typography-text-big-strong-font-family);text-transform:var(--kbq-typography-text-big-strong-text-transform);font-feature-settings:var(--kbq-typography-text-big-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-strong-letter-spacing)}.kbq-navbar-ic-header .kbq-navbar-ic-title.kbq-navbar-ic-title_text-overflown{font-size:var(--kbq-typography-text-compact-strong-font-size);font-style:var(--kbq-typography-text-compact-strong-font-style);font-weight:var(--kbq-typography-text-compact-strong-font-weight);line-height:var(--kbq-typography-text-compact-strong-line-height);font-family:var(--kbq-typography-text-compact-strong-font-family);text-transform:var(--kbq-typography-text-compact-strong-text-transform);font-feature-settings:var(--kbq-typography-text-compact-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-strong-letter-spacing);line-height:12px}\n"], dependencies: [{ kind: "component", type: KbqIcon, selector: "[kbq-icon]", inputs: ["small", "autoColor", "kbq-icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcToggle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcToggle, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'kbq-navbar-ic-toggle', template: `
+            args: [{ selector: 'kbq-navbar-ic-toggle', imports: [KbqIcon], template: `
         <div class="kbq-navbar-ic-item__inner">
             @if (navbar.pinned) {
                 <i kbq-icon [class.kbq-bars-arrow-left_16]="navbar.expanded"></i>
@@ -399,13 +413,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 <i kbq-icon [class.kbq-bars-arrow-right_16]="!navbar.expanded"></i>
             }
         </div>
-    `, host: {
+    `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'kbq-navbar-ic-item kbq-navbar-ic-toggle',
                         '[class.kbq-collapsed]': '!navbar.expanded',
                         '[class.kbq-expanded]': 'navbar.expanded',
                         '(keydown)': 'onKeydown($event)',
                         '(click)': 'toggle()'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [KbqIcon], hostDirectives: [KbqRectangleItem], styles: [".kbq-navbar-ic-container{display:flex;flex-shrink:0;flex-direction:column;justify-content:space-between}.kbq-navbar-ic{display:flex;position:relative}.kbq-navbar-ic .kbq-navbar-ic-container+.kbq-navbar-ic-container{padding-top:var(--kbq-size-xxl);padding-bottom:var(--kbq-size-m)}.kbq-navbar-ic .kbq-navbar-ic__top-layer{position:absolute;z-index:998;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.kbq-navbar-ic .kbq-navbar-ic__top-layer{background-color:var(--kbq-navbar-ic-background);box-shadow:var(--kbq-navbar-ic-border)}.kbq-navbar-ic-item,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive,.kbq-navbar-ic-toggle{cursor:pointer}.kbq-navbar-ic-item .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-default-content-background)}.kbq-navbar-ic-item .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-title,.kbq-navbar-ic-toggle .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-default-content-text)}.kbq-navbar-ic-item>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-default-content-icon-left)}.kbq-navbar-ic-item .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-default-content-icon-right)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-hover-content-background)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-hover-content-text)}.kbq-navbar-ic-item:not(.kbq-disabled):hover>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-hover-content-icon-left)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-hover-content-icon-right)}.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused{outline:none}.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner{box-shadow:inset 0 0 0 2px var(--kbq-states-line-focus-theme)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-selected-content-background)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-selected-content-text)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-item:not(.kbq-disabled):active>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled):active>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-selected-content-icon-left)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-selected-content-icon-right)}.kbq-navbar-ic-item.kbq-disabled,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled,.kbq-navbar-ic-toggle.kbq-disabled{pointer-events:none;cursor:default}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-disabled-content-background)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-title,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-disabled-content-text)}.kbq-navbar-ic-item.kbq-disabled>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle.kbq-disabled>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-disabled-content-icon-left)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-disabled-content-icon-right)}.kbq-navbar-ic-divider{background:var(--kbq-line-contrast-less)}.kbq-navbar-ic-title{font-size:var(--kbq-typography-text-normal-medium-font-size);font-style:var(--kbq-typography-text-normal-medium-font-style);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-navbar-ic-header .kbq-navbar-ic-title{font-size:var(--kbq-typography-text-big-strong-font-size);font-style:var(--kbq-typography-text-big-strong-font-style);font-weight:var(--kbq-typography-text-big-strong-font-weight);line-height:var(--kbq-typography-text-big-strong-line-height);font-family:var(--kbq-typography-text-big-strong-font-family);text-transform:var(--kbq-typography-text-big-strong-text-transform);font-feature-settings:var(--kbq-typography-text-big-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-strong-letter-spacing)}.kbq-navbar-ic-header .kbq-navbar-ic-title.kbq-navbar-ic-title_text-overflown{font-size:var(--kbq-typography-text-compact-strong-font-size);font-style:var(--kbq-typography-text-compact-strong-font-style);font-weight:var(--kbq-typography-text-compact-strong-font-weight);line-height:var(--kbq-typography-text-compact-strong-line-height);font-family:var(--kbq-typography-text-compact-strong-font-family);text-transform:var(--kbq-typography-text-compact-strong-text-transform);font-feature-settings:var(--kbq-typography-text-compact-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-strong-letter-spacing);line-height:12px}\n"] }]
+                    }, hostDirectives: [KbqRectangleItem], styles: [".kbq-navbar-ic-container{display:flex;flex-shrink:0;flex-direction:column;justify-content:space-between}.kbq-navbar-ic{display:flex;position:relative}.kbq-navbar-ic .kbq-navbar-ic-container+.kbq-navbar-ic-container{padding-top:var(--kbq-size-xxl);padding-bottom:var(--kbq-size-m)}.kbq-navbar-ic .kbq-navbar-ic__top-layer{position:absolute;z-index:998;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.kbq-navbar-ic .kbq-navbar-ic__top-layer{background-color:var(--kbq-navbar-ic-background);box-shadow:var(--kbq-navbar-ic-border)}.kbq-navbar-ic-item,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive,.kbq-navbar-ic-toggle{cursor:pointer}.kbq-navbar-ic-item .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-default-content-background)}.kbq-navbar-ic-item .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-title,.kbq-navbar-ic-toggle .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-default-content-text)}.kbq-navbar-ic-item>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-default-content-icon-left)}.kbq-navbar-ic-item .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-default-content-icon-right)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-hover-content-background)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-hover-content-text)}.kbq-navbar-ic-item:not(.kbq-disabled):hover>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-hover-content-icon-left)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-hover-content-icon-right)}.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused{outline:none}.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner{box-shadow:inset 0 0 0 2px var(--kbq-states-line-focus-theme)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-selected-content-background)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-selected-content-text)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-item:not(.kbq-disabled):active>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled):active>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-selected-content-icon-left)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-selected-content-icon-right)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-disabled-content-background)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-title,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-disabled-content-text)}.kbq-navbar-ic-item.kbq-disabled>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle.kbq-disabled>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-disabled-content-icon-left)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-disabled-content-icon-right)}.kbq-navbar-ic-item.kbq-disabled,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled,.kbq-navbar-ic-toggle.kbq-disabled{pointer-events:none;cursor:default}.kbq-navbar-ic-divider{background:var(--kbq-line-contrast-less)}.kbq-navbar-ic-title{font-size:var(--kbq-typography-text-normal-medium-font-size);font-style:var(--kbq-typography-text-normal-medium-font-style);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-navbar-ic-header .kbq-navbar-ic-title{font-size:var(--kbq-typography-text-big-strong-font-size);font-style:var(--kbq-typography-text-big-strong-font-style);font-weight:var(--kbq-typography-text-big-strong-font-weight);line-height:var(--kbq-typography-text-big-strong-line-height);font-family:var(--kbq-typography-text-big-strong-font-family);text-transform:var(--kbq-typography-text-big-strong-text-transform);font-feature-settings:var(--kbq-typography-text-big-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-strong-letter-spacing)}.kbq-navbar-ic-header .kbq-navbar-ic-title.kbq-navbar-ic-title_text-overflown{font-size:var(--kbq-typography-text-compact-strong-font-size);font-style:var(--kbq-typography-text-compact-strong-font-style);font-weight:var(--kbq-typography-text-compact-strong-font-weight);line-height:var(--kbq-typography-text-compact-strong-line-height);font-family:var(--kbq-typography-text-compact-strong-font-family);text-transform:var(--kbq-typography-text-compact-strong-text-transform);font-feature-settings:var(--kbq-typography-text-compact-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-strong-letter-spacing);line-height:12px}\n"] }]
         }], ctorParameters: () => [] });
 
 var KbqExpandEvents;
@@ -507,10 +521,10 @@ class KbqFocusable {
     hasFocusedItem() {
         return this.focusableItems.some((item) => item.hasFocus);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqFocusable, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.14", type: KbqFocusable, inputs: { tabindex: ["tabindex", "tabindex", numberAttribute] }, queries: [{ propertyName: "focusableItems", predicate: i0.forwardRef(() => KbqNavbarIcFocusableItem), descendants: true }], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqFocusable, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.17", type: KbqFocusable, isStandalone: true, inputs: { tabindex: ["tabindex", "tabindex", numberAttribute] }, queries: [{ propertyName: "focusableItems", predicate: i0.forwardRef(() => KbqNavbarIcFocusableItem), descendants: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqFocusable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqFocusable, decorators: [{
             type: Directive
         }], propDecorators: { focusableItems: [{
                 type: ContentChildren,
@@ -519,20 +533,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input,
                 args: [{ transform: numberAttribute }]
             }] } });
+/**
+ * @deprecated Will be removed in the next major release.
+ */
 class KbqNavbarIcContainer {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcContainer, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: KbqNavbarIcContainer, isStandalone: true, selector: "kbq-navbar-ic-container", host: { classAttribute: "kbq-navbar-ic-container" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcContainer, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: KbqNavbarIcContainer, isStandalone: true, selector: "kbq-navbar-ic-container", host: { classAttribute: "kbq-navbar-ic-container" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcContainer, decorators: [{
             type: Directive,
             args: [{
-                    standalone: true,
                     selector: 'kbq-navbar-ic-container',
                     host: {
                         class: 'kbq-navbar-ic-container'
                     }
                 }]
         }] });
+/**
+ * @deprecated Will be removed in the next major release.
+ */
 class KbqNavbarIc extends KbqFocusable {
     get expanded() {
         return this._expanded || this.pinned || this.hasOpenedPopUp;
@@ -663,22 +682,22 @@ class KbqNavbarIc extends KbqFocusable {
     initDefaultParams() {
         this.configuration = KBQ_NAVBAR_IC_DEFAULT_CONFIGURATION;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIc, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.14", type: KbqNavbarIc, isStandalone: true, selector: "kbq-navbar-ic", inputs: { pinned: ["pinned", "pinned", booleanAttribute], collapsedWidth: ["collapsedWidth", "collapsedWidth", numberAttribute], expandedWidth: ["expandedWidth", "expandedWidth", numberAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, host: { listeners: { "focus": "focusHandler()", "blur": "blurHandler()", "keydown": "onKeyDown($event)", "mouseenter": "hovered.next(true)", "mouseleave": "hovered.next(false)" }, properties: { "class.kbq-collapsed": "!expanded", "class.kbq-expanded": "expanded", "style.min-width.px": "pinned ? expandedWidth : collapsedWidth", "attr.tabindex": "tabindex" }, classAttribute: "kbq-navbar-ic" }, queries: [{ propertyName: "rectangleElements", predicate: i0.forwardRef(() => KbqRectangleItem), descendants: true, isSignal: true }, { propertyName: "items", predicate: i0.forwardRef(() => KbqNavbarIcItem), descendants: true, isSignal: true }, { propertyName: "toggleElement", predicate: i0.forwardRef(() => KbqNavbarIcToggle), descendants: true, isSignal: true }, { propertyName: "dropdownTrigger", predicate: i0.forwardRef(() => KbqDropdownTrigger), descendants: true, isSignal: true }, { propertyName: "popoverTrigger", predicate: i0.forwardRef(() => KbqPopoverTrigger), descendants: true, isSignal: true }, { propertyName: "notificationCenterTrigger", predicate: i0.forwardRef(() => KbqNotificationCenterTrigger), descendants: true, isSignal: true }], exportAs: ["KbqNavbarIc"], usesInheritance: true, ngImport: i0, template: `
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIc, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.17", type: KbqNavbarIc, isStandalone: true, selector: "kbq-navbar-ic", inputs: { pinned: ["pinned", "pinned", booleanAttribute], collapsedWidth: ["collapsedWidth", "collapsedWidth", numberAttribute], expandedWidth: ["expandedWidth", "expandedWidth", numberAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, host: { listeners: { "focus": "focusHandler()", "blur": "blurHandler()", "keydown": "onKeyDown($event)", "mouseenter": "hovered.next(true)", "mouseleave": "hovered.next(false)" }, properties: { "class.kbq-collapsed": "!expanded", "class.kbq-expanded": "expanded", "style.min-width.px": "pinned ? expandedWidth : collapsedWidth", "attr.tabindex": "tabindex" }, classAttribute: "kbq-navbar-ic" }, queries: [{ propertyName: "rectangleElements", predicate: i0.forwardRef(() => KbqRectangleItem), descendants: true, isSignal: true }, { propertyName: "items", predicate: i0.forwardRef(() => KbqNavbarIcItem), descendants: true, isSignal: true }, { propertyName: "toggleElement", predicate: i0.forwardRef(() => KbqNavbarIcToggle), descendants: true, isSignal: true }, { propertyName: "dropdownTrigger", predicate: i0.forwardRef(() => KbqDropdownTrigger), descendants: true, isSignal: true }, { propertyName: "popoverTrigger", predicate: i0.forwardRef(() => KbqPopoverTrigger), descendants: true, isSignal: true }, { propertyName: "notificationCenterTrigger", predicate: i0.forwardRef(() => KbqNotificationCenterTrigger), descendants: true, isSignal: true }], exportAs: ["KbqNavbarIc"], usesInheritance: true, ngImport: i0, template: `
         <div class="kbq-navbar-ic__top-layer" [@toggle]="expanded" (@toggle.done)="animationDone.next()">
             <ng-content select="[kbq-navbar-ic-container], kbq-navbar-ic-container" />
             <ng-content select="[kbq-navbar-ic-toggle], kbq-navbar-ic-toggle" />
         </div>
-    `, isInline: true, styles: [".kbq-navbar-ic-container{display:flex;flex-shrink:0;flex-direction:column;justify-content:space-between}.kbq-navbar-ic{display:flex;position:relative}.kbq-navbar-ic .kbq-navbar-ic-container+.kbq-navbar-ic-container{padding-top:var(--kbq-size-xxl);padding-bottom:var(--kbq-size-m)}.kbq-navbar-ic .kbq-navbar-ic__top-layer{position:absolute;z-index:998;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.kbq-navbar-ic .kbq-navbar-ic__top-layer{background-color:var(--kbq-navbar-ic-background);box-shadow:var(--kbq-navbar-ic-border)}.kbq-navbar-ic-item,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive,.kbq-navbar-ic-toggle{cursor:pointer}.kbq-navbar-ic-item .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-default-content-background)}.kbq-navbar-ic-item .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-title,.kbq-navbar-ic-toggle .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-default-content-text)}.kbq-navbar-ic-item>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-default-content-icon-left)}.kbq-navbar-ic-item .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-default-content-icon-right)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-hover-content-background)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-hover-content-text)}.kbq-navbar-ic-item:not(.kbq-disabled):hover>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-hover-content-icon-left)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-hover-content-icon-right)}.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused{outline:none}.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner{box-shadow:inset 0 0 0 2px var(--kbq-states-line-focus-theme)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-selected-content-background)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-selected-content-text)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-item:not(.kbq-disabled):active>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled):active>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-selected-content-icon-left)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-selected-content-icon-right)}.kbq-navbar-ic-item.kbq-disabled,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled,.kbq-navbar-ic-toggle.kbq-disabled{pointer-events:none;cursor:default}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-disabled-content-background)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-title,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-disabled-content-text)}.kbq-navbar-ic-item.kbq-disabled>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle.kbq-disabled>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-disabled-content-icon-left)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-disabled-content-icon-right)}.kbq-navbar-ic-divider{background:var(--kbq-line-contrast-less)}.kbq-navbar-ic-title{font-size:var(--kbq-typography-text-normal-medium-font-size);font-style:var(--kbq-typography-text-normal-medium-font-style);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-navbar-ic-header .kbq-navbar-ic-title{font-size:var(--kbq-typography-text-big-strong-font-size);font-style:var(--kbq-typography-text-big-strong-font-style);font-weight:var(--kbq-typography-text-big-strong-font-weight);line-height:var(--kbq-typography-text-big-strong-line-height);font-family:var(--kbq-typography-text-big-strong-font-family);text-transform:var(--kbq-typography-text-big-strong-text-transform);font-feature-settings:var(--kbq-typography-text-big-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-strong-letter-spacing)}.kbq-navbar-ic-header .kbq-navbar-ic-title.kbq-navbar-ic-title_text-overflown{font-size:var(--kbq-typography-text-compact-strong-font-size);font-style:var(--kbq-typography-text-compact-strong-font-style);font-weight:var(--kbq-typography-text-compact-strong-font-weight);line-height:var(--kbq-typography-text-compact-strong-line-height);font-family:var(--kbq-typography-text-compact-strong-font-family);text-transform:var(--kbq-typography-text-compact-strong-text-transform);font-feature-settings:var(--kbq-typography-text-compact-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-strong-letter-spacing);line-height:12px}\n", ".kbq-navbar-ic-divider{display:block;height:1px;margin:var(--kbq-size-s) var(--kbq-size-l)}\n", ".kbq-navbar-ic{--kbq-navbar-ic-item-size-content-border-radius: var(--kbq-size-border-radius);--kbq-navbar-ic-background: var(--kbq-background-bg);--kbq-navbar-ic-border: var(--kbq-shadow-overflow-compact-right);--kbq-navbar-ic-item-default-content-text: var(--kbq-foreground-contrast);--kbq-navbar-ic-item-default-content-background: transparent;--kbq-navbar-ic-item-default-content-icon-left: var(--kbq-icon-contrast);--kbq-navbar-ic-item-default-content-icon-right: var(--kbq-icon-contrast);--kbq-navbar-ic-item-states-hover-content-text: var(--kbq-foreground-contrast);--kbq-navbar-ic-item-states-hover-content-background: var(--kbq-states-background-transparent-hover);--kbq-navbar-ic-item-states-hover-content-icon-left: var(--kbq-states-icon-contrast-hover);--kbq-navbar-ic-item-states-hover-content-icon-right: var(--kbq-states-icon-contrast-hover);--kbq-navbar-ic-item-states-selected-content-text: var(--kbq-foreground-contrast);--kbq-navbar-ic-item-states-selected-content-background: var(--kbq-states-background-transparent-active);--kbq-navbar-ic-item-states-selected-content-icon-left: var(--kbq-states-icon-contrast-active);--kbq-navbar-ic-item-states-selected-content-icon-right: var(--kbq-states-icon-contrast-active);--kbq-navbar-ic-item-states-disabled-content-text: var(--kbq-states-foreground-disabled);--kbq-navbar-ic-item-states-disabled-content-background: transparent;--kbq-navbar-ic-item-states-disabled-content-icon-left: var(--kbq-states-icon-disabled);--kbq-navbar-ic-item-states-disabled-content-icon-right: var(--kbq-states-icon-disabled)}\n"], animations: [toggleNavbarIcAnimation()], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    `, isInline: true, styles: [".kbq-navbar-ic-container{display:flex;flex-shrink:0;flex-direction:column;justify-content:space-between}.kbq-navbar-ic{display:flex;position:relative}.kbq-navbar-ic .kbq-navbar-ic-container+.kbq-navbar-ic-container{padding-top:var(--kbq-size-xxl);padding-bottom:var(--kbq-size-m)}.kbq-navbar-ic .kbq-navbar-ic__top-layer{position:absolute;z-index:998;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.kbq-navbar-ic .kbq-navbar-ic__top-layer{background-color:var(--kbq-navbar-ic-background);box-shadow:var(--kbq-navbar-ic-border)}.kbq-navbar-ic-item,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive,.kbq-navbar-ic-toggle{cursor:pointer}.kbq-navbar-ic-item .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-default-content-background)}.kbq-navbar-ic-item .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-title,.kbq-navbar-ic-toggle .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-default-content-text)}.kbq-navbar-ic-item>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-default-content-icon-left)}.kbq-navbar-ic-item .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-default-content-icon-right)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-hover-content-background)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-hover-content-text)}.kbq-navbar-ic-item:not(.kbq-disabled):hover>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-hover-content-icon-left)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-hover-content-icon-right)}.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused{outline:none}.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner{box-shadow:inset 0 0 0 2px var(--kbq-states-line-focus-theme)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-selected-content-background)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-selected-content-text)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-item:not(.kbq-disabled):active>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled):active>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-selected-content-icon-left)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-selected-content-icon-right)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-disabled-content-background)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-title,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-disabled-content-text)}.kbq-navbar-ic-item.kbq-disabled>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle.kbq-disabled>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-disabled-content-icon-left)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-disabled-content-icon-right)}.kbq-navbar-ic-item.kbq-disabled,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled,.kbq-navbar-ic-toggle.kbq-disabled{pointer-events:none;cursor:default}.kbq-navbar-ic-divider{background:var(--kbq-line-contrast-less)}.kbq-navbar-ic-title{font-size:var(--kbq-typography-text-normal-medium-font-size);font-style:var(--kbq-typography-text-normal-medium-font-style);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-navbar-ic-header .kbq-navbar-ic-title{font-size:var(--kbq-typography-text-big-strong-font-size);font-style:var(--kbq-typography-text-big-strong-font-style);font-weight:var(--kbq-typography-text-big-strong-font-weight);line-height:var(--kbq-typography-text-big-strong-line-height);font-family:var(--kbq-typography-text-big-strong-font-family);text-transform:var(--kbq-typography-text-big-strong-text-transform);font-feature-settings:var(--kbq-typography-text-big-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-strong-letter-spacing)}.kbq-navbar-ic-header .kbq-navbar-ic-title.kbq-navbar-ic-title_text-overflown{font-size:var(--kbq-typography-text-compact-strong-font-size);font-style:var(--kbq-typography-text-compact-strong-font-style);font-weight:var(--kbq-typography-text-compact-strong-font-weight);line-height:var(--kbq-typography-text-compact-strong-line-height);font-family:var(--kbq-typography-text-compact-strong-font-family);text-transform:var(--kbq-typography-text-compact-strong-text-transform);font-feature-settings:var(--kbq-typography-text-compact-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-strong-letter-spacing);line-height:12px}\n", ".kbq-navbar-ic-divider{display:block;height:1px;margin:var(--kbq-size-s) var(--kbq-size-l)}\n", ".kbq-navbar-ic{--kbq-navbar-ic-item-size-content-border-radius: var(--kbq-size-border-radius);--kbq-navbar-ic-background: var(--kbq-background-bg);--kbq-navbar-ic-border: var(--kbq-shadow-overflow-compact-right);--kbq-navbar-ic-item-default-content-text: var(--kbq-foreground-contrast);--kbq-navbar-ic-item-default-content-background: transparent;--kbq-navbar-ic-item-default-content-icon-left: var(--kbq-icon-contrast);--kbq-navbar-ic-item-default-content-icon-right: var(--kbq-icon-contrast);--kbq-navbar-ic-item-states-hover-content-text: var(--kbq-foreground-contrast);--kbq-navbar-ic-item-states-hover-content-background: var(--kbq-states-background-transparent-hover);--kbq-navbar-ic-item-states-hover-content-icon-left: var(--kbq-states-icon-contrast-hover);--kbq-navbar-ic-item-states-hover-content-icon-right: var(--kbq-states-icon-contrast-hover);--kbq-navbar-ic-item-states-selected-content-text: var(--kbq-foreground-contrast);--kbq-navbar-ic-item-states-selected-content-background: var(--kbq-states-background-transparent-active);--kbq-navbar-ic-item-states-selected-content-icon-left: var(--kbq-states-icon-contrast-active);--kbq-navbar-ic-item-states-selected-content-icon-right: var(--kbq-states-icon-contrast-active);--kbq-navbar-ic-item-states-disabled-content-text: var(--kbq-states-foreground-disabled);--kbq-navbar-ic-item-states-disabled-content-background: transparent;--kbq-navbar-ic-item-states-disabled-content-icon-left: var(--kbq-states-icon-disabled);--kbq-navbar-ic-item-states-disabled-content-icon-right: var(--kbq-states-icon-disabled)}\n"], animations: [toggleNavbarIcAnimation()], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIc, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIc, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'kbq-navbar-ic', exportAs: 'KbqNavbarIc', template: `
+            args: [{ selector: 'kbq-navbar-ic', template: `
         <div class="kbq-navbar-ic__top-layer" [@toggle]="expanded" (@toggle.done)="animationDone.next()">
             <ng-content select="[kbq-navbar-ic-container], kbq-navbar-ic-container" />
             <ng-content select="[kbq-navbar-ic-toggle], kbq-navbar-ic-toggle" />
         </div>
-    `, host: {
+    `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'KbqNavbarIc', host: {
                         class: 'kbq-navbar-ic',
                         '[class.kbq-collapsed]': '!expanded',
                         '[class.kbq-expanded]': 'expanded',
@@ -689,7 +708,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         '(keydown)': 'onKeyDown($event)',
                         '(mouseenter)': 'hovered.next(true)',
                         '(mouseleave)': 'hovered.next(false)'
-                    }, animations: [toggleNavbarIcAnimation()], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".kbq-navbar-ic-container{display:flex;flex-shrink:0;flex-direction:column;justify-content:space-between}.kbq-navbar-ic{display:flex;position:relative}.kbq-navbar-ic .kbq-navbar-ic-container+.kbq-navbar-ic-container{padding-top:var(--kbq-size-xxl);padding-bottom:var(--kbq-size-m)}.kbq-navbar-ic .kbq-navbar-ic__top-layer{position:absolute;z-index:998;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.kbq-navbar-ic .kbq-navbar-ic__top-layer{background-color:var(--kbq-navbar-ic-background);box-shadow:var(--kbq-navbar-ic-border)}.kbq-navbar-ic-item,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive,.kbq-navbar-ic-toggle{cursor:pointer}.kbq-navbar-ic-item .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-default-content-background)}.kbq-navbar-ic-item .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-title,.kbq-navbar-ic-toggle .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-default-content-text)}.kbq-navbar-ic-item>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-default-content-icon-left)}.kbq-navbar-ic-item .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-default-content-icon-right)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-hover-content-background)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-hover-content-text)}.kbq-navbar-ic-item:not(.kbq-disabled):hover>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-hover-content-icon-left)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-hover-content-icon-right)}.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused{outline:none}.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner{box-shadow:inset 0 0 0 2px var(--kbq-states-line-focus-theme)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-selected-content-background)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-selected-content-text)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-item:not(.kbq-disabled):active>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled):active>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-selected-content-icon-left)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-selected-content-icon-right)}.kbq-navbar-ic-item.kbq-disabled,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled,.kbq-navbar-ic-toggle.kbq-disabled{pointer-events:none;cursor:default}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-disabled-content-background)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-title,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-disabled-content-text)}.kbq-navbar-ic-item.kbq-disabled>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle.kbq-disabled>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-disabled-content-icon-left)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-disabled-content-icon-right)}.kbq-navbar-ic-divider{background:var(--kbq-line-contrast-less)}.kbq-navbar-ic-title{font-size:var(--kbq-typography-text-normal-medium-font-size);font-style:var(--kbq-typography-text-normal-medium-font-style);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-navbar-ic-header .kbq-navbar-ic-title{font-size:var(--kbq-typography-text-big-strong-font-size);font-style:var(--kbq-typography-text-big-strong-font-style);font-weight:var(--kbq-typography-text-big-strong-font-weight);line-height:var(--kbq-typography-text-big-strong-line-height);font-family:var(--kbq-typography-text-big-strong-font-family);text-transform:var(--kbq-typography-text-big-strong-text-transform);font-feature-settings:var(--kbq-typography-text-big-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-strong-letter-spacing)}.kbq-navbar-ic-header .kbq-navbar-ic-title.kbq-navbar-ic-title_text-overflown{font-size:var(--kbq-typography-text-compact-strong-font-size);font-style:var(--kbq-typography-text-compact-strong-font-style);font-weight:var(--kbq-typography-text-compact-strong-font-weight);line-height:var(--kbq-typography-text-compact-strong-line-height);font-family:var(--kbq-typography-text-compact-strong-font-family);text-transform:var(--kbq-typography-text-compact-strong-text-transform);font-feature-settings:var(--kbq-typography-text-compact-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-strong-letter-spacing);line-height:12px}\n", ".kbq-navbar-ic-divider{display:block;height:1px;margin:var(--kbq-size-s) var(--kbq-size-l)}\n", ".kbq-navbar-ic{--kbq-navbar-ic-item-size-content-border-radius: var(--kbq-size-border-radius);--kbq-navbar-ic-background: var(--kbq-background-bg);--kbq-navbar-ic-border: var(--kbq-shadow-overflow-compact-right);--kbq-navbar-ic-item-default-content-text: var(--kbq-foreground-contrast);--kbq-navbar-ic-item-default-content-background: transparent;--kbq-navbar-ic-item-default-content-icon-left: var(--kbq-icon-contrast);--kbq-navbar-ic-item-default-content-icon-right: var(--kbq-icon-contrast);--kbq-navbar-ic-item-states-hover-content-text: var(--kbq-foreground-contrast);--kbq-navbar-ic-item-states-hover-content-background: var(--kbq-states-background-transparent-hover);--kbq-navbar-ic-item-states-hover-content-icon-left: var(--kbq-states-icon-contrast-hover);--kbq-navbar-ic-item-states-hover-content-icon-right: var(--kbq-states-icon-contrast-hover);--kbq-navbar-ic-item-states-selected-content-text: var(--kbq-foreground-contrast);--kbq-navbar-ic-item-states-selected-content-background: var(--kbq-states-background-transparent-active);--kbq-navbar-ic-item-states-selected-content-icon-left: var(--kbq-states-icon-contrast-active);--kbq-navbar-ic-item-states-selected-content-icon-right: var(--kbq-states-icon-contrast-active);--kbq-navbar-ic-item-states-disabled-content-text: var(--kbq-states-foreground-disabled);--kbq-navbar-ic-item-states-disabled-content-background: transparent;--kbq-navbar-ic-item-states-disabled-content-icon-left: var(--kbq-states-icon-disabled);--kbq-navbar-ic-item-states-disabled-content-icon-right: var(--kbq-states-icon-disabled)}\n"] }]
+                    }, animations: [toggleNavbarIcAnimation()], styles: [".kbq-navbar-ic-container{display:flex;flex-shrink:0;flex-direction:column;justify-content:space-between}.kbq-navbar-ic{display:flex;position:relative}.kbq-navbar-ic .kbq-navbar-ic-container+.kbq-navbar-ic-container{padding-top:var(--kbq-size-xxl);padding-bottom:var(--kbq-size-m)}.kbq-navbar-ic .kbq-navbar-ic__top-layer{position:absolute;z-index:998;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.kbq-navbar-ic .kbq-navbar-ic__top-layer{background-color:var(--kbq-navbar-ic-background);box-shadow:var(--kbq-navbar-ic-border)}.kbq-navbar-ic-item,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive,.kbq-navbar-ic-toggle{cursor:pointer}.kbq-navbar-ic-item .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-default-content-background)}.kbq-navbar-ic-item .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-title,.kbq-navbar-ic-toggle .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-default-content-text)}.kbq-navbar-ic-item>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-default-content-icon-left)}.kbq-navbar-ic-item .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-default-content-icon-right)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-hover-content-background)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-hover-content-text)}.kbq-navbar-ic-item:not(.kbq-disabled):hover>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-hover-content-icon-left)}.kbq-navbar-ic-item:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled):hover .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-hover-content-icon-right)}.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused{outline:none}.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).cdk-keyboard-focused .kbq-navbar-ic-header__inner{box-shadow:inset 0 0 0 2px var(--kbq-states-line-focus-theme)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-selected-content-background)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-title,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-selected-content-text)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-item:not(.kbq-disabled):active>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle:not(.kbq-disabled):active>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-selected-content-icon-left)}.kbq-navbar-ic-item:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-item:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled).kbq-active .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle:not(.kbq-disabled):active .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-selected-content-icon-right)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-header__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-header__inner,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-item__inner,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-header__inner{background:var(--kbq-navbar-ic-item-states-disabled-content-background)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-title,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-title,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-title{color:var(--kbq-navbar-ic-item-states-disabled-content-text)}.kbq-navbar-ic-item.kbq-disabled>.kbq-icon.kbq-empty,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled>.kbq-icon.kbq-empty,.kbq-navbar-ic-toggle.kbq-disabled>.kbq-icon.kbq-empty{color:var(--kbq-navbar-ic-item-states-disabled-content-icon-left)}.kbq-navbar-ic-item.kbq-disabled .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled .kbq-navbar-ic-item__arrow-icon,.kbq-navbar-ic-toggle.kbq-disabled .kbq-navbar-ic-item__arrow-icon{color:var(--kbq-navbar-ic-item-states-disabled-content-icon-right)}.kbq-navbar-ic-item.kbq-disabled,.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive.kbq-disabled,.kbq-navbar-ic-toggle.kbq-disabled{pointer-events:none;cursor:default}.kbq-navbar-ic-divider{background:var(--kbq-line-contrast-less)}.kbq-navbar-ic-title{font-size:var(--kbq-typography-text-normal-medium-font-size);font-style:var(--kbq-typography-text-normal-medium-font-style);font-weight:var(--kbq-typography-text-normal-medium-font-weight);line-height:var(--kbq-typography-text-normal-medium-line-height);font-family:var(--kbq-typography-text-normal-medium-font-family);text-transform:var(--kbq-typography-text-normal-medium-text-transform);font-feature-settings:var(--kbq-typography-text-normal-medium-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-medium-letter-spacing)}.kbq-navbar-ic-header .kbq-navbar-ic-title{font-size:var(--kbq-typography-text-big-strong-font-size);font-style:var(--kbq-typography-text-big-strong-font-style);font-weight:var(--kbq-typography-text-big-strong-font-weight);line-height:var(--kbq-typography-text-big-strong-line-height);font-family:var(--kbq-typography-text-big-strong-font-family);text-transform:var(--kbq-typography-text-big-strong-text-transform);font-feature-settings:var(--kbq-typography-text-big-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-strong-letter-spacing)}.kbq-navbar-ic-header .kbq-navbar-ic-title.kbq-navbar-ic-title_text-overflown{font-size:var(--kbq-typography-text-compact-strong-font-size);font-style:var(--kbq-typography-text-compact-strong-font-style);font-weight:var(--kbq-typography-text-compact-strong-font-weight);line-height:var(--kbq-typography-text-compact-strong-line-height);font-family:var(--kbq-typography-text-compact-strong-font-family);text-transform:var(--kbq-typography-text-compact-strong-text-transform);font-feature-settings:var(--kbq-typography-text-compact-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-strong-letter-spacing);line-height:12px}\n", ".kbq-navbar-ic-divider{display:block;height:1px;margin:var(--kbq-size-s) var(--kbq-size-l)}\n", ".kbq-navbar-ic{--kbq-navbar-ic-item-size-content-border-radius: var(--kbq-size-border-radius);--kbq-navbar-ic-background: var(--kbq-background-bg);--kbq-navbar-ic-border: var(--kbq-shadow-overflow-compact-right);--kbq-navbar-ic-item-default-content-text: var(--kbq-foreground-contrast);--kbq-navbar-ic-item-default-content-background: transparent;--kbq-navbar-ic-item-default-content-icon-left: var(--kbq-icon-contrast);--kbq-navbar-ic-item-default-content-icon-right: var(--kbq-icon-contrast);--kbq-navbar-ic-item-states-hover-content-text: var(--kbq-foreground-contrast);--kbq-navbar-ic-item-states-hover-content-background: var(--kbq-states-background-transparent-hover);--kbq-navbar-ic-item-states-hover-content-icon-left: var(--kbq-states-icon-contrast-hover);--kbq-navbar-ic-item-states-hover-content-icon-right: var(--kbq-states-icon-contrast-hover);--kbq-navbar-ic-item-states-selected-content-text: var(--kbq-foreground-contrast);--kbq-navbar-ic-item-states-selected-content-background: var(--kbq-states-background-transparent-active);--kbq-navbar-ic-item-states-selected-content-icon-left: var(--kbq-states-icon-contrast-active);--kbq-navbar-ic-item-states-selected-content-icon-right: var(--kbq-states-icon-contrast-active);--kbq-navbar-ic-item-states-disabled-content-text: var(--kbq-states-foreground-disabled);--kbq-navbar-ic-item-states-disabled-content-background: transparent;--kbq-navbar-ic-item-states-disabled-content-icon-left: var(--kbq-states-icon-disabled);--kbq-navbar-ic-item-states-disabled-content-icon-right: var(--kbq-states-icon-disabled)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { pinned: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -704,6 +723,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: [{ transform: booleanAttribute }]
             }] } });
 
+/**
+ * @deprecated Will be removed in the next major release.
+ */
 class KbqNavbarIcHeader extends KbqTooltipTrigger {
     get titleText() {
         return this.title?.text || '';
@@ -734,8 +756,8 @@ class KbqNavbarIcHeader extends KbqTooltipTrigger {
             this.content = this.titleText;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: KbqNavbarIcHeader, isStandalone: true, selector: "kbq-navbar-ic-header, [kbq-navbar-ic-header]", host: { properties: { "class.kbq-navbar-ic-header_interactive": "isLink" }, classAttribute: "kbq-navbar-ic-header" }, queries: [{ propertyName: "logo", first: true, predicate: KbqNavbarIcLogo, descendants: true }, { propertyName: "title", first: true, predicate: KbqNavbarIcTitle, descendants: true }], exportAs: ["kbqNavbarIcHeader"], usesInheritance: true, ngImport: i0, template: `
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: KbqNavbarIcHeader, isStandalone: true, selector: "kbq-navbar-ic-header, [kbq-navbar-ic-header]", host: { properties: { "class.kbq-navbar-ic-header_interactive": "isLink" }, classAttribute: "kbq-navbar-ic-header" }, queries: [{ propertyName: "logo", first: true, predicate: KbqNavbarIcLogo, descendants: true }, { propertyName: "title", first: true, predicate: KbqNavbarIcTitle, descendants: true }], exportAs: ["kbqNavbarIcHeader"], usesInheritance: true, ngImport: i0, template: `
         <div class="kbq-navbar-ic-header__inner">
             <ng-content select="[kbqNavbarIcLogo]" />
 
@@ -746,9 +768,9 @@ class KbqNavbarIcHeader extends KbqTooltipTrigger {
         </div>
     `, isInline: true, styles: [".kbq-navbar-ic-header{display:block;margin-top:var(--kbq-size-l);margin-bottom:var(--kbq-size-l);padding:var(--kbq-size-3xs) var(--kbq-size-m)}.kbq-navbar-ic-header .kbq-navbar-ic-header__inner{display:flex;flex-direction:row;padding:var(--kbq-size-xs) var(--kbq-size-s);gap:var(--kbq-size-s);border-radius:var(--kbq-navbar-ic-item-size-content-border-radius)}.kbq-navbar-ic-header .kbq-navbar-ic-logo{display:flex;align-self:center}.kbq-navbar-ic-header .kbq-navbar-ic-title{display:block;align-items:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kbq-navbar-ic-header .kbq-navbar-ic-title.kbq-navbar-ic-title_text-overflown{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive{cursor:pointer}a.kbq-navbar-ic-header{text-decoration:none}\n"], animations: [toggleNavbarIcItemAnimation()], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcHeader, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'kbq-navbar-ic-header, [kbq-navbar-ic-header]', exportAs: 'kbqNavbarIcHeader', template: `
+            args: [{ selector: 'kbq-navbar-ic-header, [kbq-navbar-ic-header]', template: `
         <div class="kbq-navbar-ic-header__inner">
             <ng-content select="[kbqNavbarIcLogo]" />
 
@@ -757,10 +779,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             </div>
             <ng-content />
         </div>
-    `, host: {
+    `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'kbqNavbarIcHeader', host: {
                         class: 'kbq-navbar-ic-header',
                         '[class.kbq-navbar-ic-header_interactive]': 'isLink'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [toggleNavbarIcItemAnimation()], styles: [".kbq-navbar-ic-header{display:block;margin-top:var(--kbq-size-l);margin-bottom:var(--kbq-size-l);padding:var(--kbq-size-3xs) var(--kbq-size-m)}.kbq-navbar-ic-header .kbq-navbar-ic-header__inner{display:flex;flex-direction:row;padding:var(--kbq-size-xs) var(--kbq-size-s);gap:var(--kbq-size-s);border-radius:var(--kbq-navbar-ic-item-size-content-border-radius)}.kbq-navbar-ic-header .kbq-navbar-ic-logo{display:flex;align-self:center}.kbq-navbar-ic-header .kbq-navbar-ic-title{display:block;align-items:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kbq-navbar-ic-header .kbq-navbar-ic-title.kbq-navbar-ic-title_text-overflown{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive{cursor:pointer}a.kbq-navbar-ic-header{text-decoration:none}\n"] }]
+                    }, animations: [toggleNavbarIcItemAnimation()], styles: [".kbq-navbar-ic-header{display:block;margin-top:var(--kbq-size-l);margin-bottom:var(--kbq-size-l);padding:var(--kbq-size-3xs) var(--kbq-size-m)}.kbq-navbar-ic-header .kbq-navbar-ic-header__inner{display:flex;flex-direction:row;padding:var(--kbq-size-xs) var(--kbq-size-s);gap:var(--kbq-size-s);border-radius:var(--kbq-navbar-ic-item-size-content-border-radius)}.kbq-navbar-ic-header .kbq-navbar-ic-logo{display:flex;align-self:center}.kbq-navbar-ic-header .kbq-navbar-ic-title{display:block;align-items:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kbq-navbar-ic-header .kbq-navbar-ic-title.kbq-navbar-ic-title_text-overflown{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.kbq-navbar-ic-header.kbq-navbar-ic-header_interactive{cursor:pointer}a.kbq-navbar-ic-header{text-decoration:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { logo: [{
                 type: ContentChild,
                 args: [KbqNavbarIcLogo]
@@ -770,8 +792,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }] } });
 
 class KbqNavbarIcModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcModule, imports: [A11yModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcModule, imports: [A11yModule,
             PlatformModule,
             KbqIconModule,
             KbqToolTipModule,
@@ -793,14 +815,14 @@ class KbqNavbarIcModule {
             KbqNavbarIcToggle,
             KbqNavbarIcDivider,
             KbqNavbarIcFocusableItem] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcModule, imports: [A11yModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcModule, imports: [A11yModule,
             PlatformModule,
             KbqIconModule,
             KbqToolTipModule,
             KbqNavbarIcItem,
             KbqNavbarIcToggle] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqNavbarIcModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KbqNavbarIcModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [