@koobiq/components 19.8.3 → 20.1.0

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

@@ -1,863 +0,0 @@
-import { FocusMonitor, A11yModule } from '@angular/cdk/a11y';
-import * as i0 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';
-import * as i1 from '@koobiq/components/core';
-import { kbqInjectNativeElement, KBQ_WINDOW, KbqRectangleItem, PopUpTriggers, PopUpPlacements, ruRULocaleData, KBQ_LOCALE_SERVICE } from '@koobiq/components/core';
-import { KbqDropdownTrigger } from '@koobiq/components/dropdown';
-import { KbqNotificationCenterTrigger } from '@koobiq/components/notification-center';
-import { KbqPopoverTrigger } from '@koobiq/components/popover';
-import { Subject, merge, BehaviorSubject, filter, EMPTY, timer } from 'rxjs';
-import { take, startWith, delay, switchMap, tap, takeUntil, distinctUntilChanged } from 'rxjs/operators';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { Platform, PlatformModule } from '@angular/cdk/platform';
-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, transition, style, animate } from '@angular/animations';
-
-function toggleNavbarIcAnimation() {
-    return trigger('toggle', [
-        state('0', style({ width: '64px' })),
-        state('1', style({ width: '240px' })),
-        transition('0 <=> 1', animate('200ms cubic-bezier(0.4, 0, 0.2, 1)'))
-    ]);
-}
-function toggleNavbarIcItemAnimation() {
-    return trigger('toggle', [
-        state('expanded', style({ opacity: 1, marginLeft: 0 })),
-        state('collapsed', style({ opacity: 0, marginLeft: '-8px' })),
-        transition('collapsed => expanded', animate('200ms 150ms cubic-bezier(0.4, 0, 0.2, 1)')),
-        transition('expanded => collapsed', animate('200ms cubic-bezier(0.4, 0, 0.2, 1)'))
-    ]);
-}
-
-/**
- * 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: "19.2.21", ngImport: i0, type: KbqNavbarIcLogo, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", type: KbqNavbarIcLogo, isStandalone: true, selector: "[kbqNavbarIcLogo]", host: { classAttribute: "kbq-navbar-ic-logo" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: KbqNavbarIcLogo, decorators: [{
-            type: Directive,
-            args: [{
-                    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;
-        this.nativeElement = kbqInjectNativeElement();
-        this.window = inject(KBQ_WINDOW);
-        this.hovered = new Subject();
-        this.isTextOverflown = false;
-    }
-    get text() {
-        return this.nativeElement.textContent || '';
-    }
-    get isOverflown() {
-        return this.nativeElement.scrollWidth > this.nativeElement.clientWidth;
-    }
-    ngAfterViewInit() {
-        this.outerElementWidth = this.getOuterElementWidth();
-        this.checkTextOverflown();
-    }
-    getOuterElementWidth() {
-        if (!this.isBrowser)
-            return 0;
-        const { width, marginLeft, marginRight } = this.window.getComputedStyle(this.nativeElement);
-        return [width, marginLeft, marginRight].reduce((acc, item) => acc + parseInt(item) || 0, 0);
-    }
-    checkTextOverflown() {
-        this.isTextOverflown = this.text.length > kbqMaxSymbolsInHeaderTitle;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: KbqNavbarIcTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", 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: "19.2.21", ngImport: i0, type: KbqNavbarIcTitle, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kbqNavbarIcTitle]',
-                    host: {
-                        class: 'kbq-navbar-ic-title',
-                        '[class.kbq-navbar-ic-title_text-overflown]': 'isTextOverflown',
-                        '(mouseenter)': 'hovered.next(true)',
-                        '(mouseleave)': 'hovered.next(false)'
-                    }
-                }]
-        }] });
-/**
- * @deprecated Will be removed in the next major release.
- */
-class KbqNavbarIcDivider {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: KbqNavbarIcDivider, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", type: KbqNavbarIcDivider, isStandalone: true, selector: "[kbqNavbarIcDivider]", host: { classAttribute: "kbq-navbar-ic-divider" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: KbqNavbarIcDivider, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kbqNavbarIcDivider]',
-                    host: {
-                        class: 'kbq-navbar-ic-divider'
-                    }
-                }]
-        }] });
-/**
- * @deprecated Will be removed in the next major release.
- */
-class KbqNavbarIcFocusableItem {
-    constructor() {
-        this.elementRef = inject(ElementRef);
-        this.changeDetector = inject(ChangeDetectorRef);
-        this.focusMonitor = inject(FocusMonitor);
-        this.ngZone = inject(NgZone);
-        this.onFocus = new Subject();
-        this.onBlur = new Subject();
-        this._hasFocus = false;
-        this._disabled = false;
-    }
-    get tooltip() {
-        return this._tooltip;
-    }
-    get hasFocus() {
-        return this._hasFocus;
-    }
-    set hasFocus(value) {
-        this._hasFocus = value;
-    }
-    /** Whether the item is disabled. */
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(value) {
-        if (value !== this._disabled) {
-            this._disabled = value;
-            this.changeDetector.markForCheck();
-        }
-    }
-    ngAfterViewInit() {
-        this.focusMonitor.monitor(this.elementRef);
-    }
-    ngAfterContentInit() {
-        if (this.button) {
-            this.button.tabIndex = -1;
-        }
-    }
-    ngOnDestroy() {
-        this.focusMonitor.stopMonitoring(this.elementRef);
-    }
-    setTooltip(value) {
-        this._tooltip = value;
-    }
-    focus(origin) {
-        if (this.disabled || this.hasFocus) {
-            return;
-        }
-        if (origin === 'keyboard') {
-            this.focusMonitor.focusVia(this.elementRef, origin);
-        }
-        this.tooltip?.show();
-        this.focusHandler();
-    }
-    /** @docs-private */
-    focusHandler() {
-        if (this.disabled || this.hasFocus)
-            return;
-        this.onFocus.next({ item: this });
-        this.hasFocus = true;
-        this.changeDetector.markForCheck();
-        this.elementRef.nativeElement.focus();
-    }
-    /** @docs-private */
-    blurHandler() {
-        // When animations are enabled, Angular may end up removing the option from the DOM a little
-        // earlier than usual, causing it to be blurred and throwing off the logic in the list
-        // that moves focus not the next item. To work around the issue, we defer marking the option
-        // as not focused until the next time the zone stabilizes.
-        this.ngZone.onStable
-            .asObservable()
-            .pipe(take(1))
-            .subscribe(() => {
-            this.ngZone.run(() => {
-                this._hasFocus = false;
-                this.tooltip?.hide();
-                if (this.button?.hasFocus) {
-                    return;
-                }
-                this.onBlur.next({ item: this });
-            });
-        });
-    }
-    getLabel() {
-        return this.title?.text || '';
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: KbqNavbarIcFocusableItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.21", 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: "19.2.21", ngImport: i0, type: KbqNavbarIcFocusableItem, decorators: [{
-            type: Directive,
-            args: [{
-                    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',
-                        '[attr.disabled]': 'disabled || null',
-                        class: 'kbq-navbar-ic-focusable-item',
-                        '[class.kbq-disabled]': 'disabled',
-                        '(focus)': 'focusHandler()',
-                        '(blur)': 'blurHandler()'
-                    }
-                }]
-        }], propDecorators: { title: [{
-                type: ContentChild,
-                args: [KbqNavbarIcTitle]
-            }], button: [{
-                type: ContentChild,
-                args: [KbqButton]
-            }], formField: [{
-                type: ContentChild,
-                args: [KbqFormField]
-            }], disabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
-/**
- * @deprecated Will be removed in the next major release.
- */
-class KbqNavbarIcItem extends KbqTooltipTrigger {
-    get trigger() {
-        return this._trigger;
-    }
-    set trigger(value) {
-        if (value) {
-            this._trigger = value;
-            this.initListeners();
-        }
-    }
-    set collapsed(value) {
-        if (this._collapsed !== value) {
-            this._collapsed = value;
-            this.updateTooltip();
-        }
-    }
-    get croppedText() {
-        return this.title?.isOverflown ? this.titleText : '';
-    }
-    get titleText() {
-        return this.title?.text;
-    }
-    get disabled() {
-        return this.collapsed || !this.hasCroppedText || this._disabled;
-    }
-    set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-    }
-    get hasDropDownTrigger() {
-        return !!this.dropdownTrigger;
-    }
-    get showDropDownAngle() {
-        return this.hasDropDownTrigger && !this.collapsed;
-    }
-    get hasCroppedText() {
-        return !!this.title?.isOverflown;
-    }
-    constructor() {
-        super();
-        this.rectangleElement = inject(KbqRectangleItem);
-        this.navbar = inject(KbqNavbarIc);
-        this.navbarFocusableItem = inject(KbqNavbarIcFocusableItem);
-        this.changeDetectorRef = inject(ChangeDetectorRef);
-        this.dropdownTrigger = inject(KbqDropdownTrigger, { optional: true });
-        this.tooltip = inject(KbqTooltipTrigger, { optional: true });
-        this._collapsed = false;
-        if (this.dropdownTrigger) {
-            this.dropdownTrigger.openByArrowDown = false;
-        }
-        this.rectangleElement.state.subscribe(() => {
-            this.disabled = this.collapsed = this.rectangleElement.collapsed;
-            this.changeDetectorRef.markForCheck();
-        });
-        this._trigger = `${PopUpTriggers.Hover}`;
-        this.navbarFocusableItem.setTooltip(this);
-        if (this.tooltip) {
-            this.tooltip.arrow = false;
-            this.tooltip.offset = 0;
-            this.tooltip['overlayConfig'].panelClass = 'kbq-tooltip-panel_horizontal-navbar';
-        }
-    }
-    ngAfterContentInit() {
-        if (this.dropdownTrigger?.dropdown) {
-            this.dropdownTrigger.dropdown.overlapTriggerX = false;
-            this.dropdownTrigger.dropdown.overlapTriggerY = true;
-            // needs to shift dropdown to the left by 8 pixels
-            this.dropdownTrigger.offsetX = -8;
-        }
-        this.updateTooltip();
-    }
-    /** @docs-private */
-    updateTooltip() {
-        if (!this.collapsed && this.hasCroppedText) {
-            this.content = this.croppedText;
-        }
-        this.placement = PopUpPlacements.Right;
-        this.changeDetectorRef.markForCheck();
-    }
-    /** @docs-private */
-    onKeyDown($event) {
-        if (!this.hasDropDownTrigger) {
-            return;
-        }
-        if (this.dropdownTrigger && this.rectangleElement && $event.keyCode === RIGHT_ARROW) {
-            this.dropdownTrigger.openedBy = 'keyboard';
-            this.dropdownTrigger.open();
-            $event.stopPropagation();
-            $event.preventDefault();
-        }
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: KbqNavbarIcItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", 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: "19.2.21", ngImport: i0, type: KbqNavbarIcItem, decorators: [{
-            type: Component,
-            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)'
-                    }, 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]
-            }], icon: [{
-                type: ContentChild,
-                args: [KbqIcon]
-            }], button: [{
-                type: ContentChild,
-                args: [KbqButtonCssStyler]
-            }], trigger: [{
-                type: Input,
-                args: ['kbqTrigger']
-            }] } });
-/**
- * @deprecated Will be removed in the next major release.
- */
-class KbqNavbarIcToggle {
-    /** localized data
-     * @docs-private */
-    get localeData() {
-        return this.navbar?.configuration.toggle;
-    }
-    constructor() {
-        this.navbar = inject(KbqNavbarIc);
-        this.rectangleElement = inject(KbqRectangleItem);
-        this.changeDetectorRef = inject(ChangeDetectorRef);
-        this.modifier = TooltipModifier.Default;
-        this.toggle = () => {
-            if ((this.navbar.expandedByHoverOrFocus || this.navbar.expandedByToggle) && !this.navbar.pinned) {
-                this.navbar.pinned = true;
-            }
-            else {
-                this.navbar.pinned = false;
-                this.navbar.toggle();
-            }
-            this.changeDetectorRef.detectChanges();
-        };
-        this.rectangleElement.state.subscribe(() => this.changeDetectorRef.markForCheck());
-    }
-    /** @docs-private */
-    onKeydown($event) {
-        if ([SPACE, ENTER].includes($event.keyCode)) {
-            this.toggle();
-            $event.stopPropagation();
-            $event.preventDefault();
-        }
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: KbqNavbarIcToggle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", 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]="navbar.expanded ? 'kbq-bars-arrow-left_16' : ''"></i>
-                <ng-content select="[kbqNavbarIcTitle]">{{ localeData.collapseButton }}</ng-content>
-            } @else if ((navbar.expandedByHoverOrFocus || navbar.expandedByToggle) && !navbar.pinned) {
-                <i [kbq-icon]="navbar.expanded ? 'kbq-bars-arrow-right_16' : ''"></i>
-                {{ localeData.pinButton }}
-            } @else {
-                <i [kbq-icon]="!navbar.expanded ? 'kbq-bars-arrow-right_16' : ''"></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-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: "19.2.21", ngImport: i0, type: KbqNavbarIcToggle, decorators: [{
-            type: Component,
-            args: [{ selector: 'kbq-navbar-ic-toggle', imports: [KbqIcon], template: `
-        <div class="kbq-navbar-ic-item__inner">
-            @if (navbar.pinned) {
-                <i [kbq-icon]="navbar.expanded ? 'kbq-bars-arrow-left_16' : ''"></i>
-                <ng-content select="[kbqNavbarIcTitle]">{{ localeData.collapseButton }}</ng-content>
-            } @else if ((navbar.expandedByHoverOrFocus || navbar.expandedByToggle) && !navbar.pinned) {
-                <i [kbq-icon]="navbar.expanded ? 'kbq-bars-arrow-right_16' : ''"></i>
-                {{ localeData.pinButton }}
-            } @else {
-                <i [kbq-icon]="!navbar.expanded ? 'kbq-bars-arrow-right_16' : ''"></i>
-            }
-        </div>
-    `, 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()'
-                    }, 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;
-(function (KbqExpandEvents) {
-    KbqExpandEvents[KbqExpandEvents["toggle"] = 0] = "toggle";
-    KbqExpandEvents[KbqExpandEvents["hoverOrFocus"] = 1] = "hoverOrFocus";
-})(KbqExpandEvents || (KbqExpandEvents = {}));
-/** minimum timeout to use KBQ_ENTER_DELAY */
-const KBQ_MIN_TIMEOUT_FOR_ENTER_DELAY = 2000;
-/** delay before open navbar-ic */
-const KBQ_ENTER_DELAY = 400;
-/** default configuration of navbar-ic */
-/** @docs-private */
-const KBQ_NAVBAR_IC_DEFAULT_CONFIGURATION = ruRULocaleData.navbarIc;
-/** Injection Token for providing configuration of navbar-ic */
-/** @docs-private */
-const KBQ_NAVBAR_IC_CONFIGURATION = new InjectionToken('KbqNavbarIcConfiguration');
-class KbqFocusable {
-    constructor() {
-        this.changeDetectorRef = inject(ChangeDetectorRef);
-        this.elementRef = inject(ElementRef);
-        this.destroyRef = inject(DestroyRef);
-        this.focusMonitor = inject(FocusMonitor);
-        this._tabindex = 0;
-    }
-    get tabindex() {
-        return this._tabindex;
-    }
-    set tabindex(value) {
-        this._tabindex = value;
-    }
-    get itemFocusChanges() {
-        return merge(...this.focusableItems.map((item) => item.onFocus));
-    }
-    get itemBlurChanges() {
-        return merge(...this.focusableItems.map((option) => option.onBlur));
-    }
-    ngAfterContentInit() {
-        this.keyManager = new FocusKeyManager(this.focusableItems).withTypeAhead();
-        this.keyManager.tabOut.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
-            this.tabindex = -1;
-            setTimeout(() => {
-                this.tabindex = 0;
-                this.changeDetectorRef.markForCheck();
-            });
-        });
-        this.focusableItems.changes.pipe(startWith(null), takeUntilDestroyed(this.destroyRef)).subscribe(() => {
-            this.resetOptions();
-            // Check to see if we need to update our tab index
-            this.updateTabIndex();
-        });
-    }
-    ngAfterViewInit() {
-        this.focusMonitor.monitor(this.elementRef).subscribe((focusOrigin) => {
-            this.keyManager.setFocusOrigin(focusOrigin);
-        });
-    }
-    ngOnDestroy() {
-        this.focusMonitor.stopMonitoring(this.elementRef);
-    }
-    /** @docs-private */
-    focusHandler() {
-        if (this.focusableItems.length === 0)
-            return;
-        this.keyManager.setFirstItemActive();
-    }
-    /** @docs-private */
-    blurHandler() {
-        if (!this.hasFocusedItem()) {
-            this.keyManager.setActiveItem(-1);
-        }
-        this.changeDetectorRef.markForCheck();
-    }
-    resetOptions() {
-        this.dropSubscriptions();
-        this.listenToItemsFocus();
-    }
-    dropSubscriptions() {
-        this.itemFocusSubscription?.unsubscribe();
-        this.itemBlurSubscription?.unsubscribe();
-        this.itemFocusSubscription = null;
-        this.itemBlurSubscription = null;
-    }
-    listenToItemsFocus() {
-        this.itemFocusSubscription = this.itemFocusChanges.subscribe((event) => {
-            const index = this.focusableItems.toArray().indexOf(event.item);
-            if (this.isValidIndex(index)) {
-                this.keyManager.updateActiveItem(index);
-            }
-        });
-        this.itemBlurSubscription = this.itemBlurChanges.subscribe(() => this.blurHandler());
-    }
-    updateTabIndex() {
-        this.tabindex = this.focusableItems.length === 0 ? -1 : 0;
-    }
-    isValidIndex(index) {
-        return index >= 0 && index < this.focusableItems.length;
-    }
-    hasFocusedItem() {
-        return this.focusableItems.some((item) => item.hasFocus);
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: KbqFocusable, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.21", 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: "19.2.21", ngImport: i0, type: KbqFocusable, decorators: [{
-            type: Directive
-        }], propDecorators: { focusableItems: [{
-                type: ContentChildren,
-                args: [forwardRef(() => KbqNavbarIcFocusableItem), { descendants: true }]
-            }], tabindex: [{
-                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: "19.2.21", ngImport: i0, type: KbqNavbarIcContainer, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", type: KbqNavbarIcContainer, isStandalone: true, selector: "kbq-navbar-ic-container", host: { classAttribute: "kbq-navbar-ic-container" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: KbqNavbarIcContainer, decorators: [{
-            type: Directive,
-            args: [{
-                    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;
-    }
-    set expanded(value) {
-        this._expanded = value;
-        this.state.next(value || this.pinned || this.hasOpenedPopUp ? 'expanded' : 'collapsed');
-        this.updateExpandedStateForItems();
-    }
-    get hasOpenedPopUp() {
-        return [...this.dropdownTrigger(), ...this.popoverTrigger(), ...this.notificationCenterTrigger()].some((instance) => instance?.isOpen || instance?.opened);
-    }
-    get expandedByToggle() {
-        return this.expanded && this.expandEvent === KbqExpandEvents.toggle;
-    }
-    get expandedByHoverOrFocus() {
-        return this.expanded && this.expandEvent === KbqExpandEvents.hoverOrFocus;
-    }
-    get currentWidth() {
-        return this.expanded ? this.expandedWidth : this.collapsedWidth;
-    }
-    constructor() {
-        super();
-        /** @docs-private */
-        this.localeService = inject(KBQ_LOCALE_SERVICE, { optional: true });
-        this.externalConfiguration = inject(KBQ_NAVBAR_IC_CONFIGURATION, { optional: true });
-        this.state = new BehaviorSubject(null);
-        /** @docs-private */
-        this.rectangleElements = contentChildren(forwardRef(() => KbqRectangleItem), { descendants: true });
-        /** @docs-private */
-        this.items = contentChildren(forwardRef(() => KbqNavbarIcItem), { descendants: true });
-        /** @docs-private */
-        this.toggleElement = contentChildren(forwardRef(() => KbqNavbarIcToggle), { descendants: true });
-        /** @docs-private */
-        this.dropdownTrigger = contentChildren(forwardRef(() => KbqDropdownTrigger), { descendants: true });
-        /** @docs-private */
-        this.popoverTrigger = contentChildren(forwardRef(() => KbqPopoverTrigger), { descendants: true });
-        /** @docs-private */
-        this.notificationCenterTrigger = contentChildren(forwardRef(() => KbqNotificationCenterTrigger), { descendants: true });
-        this.hovered = new BehaviorSubject(false);
-        this.focused = new BehaviorSubject(false);
-        this.animationDone = new Subject();
-        this.expandEvent = null;
-        this.pinned = true;
-        this.collapsedWidth = 64;
-        this.expandedWidth = 240;
-        this._expanded = true;
-        this.updateTooltipForItems = () => this.items().forEach((item) => item.updateTooltip());
-        this.updateExpandedStateForItems = () => this.rectangleElements().forEach(this.updateItemExpandedState);
-        this.updateItemExpandedState = (item) => {
-            setTimeout(() => {
-                item.collapsed = !this.expanded;
-                item.button?.updateClassModifierForIcons();
-            });
-        };
-        this.updateLocaleParams = () => {
-            this.configuration = this.externalConfiguration || this.localeService?.getParams('navbarIc');
-            this.changeDetectorRef.markForCheck();
-        };
-        effect(this.updateExpandedStateForItems);
-        this.focused
-            .pipe(delay(0), filter(() => !this.pinned || !this.hasOpenedPopUp), takeUntilDestroyed())
-            .subscribe((focused) => {
-            if (this.hovered.value)
-                return;
-            this.expandEvent = KbqExpandEvents.hoverOrFocus;
-            this.expanded = focused;
-            this.changeDetectorRef.markForCheck();
-        });
-        this.hovered
-            .pipe(filter(() => !this.pinned), switchMap((hovered) => {
-            if (!hovered) {
-                if (this.expanded) {
-                    this.lastOpeningTime = Date.now();
-                }
-                this.expanded = false;
-                return EMPTY;
-            }
-            return timer(this.getExpandDelay()).pipe(tap(() => {
-                this.expandEvent = KbqExpandEvents.hoverOrFocus;
-                this.expanded = true;
-                this.changeDetectorRef.markForCheck();
-            }), takeUntil(this.hovered.pipe(filter((h) => !h))));
-        }), takeUntilDestroyed())
-            .subscribe();
-        this.focusMonitor.monitor(this.elementRef, true).subscribe((focusOrigin) => {
-            this.focused.next(focusOrigin === 'keyboard');
-        });
-        this.localeService?.changes.pipe(takeUntilDestroyed()).subscribe(this.updateLocaleParams);
-        if (!this.localeService) {
-            this.initDefaultParams();
-        }
-    }
-    /** @docs-private */
-    ngAfterContentInit() {
-        this.updateTooltipForItems();
-        super.ngAfterContentInit();
-        this.keyManager.withVerticalOrientation(true);
-    }
-    toggle() {
-        this.expanded = !this.expanded;
-        this.expandEvent = KbqExpandEvents.toggle;
-        this.changeDetectorRef.markForCheck();
-    }
-    /** @docs-private */
-    onKeyDown(event) {
-        const keyCode = event.keyCode;
-        if (!event.target.attributes.getNamedItem('kbqinput') && isVerticalMovement(event)) {
-            event.preventDefault();
-        }
-        if (keyCode === TAB) {
-            this.keyManager.tabOut.next();
-            return;
-        }
-        else if (keyCode === DOWN_ARROW) {
-            this.keyManager.setNextItemActive();
-        }
-        else if (keyCode === UP_ARROW) {
-            this.keyManager.setPreviousItemActive();
-        }
-        else {
-            this.keyManager.onKeydown(event);
-        }
-    }
-    getExpandDelay() {
-        return Date.now() - this.lastOpeningTime < KBQ_MIN_TIMEOUT_FOR_ENTER_DELAY ? 0 : KBQ_ENTER_DELAY;
-    }
-    initDefaultParams() {
-        this.configuration = KBQ_NAVBAR_IC_DEFAULT_CONFIGURATION;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: KbqNavbarIc, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.21", 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-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: "19.2.21", ngImport: i0, type: KbqNavbarIc, decorators: [{
-            type: Component,
-            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>
-    `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'KbqNavbarIc', host: {
-                        class: 'kbq-navbar-ic',
-                        '[class.kbq-collapsed]': '!expanded',
-                        '[class.kbq-expanded]': 'expanded',
-                        '[style.min-width.px]': 'pinned ? expandedWidth : collapsedWidth',
-                        '[attr.tabindex]': 'tabindex',
-                        '(focus)': 'focusHandler()',
-                        '(blur)': 'blurHandler()',
-                        '(keydown)': 'onKeyDown($event)',
-                        '(mouseenter)': 'hovered.next(true)',
-                        '(mouseleave)': 'hovered.next(false)'
-                    }, 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 }]
-            }], collapsedWidth: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], expandedWidth: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], expanded: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
-
-/**
- * @deprecated Will be removed in the next major release.
- */
-class KbqNavbarIcHeader extends KbqTooltipTrigger {
-    get titleText() {
-        return this.title?.text || '';
-    }
-    get isLink() {
-        return this.nativeElement.tagName === 'A';
-    }
-    constructor() {
-        super();
-        this.navbar = inject(KbqNavbarIc);
-        this.nativeElement = kbqInjectNativeElement();
-        this.destroyRef = inject(DestroyRef);
-        this.changeDetectorRef = inject(ChangeDetectorRef);
-        this._trigger = `${PopUpTriggers.Hover}`;
-        this.arrow = false;
-        this.offset = -8;
-        this.tooltipPlacement = PopUpPlacements.RightTop;
-    }
-    ngAfterContentInit() {
-        this.navbar?.animationDone
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe(() => this.title?.checkTextOverflown());
-        this.navbar.state.pipe(distinctUntilChanged(), takeUntilDestroyed(this.destroyRef)).subscribe(() => {
-            this.changeDetectorRef.detectChanges();
-        });
-        this.title?.checkTextOverflown();
-        if (this.title?.isTextOverflown) {
-            this.content = this.titleText;
-        }
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: KbqNavbarIcHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", 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]" />
-
-            <div [@toggle]="navbar.state.value">
-                <ng-content select="[kbqNavbarIcTitle]" />
-            </div>
-            <ng-content />
-        </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: "19.2.21", ngImport: i0, type: KbqNavbarIcHeader, decorators: [{
-            type: Component,
-            args: [{ selector: 'kbq-navbar-ic-header, [kbq-navbar-ic-header]', template: `
-        <div class="kbq-navbar-ic-header__inner">
-            <ng-content select="[kbqNavbarIcLogo]" />
-
-            <div [@toggle]="navbar.state.value">
-                <ng-content select="[kbqNavbarIcTitle]" />
-            </div>
-            <ng-content />
-        </div>
-    `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'kbqNavbarIcHeader', host: {
-                        class: 'kbq-navbar-ic-header',
-                        '[class.kbq-navbar-ic-header_interactive]': 'isLink'
-                    }, 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]
-            }], title: [{
-                type: ContentChild,
-                args: [KbqNavbarIcTitle]
-            }] } });
-
-class KbqNavbarIcModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: KbqNavbarIcModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: KbqNavbarIcModule, imports: [A11yModule,
-            PlatformModule,
-            KbqIconModule,
-            KbqToolTipModule,
-            KbqNavbarIc,
-            KbqNavbarIcTitle,
-            KbqNavbarIcItem,
-            KbqNavbarIcHeader,
-            KbqNavbarIcLogo,
-            KbqNavbarIcToggle,
-            KbqNavbarIcDivider,
-            KbqNavbarIcFocusableItem,
-            KbqNavbarIcContainer,
-            KbqRectangleItem], exports: [KbqNavbarIc,
-            KbqNavbarIcContainer,
-            KbqNavbarIcTitle,
-            KbqNavbarIcItem,
-            KbqNavbarIcHeader,
-            KbqNavbarIcLogo,
-            KbqNavbarIcToggle,
-            KbqNavbarIcDivider,
-            KbqNavbarIcFocusableItem] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: KbqNavbarIcModule, imports: [A11yModule,
-            PlatformModule,
-            KbqIconModule,
-            KbqToolTipModule,
-            KbqNavbarIcItem,
-            KbqNavbarIcToggle] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: KbqNavbarIcModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        A11yModule,
-                        PlatformModule,
-                        KbqIconModule,
-                        KbqToolTipModule,
-                        KbqNavbarIc,
-                        KbqNavbarIcTitle,
-                        KbqNavbarIcItem,
-                        KbqNavbarIcHeader,
-                        KbqNavbarIcLogo,
-                        KbqNavbarIcToggle,
-                        KbqNavbarIcDivider,
-                        KbqNavbarIcFocusableItem,
-                        KbqNavbarIcContainer,
-                        KbqRectangleItem
-                    ],
-                    exports: [
-                        KbqNavbarIc,
-                        KbqNavbarIcContainer,
-                        KbqNavbarIcTitle,
-                        KbqNavbarIcItem,
-                        KbqNavbarIcHeader,
-                        KbqNavbarIcLogo,
-                        KbqNavbarIcToggle,
-                        KbqNavbarIcDivider,
-                        KbqNavbarIcFocusableItem
-                    ]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { KBQ_ENTER_DELAY, KBQ_MIN_TIMEOUT_FOR_ENTER_DELAY, KBQ_NAVBAR_IC_CONFIGURATION, KBQ_NAVBAR_IC_DEFAULT_CONFIGURATION, KbqExpandEvents, KbqFocusable, KbqNavbarIc, KbqNavbarIcContainer, KbqNavbarIcDivider, KbqNavbarIcFocusableItem, KbqNavbarIcHeader, KbqNavbarIcItem, KbqNavbarIcLogo, KbqNavbarIcModule, KbqNavbarIcTitle, KbqNavbarIcToggle, kbqMaxSymbolsInHeaderTitle };
-//# sourceMappingURL=koobiq-components-navbar-ic.mjs.map