@koobiq/components 19.8.3 → 20.1.0

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

@@ -1,131 +0,0 @@
-import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy } from '@angular/core';
-import { IFocusableOption } from '@koobiq/cdk/a11y';
-import { KbqButton, KbqButtonCssStyler } from '@koobiq/components/button';
-import { KbqDropdownTrigger } from '@koobiq/components/dropdown';
-import { KbqFormField } from '@koobiq/components/form-field';
-import { KbqIcon } from '@koobiq/components/icon';
-import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
-import { Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-export interface KbqNavbarFocusableItemEvent {
-    item: KbqNavbarFocusableItem;
-}
-export declare class KbqNavbarLogo {
-    readonly hovered: Subject<boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarLogo, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarLogo, "kbq-navbar-logo, [kbq-navbar-logo]", never, {}, {}, never, never, true, never>;
-}
-export declare class KbqNavbarBento {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarBento, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarBento, "kbq-navbar-item[bento], [kbq-navbar-item][bento]", never, {}, {}, never, never, true, never>;
-}
-export declare class KbqNavbarTitle implements AfterViewInit {
-    protected readonly isBrowser: boolean;
-    protected readonly nativeElement: HTMLElement;
-    private readonly window;
-    readonly hovered: Subject<boolean>;
-    outerElementWidth: number;
-    isTextOverflown: boolean;
-    get text(): string;
-    get isOverflown(): boolean;
-    getOuterElementWidth(): number;
-    checkTextOverflown(): void;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarTitle, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarTitle, "kbq-navbar-title, [kbq-navbar-title]", never, {}, {}, never, never, true, never>;
-}
-export declare class KbqNavbarDivider {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarDivider, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarDivider, "kbq-navbar-divider", never, {}, {}, never, never, true, never>;
-}
-export declare class KbqNavbarFocusableItem implements AfterContentInit, AfterViewInit, OnDestroy, IFocusableOption {
-    private elementRef;
-    private changeDetector;
-    private focusMonitor;
-    private ngZone;
-    title: KbqNavbarTitle;
-    button: KbqButton;
-    formField: KbqFormField;
-    get nestedElement(): KbqButton | KbqFormField;
-    get tooltip(): KbqTooltipTrigger;
-    private _tooltip;
-    readonly onFocus: Subject<KbqNavbarFocusableItemEvent>;
-    readonly onBlur: Subject<KbqNavbarFocusableItemEvent>;
-    get hasFocus(): boolean;
-    set hasFocus(value: boolean);
-    private _hasFocus;
-    /** Whether the item is disabled. */
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    private _disabled;
-    get tabIndex(): number;
-    constructor(elementRef: ElementRef<HTMLElement>, changeDetector: ChangeDetectorRef, focusMonitor: FocusMonitor, ngZone: NgZone);
-    ngAfterViewInit(): void;
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    setTooltip(value: KbqTooltipTrigger): void;
-    onFocusHandler(): void;
-    focus(origin?: FocusOrigin): void;
-    blur(): void;
-    getLabel(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarFocusableItem, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarFocusableItem, "kbq-navbar-item, [kbq-navbar-item], kbq-navbar-brand, [kbq-navbar-brand], kbq-navbar-toggle", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["title", "button", "formField"], never, true, never>;
-    static ngAcceptInputType_disabled: unknown;
-}
-export declare class KbqNavbarRectangleElement {
-    protected readonly isBrowser: boolean;
-    protected readonly nativeElement: HTMLElement;
-    private readonly window;
-    private readonly changeDetectorRef;
-    readonly state: Subject<void>;
-    get horizontal(): boolean;
-    set horizontal(value: boolean);
-    private _horizontal;
-    get vertical(): boolean;
-    set vertical(value: boolean);
-    private _vertical;
-    get collapsed(): boolean;
-    set collapsed(value: boolean);
-    private _collapsed;
-    button: KbqButtonCssStyler;
-    getOuterElementWidth(): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarRectangleElement, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarRectangleElement, "kbq-navbar-item, [kbq-navbar-item], kbq-navbar-divider, kbq-navbar-brand, [kbq-navbar-brand]", never, {}, {}, ["button"], never, true, never>;
-}
-export declare class KbqNavbarItem extends KbqTooltipTrigger implements AfterContentInit {
-    rectangleElement: KbqNavbarRectangleElement;
-    navbarFocusableItem: KbqNavbarFocusableItem;
-    private changeDetectorRef;
-    private dropdownTrigger;
-    private bento;
-    title: KbqNavbarTitle;
-    icon: KbqIcon;
-    get collapsedText(): string;
-    set collapsedText(value: string);
-    private _collapsedText;
-    get trigger(): string;
-    set trigger(value: string);
-    set collapsed(value: boolean);
-    get isCollapsed(): boolean;
-    private _collapsed;
-    get croppedText(): string;
-    get collapsable(): boolean;
-    set collapsable(value: boolean);
-    private _collapsable;
-    get titleText(): string | null;
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    get hasDropDownTrigger(): boolean;
-    get showVerticalDropDownAngle(): boolean;
-    get showHorizontalDropDownAngle(): boolean;
-    get hasCroppedText(): boolean;
-    constructor(rectangleElement: KbqNavbarRectangleElement, navbarFocusableItem: KbqNavbarFocusableItem, changeDetectorRef: ChangeDetectorRef, dropdownTrigger: KbqDropdownTrigger, bento: KbqNavbarBento);
-    ngAfterContentInit(): void;
-    updateDropdown(): void;
-    updateTooltip(): void;
-    getTitleWidth(): number;
-    onKeyDown($event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarItem, [null, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbarItem, "kbq-navbar-item, [kbq-navbar-item]", ["kbqNavbarItem"], { "collapsedText": { "alias": "collapsedText"; "required": false; }; "trigger": { "alias": "kbqTrigger"; "required": false; }; "collapsable": { "alias": "collapsable"; "required": false; }; }, {}, ["title", "icon"], ["[kbq-icon]", "kbq-navbar-title, [kbq-navbar-title]", "*"], true, never>;
-}

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

@@ -1,23 +0,0 @@
-import { OnDestroy } from '@angular/core';
-import { KbqVerticalNavbar } from './vertical-navbar.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/a11y";
-import * as i2 from "@koobiq/components/tooltip";
-export declare class KbqNavbarToggle implements OnDestroy {
-    private readonly window;
-    private readonly ngZone;
-    private readonly changeDetectorRef;
-    private readonly tooltip;
-    /** @docs-private */
-    protected readonly navbar: KbqVerticalNavbar;
-    constructor();
-    ngOnDestroy(): void;
-    /** @docs-private */
-    keydownHandler($event: KeyboardEvent): void;
-    /** toggles the state of the navbar */
-    toggle(): void;
-    private updateTooltipContent;
-    private windowToggleHandler;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbarToggle, "kbq-navbar-toggle, [kbq-navbar-toggle]", never, {}, {}, never, ["[kbq-icon]"], true, [{ directive: typeof i1.CdkMonitorFocus; inputs: {}; outputs: {}; }, { directive: typeof i2.KbqTooltipTrigger; inputs: {}; outputs: {}; }]>;
-}

package/navbar/navbar.component.d.ts

@@ -1,68 +0,0 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, QueryList } from '@angular/core';
-import { FocusKeyManager } from '@koobiq/cdk/a11y';
-import { Observable, Subject } from 'rxjs';
-import { KbqNavbarFocusableItem, KbqNavbarFocusableItemEvent, KbqNavbarItem } from './navbar-item.component';
-import * as i0 from "@angular/core";
-export type KbqNavbarContainerPositionType = 'left' | 'right';
-export declare class KbqFocusableComponent implements AfterContentInit, AfterViewInit, OnDestroy {
-    protected readonly changeDetectorRef: ChangeDetectorRef;
-    protected readonly elementRef: ElementRef<HTMLElement>;
-    protected readonly focusMonitor: FocusMonitor;
-    focusableItems: QueryList<KbqNavbarFocusableItem>;
-    keyManager: FocusKeyManager<KbqNavbarFocusableItem>;
-    get tabIndex(): any;
-    set tabIndex(value: any);
-    private _tabIndex;
-    private lastFocusOrigin;
-    get optionFocusChanges(): Observable<KbqNavbarFocusableItemEvent>;
-    get optionBlurChanges(): Observable<KbqNavbarFocusableItemEvent>;
-    private readonly destroyRef;
-    private optionFocusSubscription;
-    private optionBlurSubscription;
-    constructor(changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>, focusMonitor: FocusMonitor);
-    ngAfterContentInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    focus(): void;
-    blur(): void;
-    protected resetOptions(): void;
-    protected dropSubscriptions(): void;
-    private listenToOptionsFocus;
-    private updateTabIndex;
-    private isValidIndex;
-    private hasFocusedItem;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqFocusableComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqFocusableComponent, never, never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, ["focusableItems"], never, true, never>;
-}
-export declare class KbqNavbarContainer {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarContainer, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarContainer, "kbq-navbar-container", never, {}, {}, never, never, true, never>;
-}
-export declare class KbqNavbar extends KbqFocusableComponent implements AfterViewInit, AfterContentInit, OnDestroy {
-    protected readonly elementRef: ElementRef<HTMLElement>;
-    protected readonly changeDetectorRef: ChangeDetectorRef;
-    protected readonly focusMonitor: FocusMonitor;
-    readonly rectangleElements: import("@angular/core").Signal<readonly any[]>;
-    navbarItems: QueryList<KbqNavbarItem>;
-    readonly resizeStream: Subject<Event>;
-    private readonly resizeDebounceInterval;
-    private get width();
-    private get totalItemsWidth();
-    private get collapsableItems();
-    private resizeSubscription;
-    constructor(elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, focusMonitor: FocusMonitor);
-    ngAfterContentInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    onKeyDown(event: KeyboardEvent): void;
-    updateExpandedStateForItems: () => void;
-    private eventFromInput;
-    private cursorOnFirstPosition;
-    private cursorOnLastPosition;
-    private collapseItems;
-    private expandItems;
-    private setItemsState;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbar, "kbq-navbar", never, {}, {}, ["rectangleElements", "navbarItems"], ["[kbq-navbar-container], kbq-navbar-container"], true, never>;
-}

package/navbar/navbar.module.d.ts

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

package/navbar/public-api.d.ts

@@ -1,6 +0,0 @@
-export * from './navbar-brand.component';
-export * from './navbar-item.component';
-export * from './navbar-toggle.component';
-export * from './navbar.component';
-export * from './navbar.module';
-export * from './vertical-navbar.component';

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

@@ -1,47 +0,0 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { AfterContentInit, ChangeDetectorRef, ElementRef, InjectionToken, QueryList } from '@angular/core';
-import { Subject } from 'rxjs';
-import { KbqNavbarBento, KbqNavbarItem } from './navbar-item.component';
-import { KbqFocusableComponent } from './navbar.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/a11y";
-/** default configuration of navbar */
-/** @docs-private */
-export declare const KBQ_VERTICAL_NAVBAR_DEFAULT_CONFIGURATION: {
-    toggle: {
-        expand: string;
-        collapse: string;
-    };
-};
-/** Injection Token for providing configuration of navbar */
-/** @docs-private */
-export declare const KBQ_VERTICAL_NAVBAR_CONFIGURATION: InjectionToken<unknown>;
-export declare class KbqVerticalNavbar extends KbqFocusableComponent implements AfterContentInit {
-    protected elementRef: ElementRef<HTMLElement>;
-    /** @docs-private */
-    protected readonly localeService: import("@koobiq/components/core").KbqLocaleService | null;
-    readonly externalConfiguration: unknown;
-    configuration: any;
-    rectangleElements: import("@angular/core").Signal<readonly any[]>;
-    items: QueryList<KbqNavbarItem>;
-    bento: KbqNavbarBento;
-    readonly animationDone: Subject<void>;
-    openOver: boolean;
-    get expanded(): boolean;
-    set expanded(value: boolean);
-    private _expanded;
-    constructor(elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, focusMonitor: FocusMonitor);
-    ngAfterContentInit(): void;
-    toggle(): void;
-    onKeyDown(event: KeyboardEvent): void;
-    private updateExpandedStateForItems;
-    private updateTooltipForItems;
-    private setItemsVerticalStateAndUpdateExpandedState;
-    private setItemVerticalStateAndUpdateExpandedState;
-    private setItemVerticalState;
-    private updateItemExpandedState;
-    private updateLocaleParams;
-    private initDefaultParams;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqVerticalNavbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqVerticalNavbar, "kbq-vertical-navbar", ["KbqVerticalNavbar"], { "openOver": { "alias": "openOver"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, {}, ["rectangleElements", "bento", "items"], ["[kbq-navbar-container], kbq-navbar-container", "[kbq-navbar-toggle], kbq-navbar-toggle"], true, [{ directive: typeof i1.CdkMonitorFocus; inputs: {}; outputs: {}; }]>;
-}

package/navbar-ic/_navbar-ic-theme.scss

@@ -1,81 +0,0 @@
-@use '../core/styles/common/tokens';
-
-@mixin kbq-navbar-ic-item($state-name) {
-    & .kbq-navbar-ic-item__inner,
-    & .kbq-navbar-ic-header__inner {
-        background: var(--kbq-navbar-ic-item-#{$state-name}-content-background);
-    }
-
-    .kbq-navbar-ic-title {
-        color: var(--kbq-navbar-ic-item-#{$state-name}-content-text);
-    }
-
-    & > .kbq-icon.kbq-empty {
-        color: var(--kbq-navbar-ic-item-#{$state-name}-content-icon-left);
-    }
-
-    .kbq-navbar-ic-item__arrow-icon {
-        color: var(--kbq-navbar-ic-item-#{$state-name}-content-icon-right);
-    }
-}
-
-@mixin kbq-navbar-ic-theme() {
-    .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;
-
-        @include kbq-navbar-ic-item(default);
-
-        &:not(.kbq-disabled) {
-            &:hover {
-                @include kbq-navbar-ic-item(states-hover);
-            }
-
-            &.cdk-keyboard-focused {
-                outline: none;
-
-                & .kbq-navbar-ic-item__inner,
-                & .kbq-navbar-ic-header__inner {
-                    box-shadow: inset 0 0 0 2px var(--kbq-states-line-focus-theme);
-                }
-            }
-
-            &.kbq-active,
-            &:active {
-                @include kbq-navbar-ic-item(states-selected);
-            }
-        }
-
-        &.kbq-disabled {
-            @include kbq-navbar-ic-item(states-disabled);
-
-            pointer-events: none;
-            cursor: default;
-        }
-    }
-
-    .kbq-navbar-ic-divider {
-        background: var(--kbq-line-contrast-less);
-    }
-}
-
-@mixin kbq-navbar-ic-typography() {
-    .kbq-navbar-ic-title {
-        @include tokens.kbq-typography-level-to-styles-css-variables(typography, text-normal-medium);
-    }
-
-    .kbq-navbar-ic-header .kbq-navbar-ic-title {
-        @include tokens.kbq-typography-level-to-styles-css-variables(typography, text-big-strong);
-
-        &.kbq-navbar-ic-title_text-overflown {
-            @include tokens.kbq-typography-level-to-styles-css-variables(typography, text-compact-strong);
-            line-height: 12px;
-        }
-    }
-}

package/navbar-ic/index.d.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/navbar-ic/navbar-ic-divider.scss

@@ -1,7 +0,0 @@
-.kbq-navbar-ic-divider {
-    display: block;
-
-    height: 1px;
-
-    margin: var(--kbq-size-s) var(--kbq-size-l);
-}

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

@@ -1,22 +0,0 @@
-import { AfterContentInit, ChangeDetectorRef, DestroyRef } from '@angular/core';
-import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
-import { KbqNavbarIc } from './navbar-ic';
-import { KbqNavbarIcLogo, KbqNavbarIcTitle } from './navbar-ic-item';
-import * as i0 from "@angular/core";
-/**
- * @deprecated Will be removed in the next major release.
- */
-export declare class KbqNavbarIcHeader extends KbqTooltipTrigger implements AfterContentInit {
-    protected readonly navbar: KbqNavbarIc;
-    protected readonly nativeElement: HTMLElement;
-    protected readonly destroyRef: DestroyRef;
-    protected readonly changeDetectorRef: ChangeDetectorRef;
-    logo: KbqNavbarIcLogo;
-    title: KbqNavbarIcTitle;
-    get titleText(): string;
-    get isLink(): boolean;
-    constructor();
-    ngAfterContentInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarIcHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbarIcHeader, "kbq-navbar-ic-header, [kbq-navbar-ic-header]", ["kbqNavbarIcHeader"], {}, {}, ["logo", "title"], ["[kbqNavbarIcLogo]", "[kbqNavbarIcTitle]", "*"], true, never>;
-}

package/navbar-ic/navbar-ic-header.scss

@@ -1,49 +0,0 @@
-.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__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-logo {
-        display: flex;
-        align-self: center;
-    }
-
-    & .kbq-navbar-ic-title {
-        display: block;
-        align-items: center;
-
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        overflow: hidden;
-
-        &.kbq-navbar-ic-title_text-overflown {
-            display: -webkit-box;
-
-            -webkit-box-orient: vertical;
-            -webkit-line-clamp: 2;
-            white-space: normal;
-        }
-    }
-
-    &.kbq-navbar-ic-header_interactive {
-        cursor: pointer;
-    }
-}
-
-a.kbq-navbar-ic-header {
-    text-decoration: none;
-}

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

@@ -1,144 +0,0 @@
-import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy } from '@angular/core';
-import { IFocusableOption } from '@koobiq/cdk/a11y';
-import { KbqButton, KbqButtonCssStyler } from '@koobiq/components/button';
-import { KbqRectangleItem } from '@koobiq/components/core';
-import { KbqFormField } from '@koobiq/components/form-field';
-import { KbqIcon } from '@koobiq/components/icon';
-import { KbqTooltipTrigger, TooltipModifier } from '@koobiq/components/tooltip';
-import { Subject } from 'rxjs';
-import { KbqNavbarIc } from './navbar-ic';
-import * as i0 from "@angular/core";
-import * as i1 from "@koobiq/components/core";
-/**
- * The maximum number of characters that can be placed in a title without being wrapped.
- */
-export declare const kbqMaxSymbolsInHeaderTitle = 22;
-export interface KbqNavbarFocusableItemEvent {
-    item: KbqNavbarIcFocusableItem;
-}
-/**
- * @deprecated Will be removed in the next major release.
- */
-export declare class KbqNavbarIcLogo {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarIcLogo, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarIcLogo, "[kbqNavbarIcLogo]", never, {}, {}, never, never, true, never>;
-}
-/**
- * @deprecated Will be removed in the next major release.
- */
-export declare class KbqNavbarIcTitle implements AfterViewInit {
-    protected readonly isBrowser: boolean;
-    protected readonly nativeElement: HTMLElement;
-    private readonly window;
-    readonly hovered: Subject<boolean>;
-    outerElementWidth: number;
-    isTextOverflown: boolean;
-    get text(): string;
-    get isOverflown(): boolean;
-    ngAfterViewInit(): void;
-    getOuterElementWidth(): number;
-    checkTextOverflown(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarIcTitle, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarIcTitle, "[kbqNavbarIcTitle]", never, {}, {}, never, never, true, never>;
-}
-/**
- * @deprecated Will be removed in the next major release.
- */
-export declare class KbqNavbarIcDivider {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarIcDivider, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarIcDivider, "[kbqNavbarIcDivider]", never, {}, {}, never, never, true, never>;
-}
-/**
- * @deprecated Will be removed in the next major release.
- */
-export declare class KbqNavbarIcFocusableItem implements AfterContentInit, AfterViewInit, OnDestroy, IFocusableOption {
-    protected readonly elementRef: ElementRef<HTMLElement>;
-    protected readonly changeDetector: ChangeDetectorRef;
-    protected readonly focusMonitor: FocusMonitor;
-    protected readonly ngZone: NgZone;
-    /** @docs-private */
-    title: KbqNavbarIcTitle;
-    /** @docs-private */
-    button: KbqButton;
-    /** @docs-private */
-    formField: KbqFormField;
-    get tooltip(): KbqTooltipTrigger;
-    private _tooltip;
-    readonly onFocus: Subject<KbqNavbarFocusableItemEvent>;
-    readonly onBlur: Subject<KbqNavbarFocusableItemEvent>;
-    get hasFocus(): boolean;
-    set hasFocus(value: boolean);
-    private _hasFocus;
-    /** Whether the item is disabled. */
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    private _disabled;
-    ngAfterViewInit(): void;
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    setTooltip(value: KbqTooltipTrigger): void;
-    focus(origin?: FocusOrigin): void;
-    /** @docs-private */
-    focusHandler(): void;
-    /** @docs-private */
-    blurHandler(): void;
-    getLabel(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarIcFocusableItem, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarIcFocusableItem, "kbq-navbar-ic-item, [kbq-navbar-ic-item], kbq-navbar-ic-header, [kbq-navbar-ic-header], kbq-navbar-ic-toggle", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["title", "button", "formField"], never, true, never>;
-    static ngAcceptInputType_disabled: unknown;
-}
-/**
- * @deprecated Will be removed in the next major release.
- */
-export declare class KbqNavbarIcItem extends KbqTooltipTrigger implements AfterContentInit {
-    readonly rectangleElement: KbqRectangleItem;
-    readonly navbar: KbqNavbarIc;
-    readonly navbarFocusableItem: KbqNavbarIcFocusableItem;
-    private changeDetectorRef;
-    private dropdownTrigger;
-    private tooltip;
-    /** @docs-private */
-    title: KbqNavbarIcTitle;
-    /** @docs-private */
-    icon: KbqIcon;
-    /** @docs-private */
-    button: KbqButtonCssStyler;
-    get trigger(): string;
-    set trigger(value: string);
-    set collapsed(value: boolean);
-    private _collapsed;
-    get croppedText(): string;
-    get titleText(): string;
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    get hasDropDownTrigger(): boolean;
-    get showDropDownAngle(): boolean;
-    get hasCroppedText(): boolean;
-    constructor();
-    ngAfterContentInit(): void;
-    /** @docs-private */
-    updateTooltip(): void;
-    /** @docs-private */
-    onKeyDown($event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarIcItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbarIcItem, "kbq-navbar-ic-item, [kbq-navbar-ic-item]", ["kbqNavbarIcItem"], { "trigger": { "alias": "kbqTrigger"; "required": false; }; }, {}, ["title", "icon", "button"], ["[kbq-icon]", "[kbqNavbarIcTitle]", "*"], true, [{ directive: typeof i1.KbqRectangleItem; inputs: {}; outputs: {}; }]>;
-}
-/**
- * @deprecated Will be removed in the next major release.
- */
-export declare class KbqNavbarIcToggle {
-    readonly navbar: KbqNavbarIc;
-    readonly rectangleElement: KbqRectangleItem;
-    protected readonly changeDetectorRef: ChangeDetectorRef;
-    protected modifier: TooltipModifier;
-    /** localized data
-     * @docs-private */
-    get localeData(): any;
-    constructor();
-    /** @docs-private */
-    onKeydown($event: KeyboardEvent): void;
-    toggle: () => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarIcToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbarIcToggle, "kbq-navbar-ic-toggle", never, {}, {}, never, ["[kbqNavbarIcTitle]"], true, [{ directive: typeof i1.KbqRectangleItem; inputs: {}; outputs: {}; }]>;
-}