@koobiq/components 18.34.0 → 18.35.0

package/navbar-ic/index.d.ts

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

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

@@ -0,0 +1,7 @@
+.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

@@ -0,0 +1,18 @@
+import { AfterContentInit, 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";
+export declare class KbqNavbarIcHeader extends KbqTooltipTrigger implements AfterContentInit {
+    protected readonly navbar: KbqNavbarIc;
+    protected readonly nativeElement: any;
+    protected readonly destroyRef: DestroyRef;
+    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"], ["*"], true, never>;
+}

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

@@ -0,0 +1,53 @@
+.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;
+    }
+
+    &.kbq-collapsed .kbq-navbar-ic-title {
+        display: none;
+    }
+}
+
+a.kbq-navbar-ic-header {
+    text-decoration: none;
+}

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

@@ -0,0 +1,125 @@
+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;
+}
+export declare class KbqNavbarIcLogo {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarIcLogo, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarIcLogo, "[kbqNavbarIcLogo]", never, {}, {}, never, never, true, never>;
+}
+export declare class KbqNavbarIcTitle implements AfterViewInit {
+    protected readonly isBrowser: boolean;
+    protected readonly nativeElement: any;
+    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>;
+}
+export declare class KbqNavbarIcDivider {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarIcDivider, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarIcDivider, "[kbqNavbarIcDivider]", never, {}, {}, never, never, true, never>;
+}
+export declare class KbqNavbarIcFocusableItem implements AfterContentInit, AfterViewInit, OnDestroy, IFocusableOption {
+    protected readonly elementRef: ElementRef<any>;
+    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;
+}
+export declare class KbqNavbarIcItem extends KbqTooltipTrigger implements AfterContentInit {
+    readonly rectangleElement: KbqRectangleItem;
+    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: {}; }]>;
+}
+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: {}; }]>;
+}

package/navbar-ic/navbar-ic-item.scss

@@ -0,0 +1,96 @@
+.kbq-navbar-ic-item {
+    box-sizing: border-box;
+
+    display: flex;
+
+    padding: var(--kbq-size-3xs) var(--kbq-size-m);
+
+    & .kbq-icon {
+        min-width: var(--kbq-size-l);
+        min-height: var(--kbq-size-l);
+    }
+
+    & .kbq-navbar-ic-item__title-container {
+        gap: var(--kbq-size-m);
+    }
+
+    &.kbq-collapsed {
+        & .kbq-badge {
+            position: absolute;
+
+            z-index: 1;
+
+            top: 0;
+            right: 0;
+        }
+
+        & .kbq-navbar-ic-item__title-container {
+            display: none;
+        }
+    }
+
+    & > .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-icon {
+        align-self: center;
+    }
+}
+
+a.kbq-navbar-ic-item,
+a.kbq-navbar-ic-title {
+    text-decoration: none;
+}
+
+.kbq-navbar-ic-item,
+.kbq-navbar-ic-header,
+.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;
+}

package/navbar-ic/navbar-ic-tokens.scss

@@ -0,0 +1,22 @@
+.kbq-navbar-ic {
+    --kbq-navbar-ic-item-size-content-border-radius: var(--kbq-size-border-radius);
+    /* THEME TOKENS */
+    --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);
+}

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

@@ -0,0 +1,2 @@
+import { AnimationTriggerMetadata } from '@angular/animations';
+export declare function toggleNavbarIcAnimation(): AnimationTriggerMetadata;

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

@@ -0,0 +1,103 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DestroyRef, ElementRef, InjectionToken, OnDestroy, QueryList } from '@angular/core';
+import { FocusKeyManager } from '@koobiq/cdk/a11y';
+import { BehaviorSubject, Observable, Subject } from 'rxjs';
+import { KbqNavbarFocusableItemEvent, KbqNavbarIcFocusableItem, KbqNavbarIcItem } from './navbar-ic-item';
+import * as i0 from "@angular/core";
+export declare enum KbqExpandEvents {
+    toggle = 0,
+    hoverOrFocus = 1
+}
+/** default configuration of navbar-ic */
+/** @docs-private */
+export declare const KBQ_NAVBAR_IC_DEFAULT_CONFIGURATION: {
+    toggle: {
+        pinButton: string;
+        collapseButton: string;
+    };
+};
+/** Injection Token for providing configuration of navbar-ic */
+/** @docs-private */
+export declare const KBQ_NAVBAR_IC_CONFIGURATION: InjectionToken<unknown>;
+export declare class KbqFocusable implements AfterContentInit, AfterViewInit, OnDestroy {
+    protected readonly changeDetectorRef: ChangeDetectorRef;
+    protected readonly elementRef: ElementRef<any>;
+    protected readonly destroyRef: DestroyRef;
+    protected readonly focusMonitor: FocusMonitor;
+    focusableItems: QueryList<KbqNavbarIcFocusableItem>;
+    keyManager: FocusKeyManager<KbqNavbarIcFocusableItem>;
+    get tabindex(): number;
+    set tabindex(value: number);
+    private _tabindex;
+    get itemFocusChanges(): Observable<KbqNavbarFocusableItemEvent>;
+    get itemBlurChanges(): Observable<KbqNavbarFocusableItemEvent>;
+    private itemFocusSubscription;
+    private itemBlurSubscription;
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /** @docs-private */
+    focusHandler(): void;
+    /** @docs-private */
+    blurHandler(): void;
+    protected resetOptions(): void;
+    protected dropSubscriptions(): void;
+    protected listenToItemsFocus(): void;
+    protected updateTabIndex(): void;
+    protected isValidIndex(index: number): boolean;
+    protected hasFocusedItem(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqFocusable, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqFocusable, never, never, { "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, ["focusableItems"], never, false, never>;
+    static ngAcceptInputType_tabindex: unknown;
+}
+export declare class KbqNavbarIcContainer {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarIcContainer, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarIcContainer, "kbq-navbar-ic-container", never, {}, {}, never, never, true, never>;
+}
+export declare class KbqNavbarIc extends KbqFocusable implements AfterContentInit {
+    /** @docs-private */
+    protected readonly localeService: import("@koobiq/components/core").KbqLocaleService | null;
+    readonly externalConfiguration: unknown;
+    configuration: any;
+    /** @docs-private */
+    rectangleElements: import("@angular/core").Signal<readonly any[]>;
+    /** @docs-private */
+    items: import("@angular/core").Signal<readonly any[]>;
+    /** @docs-private */
+    toggleElement: import("@angular/core").Signal<readonly any[]>;
+    /** @docs-private */
+    dropdownTrigger: import("@angular/core").Signal<readonly any[]>;
+    /** @docs-private */
+    popoverTrigger: import("@angular/core").Signal<readonly any[]>;
+    readonly hovered: BehaviorSubject<boolean>;
+    readonly focused: BehaviorSubject<boolean>;
+    readonly animationDone: Subject<void>;
+    expandEvent: KbqExpandEvents | null;
+    pinned: boolean;
+    collapsedWidth: number;
+    expandedWidth: number;
+    get expanded(): boolean;
+    set expanded(value: boolean);
+    private _expanded;
+    get hasOpenedPopUp(): boolean;
+    get expandedByToggle(): boolean;
+    get expandedByHoverOrFocus(): boolean;
+    get currentWidth(): number;
+    constructor();
+    /** @docs-private */
+    ngAfterContentInit(): void;
+    toggle(): void;
+    /** @docs-private */
+    onKeyDown(event: KeyboardEvent): void;
+    protected updateTooltipForItems: () => void;
+    protected updateExpandedStateForItems: () => void;
+    protected updateItemExpandedState: (item: KbqNavbarIcItem) => void;
+    private updateLocaleParams;
+    private initDefaultParams;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarIc, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbarIc, "kbq-navbar-ic", ["KbqNavbarIc"], { "pinned": { "alias": "pinned"; "required": false; }; "collapsedWidth": { "alias": "collapsedWidth"; "required": false; }; "expandedWidth": { "alias": "expandedWidth"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, {}, ["rectangleElements", "items", "toggleElement", "dropdownTrigger", "popoverTrigger"], ["[kbq-navbar-ic-container], kbq-navbar-ic-container", "[kbq-navbar-ic-toggle], kbq-navbar-ic-toggle"], true, never>;
+    static ngAcceptInputType_pinned: unknown;
+    static ngAcceptInputType_collapsedWidth: unknown;
+    static ngAcceptInputType_expandedWidth: unknown;
+    static ngAcceptInputType_expanded: unknown;
+}

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

@@ -0,0 +1,14 @@
+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-ic";
+import * as i6 from "./navbar-ic-item";
+import * as i7 from "./navbar-ic-header";
+import * as i8 from "@koobiq/components/core";
+export declare class KbqNavbarIcModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarIcModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqNavbarIcModule, never, [typeof i1.A11yModule, typeof i2.PlatformModule, typeof i3.KbqIconModule, typeof i4.KbqToolTipModule, typeof i5.KbqNavbarIc, typeof i6.KbqNavbarIcTitle, typeof i6.KbqNavbarIcItem, typeof i7.KbqNavbarIcHeader, typeof i6.KbqNavbarIcLogo, typeof i6.KbqNavbarIcToggle, typeof i6.KbqNavbarIcDivider, typeof i6.KbqNavbarIcFocusableItem, typeof i5.KbqNavbarIcContainer, typeof i8.KbqRectangleItem], [typeof i5.KbqNavbarIc, typeof i5.KbqNavbarIcContainer, typeof i6.KbqNavbarIcTitle, typeof i6.KbqNavbarIcItem, typeof i7.KbqNavbarIcHeader, typeof i6.KbqNavbarIcLogo, typeof i6.KbqNavbarIcToggle, typeof i6.KbqNavbarIcDivider, typeof i6.KbqNavbarIcFocusableItem]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqNavbarIcModule>;
+}

package/navbar-ic/navbar-ic.scss

@@ -0,0 +1,32 @@
+@use './navbar-ic-theme';
+
+.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-container + .kbq-navbar-ic-container {
+        padding-top: var(--kbq-size-xxl);
+        padding-bottom: var(--kbq-size-m);
+    }
+
+    & .kbq-navbar-ic__top-layer {
+        position: absolute;
+        z-index: 998;
+
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        min-height: 100%;
+    }
+}
+
+@include navbar-ic-theme.kbq-navbar-ic-theme();
+@include navbar-ic-theme.kbq-navbar-ic-typography();

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

@@ -0,0 +1,4 @@
+export * from './navbar-ic';
+export * from './navbar-ic-header';
+export * from './navbar-ic-item';
+export * from './navbar-ic.module';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@koobiq/components",
-    "version": "18.34.0",
+    "version": "18.35.0",
     "description": "koobiq",
     "repository": {
         "type": "git",
@@ -24,9 +24,9 @@
         "@angular/cdk": "^18.0.0",
         "@angular/core": "^18.0.0",
         "@angular/forms": "^18.0.0",
-        "@koobiq/cdk": "18.34.0",
-        "@koobiq/angular-moment-adapter": "18.34.0",
-        "@koobiq/angular-luxon-adapter": "18.34.0",
+        "@koobiq/cdk": "18.35.0",
+        "@koobiq/angular-moment-adapter": "18.35.0",
+        "@koobiq/angular-luxon-adapter": "18.35.0",
         "@koobiq/date-formatter": "^3.2.3",
         "@koobiq/icons": "^10.4.0",
         "@koobiq/tokens-builder": "3.11.0",
@@ -250,6 +250,12 @@
             "esm": "./esm2022/navbar/koobiq-components-navbar.mjs",
             "default": "./fesm2022/koobiq-components-navbar.mjs"
         },
+        "./navbar-ic": {
+            "types": "./navbar-ic/index.d.ts",
+            "esm2022": "./esm2022/navbar-ic/koobiq-components-navbar-ic.mjs",
+            "esm": "./esm2022/navbar-ic/koobiq-components-navbar-ic.mjs",
+            "default": "./fesm2022/koobiq-components-navbar-ic.mjs"
+        },
         "./overflow-items": {
             "types": "./overflow-items/index.d.ts",
             "esm2022": "./esm2022/overflow-items/koobiq-components-overflow-items.mjs",

package/popover/_popover-theme.scss

@@ -2,7 +2,11 @@
 
 @mixin kbq-popover-theme() {
     .kbq-popover {
-        box-shadow: var(--kbq-popover-container-shadow);
+        box-shadow: var(--kbq-popover-borderless-shadow);
+
+        &.kbq-popover_arrowless {
+            box-shadow: var(--kbq-popover-container-shadow);
+        }
     }
 
     .kbq-popover__container {
@@ -10,7 +14,7 @@
     }
 
     .kbq-popover__arrow {
-        box-shadow: var(--kbq-popover-container-shadow);
+        box-shadow: var(--kbq-popover-borderless-shadow);
         background: var(--kbq-popover-container-background);
     }
 

package/popover/popover-tokens.scss

@@ -24,4 +24,6 @@
     --kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);
     --kbq-popover-content-text-color: var(--kbq-foreground-contrast);
     --kbq-popover-footer-scroll-shadow: var(--kbq-shadow-overflow-normal-top);
+
+    --kbq-popover-borderless-shadow: 0 2px 8px var(--kbq-shadow-key), 0 3px 8px var(--kbq-shadow-ambient);
 }

package/popover/popover.component.d.ts

@@ -39,6 +39,8 @@ export declare const KBQ_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER: {
 export declare function getKbqPopoverInvalidPositionError(position: string): Error;
 export declare class KbqPopoverTrigger extends KbqPopUpTrigger<KbqPopoverComponent> implements AfterContentInit, OnInit {
     protected scrollStrategy: () => ScrollStrategy;
+    /** prevents closure by any event */
+    preventClose: boolean;
     get popoverVisible(): boolean;
     set popoverVisible(value: boolean);
     get popoverPlacement(): PopUpPlacements;
@@ -99,7 +101,8 @@ export declare class KbqPopoverTrigger extends KbqPopUpTrigger<KbqPopoverCompone
     closingActions(): import("rxjs").Observable<void | CdkScrollable | MouseEvent>;
     private hideIfNotInViewPort;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqPopoverTrigger, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqPopoverTrigger, "[kbqPopover]", ["kbqPopover"], { "popoverVisible": { "alias": "kbqPopoverVisible"; "required": false; }; "popoverPlacement": { "alias": "kbqPopoverPlacement"; "required": false; }; "popoverPlacementPriority": { "alias": "kbqPopoverPlacementPriority"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "header": { "alias": "kbqPopoverHeader"; "required": false; }; "content": { "alias": "kbqPopoverContent"; "required": false; }; "footer": { "alias": "kbqPopoverFooter"; "required": false; }; "disabled": { "alias": "kbqPopoverDisabled"; "required": false; }; "trigger": { "alias": "kbqTrigger"; "required": false; }; "size": { "alias": "kbqPopoverSize"; "required": false; }; "customClass": { "alias": "kbqPopoverClass"; "required": false; }; "hasCloseButton": { "alias": "hasCloseButton"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "arrow": { "alias": "kbqPopoverArrow"; "required": false; }; "offset": { "alias": "kbqPopoverOffset"; "required": false; }; "leaveDelay": { "alias": "kbqLeaveDelay"; "required": false; }; }, { "placementChange": "kbqPopoverPlacementChange"; "visibleChange": "kbqPopoverVisibleChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqPopoverTrigger, "[kbqPopover]", ["kbqPopover"], { "preventClose": { "alias": "kbqPopoverPreventClose"; "required": false; }; "popoverVisible": { "alias": "kbqPopoverVisible"; "required": false; }; "popoverPlacement": { "alias": "kbqPopoverPlacement"; "required": false; }; "popoverPlacementPriority": { "alias": "kbqPopoverPlacementPriority"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "header": { "alias": "kbqPopoverHeader"; "required": false; }; "content": { "alias": "kbqPopoverContent"; "required": false; }; "footer": { "alias": "kbqPopoverFooter"; "required": false; }; "disabled": { "alias": "kbqPopoverDisabled"; "required": false; }; "trigger": { "alias": "kbqTrigger"; "required": false; }; "size": { "alias": "kbqPopoverSize"; "required": false; }; "customClass": { "alias": "kbqPopoverClass"; "required": false; }; "hasCloseButton": { "alias": "hasCloseButton"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "arrow": { "alias": "kbqPopoverArrow"; "required": false; }; "offset": { "alias": "kbqPopoverOffset"; "required": false; }; "leaveDelay": { "alias": "kbqLeaveDelay"; "required": false; }; }, { "placementChange": "kbqPopoverPlacementChange"; "visibleChange": "kbqPopoverVisibleChange"; }, never, never, false, never>;
+    static ngAcceptInputType_preventClose: unknown;
     static ngAcceptInputType_arrow: unknown;
     static ngAcceptInputType_offset: unknown;
     static ngAcceptInputType_leaveDelay: unknown;