@koobiq/components 18.34.0 → 18.36.0

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: 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>;
+}
+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<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;
+}
+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,105 @@
+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<HTMLElement>;
+    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[]>;
+    /** @docs-private */
+    notificationCenterTrigger: 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", "notificationCenterTrigger"], ["[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/notification-center/_notification-center-theme.scss

@@ -0,0 +1,27 @@
+@use '../core/styles/common/tokens' as *;
+
+@mixin kbq-notification-center-theme() {
+    .kbq-notification-center,
+    .kbq-notification-center-sub-header {
+        background: var(--kbq-background-card);
+
+        &:not(.kbq-notification-center_popover) {
+            border-right-color: var(--kbq-line-contrast-less);
+            border-left-color: var(--kbq-line-contrast-less);
+        }
+    }
+
+    .kbq-notification-center-error-container {
+        color: var(--kbq-foreground-error);
+    }
+}
+
+@mixin kbq-notification-center-typography() {
+    .kbq-notification-center {
+        @include kbq-typography-level-to-styles-css-variables(typography, text-normal-medium);
+    }
+
+    .kbq-notification-center-title__text {
+        @include kbq-typography-level-to-styles-css-variables(typography, text-big-strong);
+    }
+}

package/notification-center/index.d.ts

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

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

@@ -0,0 +1,5 @@
+import { AnimationTriggerMetadata } from '@angular/animations';
+/** @docs-private */
+export declare const KbqNotificationCenterAnimations: {
+    readonly state: AnimationTriggerMetadata;
+};

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

@@ -0,0 +1,153 @@
+import { CdkScrollable, Overlay, OverlayConfig, ScrollStrategy } from '@angular/cdk/overlay';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, EventEmitter, InjectionToken, OnInit, TemplateRef, Type } from '@angular/core';
+import { KbqButton } from '@koobiq/components/button';
+import { DateAdapter, KbqPopUp, KbqPopUpTrigger, PopUpPlacements, PopUpSizes } from '@koobiq/components/core';
+import { Subscription } from 'rxjs';
+import { KbqNotificationCenterService } from './notification-center.service';
+import * as i0 from "@angular/core";
+/**default configuration of notification-center */
+export declare const KBQ_NOTIFICATION_CENTER_DEFAULT_CONFIGURATION: {
+    notifications: string;
+    remove: string;
+    doNotDisturb: string;
+    showPopUpNotifications: string;
+    noNotifications: string;
+    failedToLoadNotifications: string;
+    repeat: string;
+};
+/** Injection Token for providing configuration of notification-center */
+export declare const KBQ_NOTIFICATION_CENTER_CONFIGURATION: InjectionToken<unknown>;
+/** @docs-private */
+export declare const KBQ_NOTIFICATION_CENTER_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
+/** @docs-private */
+export declare function kbqNotificationCenterScrollStrategyFactory(overlay: Overlay): () => ScrollStrategy;
+/** @docs-private */
+export declare const KBQ_NOTIFICATION_CENTER_SCROLL_STRATEGY_FACTORY_PROVIDER: {
+    provide: InjectionToken<() => ScrollStrategy>;
+    deps: (typeof Overlay)[];
+    useFactory: typeof kbqNotificationCenterScrollStrategyFactory;
+};
+/** @docs-private */
+export declare class KbqNotificationCenterComponent extends KbqPopUp implements AfterViewInit {
+    /** @docs-private */
+    protected readonly changeDetectorRef: ChangeDetectorRef;
+    /** @docs-private */
+    protected readonly localeService: import("@koobiq/components/core").KbqLocaleService | null;
+    /** @docs-private */
+    protected readonly dateAdapter: DateAdapter<any>;
+    /** @docs-private */
+    protected readonly service: KbqNotificationCenterService;
+    private scrollContainer;
+    readonly externalConfiguration: unknown;
+    configuration: any;
+    /** @docs-private */
+    protected popoverMode: boolean;
+    /** @docs-private */
+    protected isTopOverflow: boolean;
+    /** @docs-private */
+    protected isBottomOverflow: boolean;
+    /** localized data
+     * @docs-private */
+    get localeData(): any;
+    /** @docs-private */
+    prefix: string;
+    /** @docs-private */
+    trigger: KbqNotificationCenterTrigger;
+    /** @docs-private */
+    isTrapFocus: boolean;
+    switcher: KbqButton;
+    get popoverHeight(): string;
+    set popoverHeight(value: string);
+    private _popoverHeight;
+    constructor();
+    ngAfterViewInit(): void;
+    /** @docs-private */
+    updateClassMap(placement: string, customClass: string, size: PopUpSizes): void;
+    /** @docs-private */
+    updateTrapFocus(isTrapFocus: boolean): void;
+    /** @docs-private */
+    escapeHandler(): void;
+    protected checkOverflow: () => void;
+    private updateLocaleParams;
+    private initDefaultParams;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNotificationCenterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNotificationCenterComponent, "kbq-notification-center", never, {}, {}, never, never, true, never>;
+}
+export declare class KbqNotificationCenterTrigger extends KbqPopUpTrigger<KbqNotificationCenterComponent> implements AfterContentInit, OnInit {
+    /** @docs-private */
+    protected scrollStrategy: () => ScrollStrategy;
+    /** @docs-private */
+    protected readonly service: KbqNotificationCenterService;
+    /** @docs-private */
+    arrow: boolean;
+    /** @docs-private */
+    customClass: string;
+    /** @docs-private */
+    private hasBackdrop;
+    /** @docs-private */
+    private size;
+    /** @docs-private */
+    content: string | TemplateRef<any>;
+    /** @docs-private */
+    header: string | TemplateRef<any>;
+    /** @docs-private */
+    footer: string | TemplateRef<any>;
+    /** @docs-private */
+    private closeOnScroll;
+    /** Number of unread notifications */
+    get unreadItemsCounter(): import("rxjs").Observable<string>;
+    /** Placement of popUp */
+    placement: PopUpPlacements;
+    /** Class that will be used in the background */
+    backdropClass: string;
+    /** Class that will be used in the panel */
+    panelClass: string;
+    /** Offset of popUp */
+    offset: number | null;
+    /** Use popover or not */
+    get popoverMode(): boolean;
+    set popoverMode(value: boolean);
+    private _popoverMode;
+    /** Set height of popover. Default is calc(100vh - 48px). 48px - height of navbar */
+    get popoverHeight(): string;
+    set popoverHeight(value: string);
+    private _popoverHeight;
+    /** Whether the trigger is disabled. */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    /** @docs-private */
+    get hasClickTrigger(): boolean;
+    /** Emits a change event whenever the placement state changes. */
+    readonly placementChange: EventEmitter<any>;
+    /** Emits a change event whenever the visible state changes. */
+    readonly visibleChange: EventEmitter<boolean>;
+    /** @docs-private */
+    trigger: string;
+    /** @docs-private */
+    protected originSelector: string;
+    /** @docs-private */
+    protected get overlayConfig(): OverlayConfig;
+    /** @docs-private */
+    protected preventClosingByInnerScrollSubscription: Subscription;
+    constructor();
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    /** @docs-private */
+    updateData(): void;
+    /** Updates the current position.
+     *
+     * @docs-private */
+    updatePosition(reapplyPosition?: boolean): void;
+    /** @docs-private */
+    getOverlayHandleComponentType(): Type<KbqNotificationCenterComponent>;
+    /** @docs-private */
+    updateClassMap(newPlacement?: string): void;
+    /** @docs-private */
+    closingActions(): import("rxjs").Observable<void | CdkScrollable | MouseEvent>;
+    private hideIfNotInViewPort;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNotificationCenterTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNotificationCenterTrigger, "[kbqNotificationCenterTrigger]", ["kbqNotificationCenterTrigger"], { "placement": { "alias": "kbqNotificationCenterPlacement"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "panelClass": { "alias": "kbqNotificationCenterPanelClass"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "popoverMode": { "alias": "popoverMode"; "required": false; }; "popoverHeight": { "alias": "popoverHeight"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "placementChange": "kbqPlacementChange"; "visibleChange": "kbqVisibleChange"; }, never, never, true, never>;
+    static ngAcceptInputType_offset: unknown;
+    static ngAcceptInputType_popoverMode: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}

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

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./notification-center";
+export declare class KbqNotificationCenterModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNotificationCenterModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqNotificationCenterModule, never, [typeof i1.KbqNotificationCenterComponent, typeof i1.KbqNotificationCenterTrigger], [typeof i1.KbqNotificationCenterComponent, typeof i1.KbqNotificationCenterTrigger]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqNotificationCenterModule>;
+}