@koobiq/components 18.35.0 → 18.37.0

package/link/link.component.d.ts

@@ -9,7 +9,7 @@ export declare class KbqLink implements AfterContentInit, AfterViewInit, OnDestr
     private changeDetector;
     protected readonly renderer: Renderer2;
     protected readonly destroyRef: DestroyRef;
-    protected readonly nativeElement: any;
+    protected readonly nativeElement: HTMLElement;
     icons: QueryList<ElementRef>;
     /** Whether the link is disabled. */
     get disabled(): boolean;
@@ -29,11 +29,11 @@ export declare class KbqLink implements AfterContentInit, AfterViewInit, OnDestr
     printMode: boolean;
     printUrl: string;
     icon: KbqIcon;
-    constructor(elementRef: ElementRef, focusMonitor: FocusMonitor, changeDetector: ChangeDetectorRef);
+    constructor(elementRef: ElementRef<HTMLAnchorElement>, focusMonitor: FocusMonitor, changeDetector: ChangeDetectorRef);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     focus(): void;
-    getHostElement(): any;
+    getHostElement(): HTMLAnchorElement;
     ngAfterContentInit(): void;
     private updateClassModifierForIcons;
     private updatePrintUrl;

package/list/list-selection.component.d.ts

@@ -23,10 +23,19 @@ export declare class KbqListSelectAllEvent<T> {
     options: T[];
     constructor(source: KbqListSelection, options: T[]);
 }
+/**
+ * Event class that occurs when copying an item from the KbqListSelection.
+ * Used to pass data about the copied item and copy context.
+ *
+ * @param source - instance of KbqListSelection
+ * @param option - instance of KbqListOption
+ * @param event - original keyboard event (optional) that triggered the copy
+ */
 export declare class KbqListCopyEvent<T> {
     source: KbqListSelection;
     option: T;
-    constructor(source: KbqListSelection, option: T);
+    event?: KeyboardEvent | undefined;
+    constructor(source: KbqListSelection, option: T, event?: KeyboardEvent | undefined);
 }
 export declare class KbqListSelection implements AfterContentInit, AfterViewInit, OnDestroy, ControlValueAccessor {
     private elementRef;
@@ -68,7 +77,7 @@ export declare class KbqListSelection implements AfterContentInit, AfterViewInit
     private readonly destroyRef;
     private optionFocusSubscription;
     private optionBlurSubscription;
-    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, multiple: MultipleMode, clipboard: Clipboard);
+    constructor(elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, multiple: MultipleMode, clipboard: Clipboard);
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -87,6 +96,7 @@ export declare class KbqListSelection implements AfterContentInit, AfterViewInit
     getSelectedOptionValues(): string[];
     toggleFocusedOption(): void;
     canDeselectLast(listOption: KbqListOption): boolean;
+    /** @docs-private */
     getHeight(): number;
     onTouched: () => void;
     removeOptionFromList(option: KbqListOption): void;
@@ -168,6 +178,7 @@ export declare class KbqListOption implements OnDestroy, OnInit, IFocusableOptio
     toggle(): void;
     getLabel(): any;
     setSelected(selected: boolean): void;
+    /** @docs-private */
     getHeight(): number;
     /** Handles click events on the list option. */
     handleClick($event: MouseEvent): void;

package/loader-overlay/loader-overlay.component.d.ts

@@ -33,7 +33,7 @@ export declare class KbqLoaderOverlay implements OnInit, OnDestroy {
     externalIndicator: KbqLoaderOverlayIndicator | null;
     externalText: KbqLoaderOverlayText | null;
     externalCaption: KbqLoaderOverlayCaption | null;
-    constructor(elementRef: ElementRef, renderer: Renderer2);
+    constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2);
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqLoaderOverlay, never>;

package/markdown/_markdown-theme.scss

@@ -1,11 +1,10 @@
 @use '../core/styles/common/tokens' as *;
-
 @use './markdown-tokens';
 
 @mixin kbq-markdown-theme() {
     .kbq-markdown {
         color: var(--kbq-foreground-contrast);
-        background: var(--kbq-background-bg);
+        background: var(--kbq-markdown-bg);
 
         // h1, h2, h3, h4, h5, h6
         @for $i from 1 through 6 {

package/markdown/markdown-tokens.scss

@@ -1,4 +1,5 @@
 .kbq-markdown {
+    --kbq-markdown-bg: transparent;
     --kbq-markdown-h1-size-max-width: var(--kbq-markdown-size-max-width);
     --kbq-markdown-h1-size-margin-top: 0;
     --kbq-markdown-h1-size-margin-bottom: var(--kbq-size-l);

package/markdown/markdown.scss

@@ -1,16 +1,22 @@
-// @TODO should remove "selector-class-pattern" rule ignore (#DS-3753)
-/* stylelint-disable selector-class-pattern */
 @use '../core/styles/common/tokens' as *;
 
 .kbq-markdown {
     display: block;
 
-    .markdown-input {
+    .kbq-markdown__input {
         display: none;
     }
 
-    .markdown-output {
+    .kbq-markdown__output {
         flex: 1;
+
+        & > :first-child {
+            margin-top: 0;
+        }
+
+        & > :last-child {
+            margin-bottom: 0;
+        }
     }
 
     // h1, h2, h3, h4, h5, h6

package/modal/modal-tokens.scss

@@ -8,7 +8,8 @@
     --kbq-modal-size-header-padding-right: var(--kbq-size-6xl);
     --kbq-modal-size-close-button-margin-left: var(--kbq-size-s);
     --kbq-modal-size-content-padding-horizontal: var(--kbq-size-xxl);
-    --kbq-modal-size-content-padding-top: 0;
+    // Added top padding to prevent the outline of the first focused field from being clipped
+    --kbq-modal-size-content-padding-top: 1px;
     --kbq-modal-size-content-padding-bottom: var(--kbq-size-s);
     --kbq-modal-size-content-padding-top-without-header: var(--kbq-size-xxl);
     --kbq-modal-size-content-padding-bottom-without-footer: var(--kbq-size-4xl);

package/modal/modal-util.d.ts

@@ -1,12 +1,15 @@
+/** @docs-private */
 export interface IClickPosition {
     x: number;
     y: number;
 }
+/** @docs-private */
 export declare class ModalUtil {
-    private document;
+    private document?;
     private lastPosition;
-    constructor(document: Document);
+    constructor(document?: Document | undefined);
     getLastClickPosition(): IClickPosition;
     listenDocumentClick(): void;
 }
+/** @docs-private */
 export declare const modalUtilObject: ModalUtil;

package/modal/modal.component.d.ts

@@ -83,7 +83,7 @@ export declare class KbqModalComponent<T = any, R = any> extends KbqModalRef<T,
     private contentComponentRef;
     private animationState;
     private container;
-    constructor(overlay: Overlay, renderer: Renderer2, cfr: ComponentFactoryResolver, elementRef: ElementRef, viewContainer: ViewContainerRef, modalControl: KbqModalControlService, changeDetector: ChangeDetectorRef, focusMonitor: FocusMonitor);
+    constructor(overlay: Overlay, renderer: Renderer2, cfr: ComponentFactoryResolver, elementRef: ElementRef<HTMLElement>, viewContainer: ViewContainerRef, modalControl: KbqModalControlService, changeDetector: ChangeDetectorRef, focusMonitor: FocusMonitor);
     kbqGetContainer: HTMLElement | OverlayRef | (() => HTMLElement | OverlayRef);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;

package/modal/modal.scss

@@ -1,9 +1,5 @@
-// @TODO should remove "selector-class-pattern" rule ignore (#DS-3753)
-/* stylelint-disable selector-class-pattern */
 @use '../core/styles/common/tokens' as *;
-
 @use './modal-confirm';
-
 @use './modal-theme' as *;
 
 .kbq-modal-container {
@@ -21,8 +17,11 @@
 
     list-style: none;
 
+    // DEPRECATED: Unused. Will be removed in next major release.
+    /* stylelint-disable */
     &.zoom-enter,
     &.zoom-appear {
+        /* stylelint-enable */
         animation-duration: 0.3s;
         // reset scale avoid mousePosition bug
         transform: none;

package/navbar/_navbar-item_vertical.scss

@@ -70,6 +70,16 @@
             left: var(--kbq-size-s);
         }
 
+        &.kbq-navbar-bento {
+            padding-top: var(--kbq-size-xl);
+            padding-bottom: var(--kbq-size-m);
+
+            &:after {
+                top: var(--kbq-size-m);
+                bottom: var(--kbq-size-xxs);
+            }
+        }
+
         & .kbq-badge {
             position: absolute;
 

package/navbar/navbar-brand.scss

@@ -76,7 +76,10 @@ a.kbq-navbar-brand {
         height: var(--kbq-size-4xl);
         width: var(--kbq-size-4xl);
 
-        margin: var(--kbq-size-l) var(--kbq-size-l) var(--kbq-size-4xl);
+        margin-top: var(--kbq-size-s);
+        margin-right: var(--kbq-size-l);
+        margin-left: var(--kbq-size-l);
+        margin-bottom: 60px;
 
         flex-direction: column;
 
@@ -97,7 +100,7 @@ a.kbq-navbar-brand {
             position: absolute;
 
             left: var(--kbq-size-xxs);
-            top: var(--kbq-size-4xl);
+            top: var(--kbq-size-6xl);
             max-width: 200px;
         }
     }

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

@@ -23,7 +23,7 @@ export declare class KbqNavbarBento {
 }
 export declare class KbqNavbarTitle implements AfterViewInit {
     protected readonly isBrowser: boolean;
-    protected readonly nativeElement: any;
+    protected readonly nativeElement: HTMLElement;
     private readonly window;
     readonly hovered: Subject<boolean>;
     outerElementWidth: number;
@@ -88,8 +88,9 @@ export declare class KbqNavbarFocusableItem implements AfterContentInit, AfterVi
 }
 export declare class KbqNavbarRectangleElement {
     protected readonly isBrowser: boolean;
-    protected readonly nativeElement: any;
+    protected readonly nativeElement: HTMLElement;
     private readonly window;
+    private readonly changeDetectorRef;
     readonly state: Subject<void>;
     get horizontal(): boolean;
     set horizontal(value: boolean);

package/navbar/navbar.component.d.ts

@@ -7,7 +7,7 @@ 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;
+    protected readonly elementRef: ElementRef<HTMLElement>;
     protected readonly focusMonitor: FocusMonitor;
     focusableItems: QueryList<KbqNavbarFocusableItem>;
     keyManager: FocusKeyManager<KbqNavbarFocusableItem>;
@@ -19,7 +19,7 @@ export declare class KbqFocusableComponent implements AfterContentInit, AfterVie
     private readonly destroyRef;
     private optionFocusSubscription;
     private optionBlurSubscription;
-    constructor(changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef, focusMonitor: FocusMonitor);
+    constructor(changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>, focusMonitor: FocusMonitor);
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -39,7 +39,7 @@ export declare class KbqNavbarContainer {
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarContainer, "kbq-navbar-container", never, {}, {}, never, never, false, never>;
 }
 export declare class KbqNavbar extends KbqFocusableComponent implements AfterViewInit, AfterContentInit, OnDestroy {
-    protected readonly elementRef: ElementRef;
+    protected readonly elementRef: ElementRef<HTMLElement>;
     protected readonly changeDetectorRef: ChangeDetectorRef;
     protected readonly focusMonitor: FocusMonitor;
     rectangleElements: import("@angular/core").Signal<readonly any[]>;
@@ -50,7 +50,7 @@ export declare class KbqNavbar extends KbqFocusableComponent implements AfterVie
     private get totalItemsWidth();
     private get collapsableItems();
     private resizeSubscription;
-    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, focusMonitor: FocusMonitor);
+    constructor(elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, focusMonitor: FocusMonitor);
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

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

@@ -5,7 +5,7 @@ import { KbqNavbarBento, KbqNavbarItem } from './navbar-item.component';
 import { KbqFocusableComponent } from './navbar.component';
 import * as i0 from "@angular/core";
 export declare class KbqVerticalNavbar extends KbqFocusableComponent implements AfterContentInit {
-    protected elementRef: ElementRef;
+    protected elementRef: ElementRef<HTMLElement>;
     rectangleElements: import("@angular/core").Signal<readonly any[]>;
     items: QueryList<KbqNavbarItem>;
     bento: KbqNavbarBento;
@@ -14,7 +14,7 @@ export declare class KbqVerticalNavbar extends KbqFocusableComponent implements
     get expanded(): boolean;
     set expanded(value: boolean);
     private _expanded;
-    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, focusMonitor: FocusMonitor);
+    constructor(elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, focusMonitor: FocusMonitor);
     ngAfterContentInit(): void;
     toggle(): void;
     onKeyDown(event: KeyboardEvent): void;

package/navbar/vertical-navbar.scss

@@ -13,6 +13,7 @@
 
     & .kbq-navbar-container + .kbq-navbar-container {
         padding-top: var(--kbq-size-xxl);
+        padding-bottom: var(--kbq-size-xxs);
     }
 
     & .kbq-vertical-navbar__container {

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

@@ -1,12 +1,13 @@
-import { AfterContentInit, DestroyRef } from '@angular/core';
+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";
 export declare class KbqNavbarIcHeader extends KbqTooltipTrigger implements AfterContentInit {
     protected readonly navbar: KbqNavbarIc;
-    protected readonly nativeElement: any;
+    protected readonly nativeElement: HTMLElement;
     protected readonly destroyRef: DestroyRef;
+    protected readonly changeDetectorRef: ChangeDetectorRef;
     logo: KbqNavbarIcLogo;
     title: KbqNavbarIcTitle;
     get titleText(): string;
@@ -14,5 +15,5 @@ export declare class KbqNavbarIcHeader extends KbqTooltipTrigger implements Afte
     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>;
+    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

@@ -42,10 +42,6 @@
     &.kbq-navbar-ic-header_interactive {
         cursor: pointer;
     }
-
-    &.kbq-collapsed .kbq-navbar-ic-title {
-        display: none;
-    }
 }
 
 a.kbq-navbar-ic-header {

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

@@ -23,7 +23,7 @@ export declare class KbqNavbarIcLogo {
 }
 export declare class KbqNavbarIcTitle implements AfterViewInit {
     protected readonly isBrowser: boolean;
-    protected readonly nativeElement: any;
+    protected readonly nativeElement: HTMLElement;
     private readonly window;
     readonly hovered: Subject<boolean>;
     outerElementWidth: number;
@@ -41,7 +41,7 @@ export declare class KbqNavbarIcDivider {
     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 elementRef: ElementRef<HTMLElement>;
     protected readonly changeDetector: ChangeDetectorRef;
     protected readonly focusMonitor: FocusMonitor;
     protected readonly ngZone: NgZone;
@@ -78,6 +78,7 @@ export declare class KbqNavbarIcFocusableItem implements AfterContentInit, After
 }
 export declare class KbqNavbarIcItem extends KbqTooltipTrigger implements AfterContentInit {
     readonly rectangleElement: KbqRectangleItem;
+    readonly navbar: KbqNavbarIc;
     readonly navbarFocusableItem: KbqNavbarIcFocusableItem;
     private changeDetectorRef;
     private dropdownTrigger;

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

@@ -23,10 +23,6 @@
             top: 0;
             right: 0;
         }
-
-        & .kbq-navbar-ic-item__title-container {
-            display: none;
-        }
     }
 
     & > .kbq-icon {

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

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

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

@@ -8,6 +8,10 @@ export declare enum KbqExpandEvents {
     toggle = 0,
     hoverOrFocus = 1
 }
+/** minimum timeout to use KBQ_ENTER_DELAY */
+export declare const KBQ_MIN_TIMEOUT_FOR_ENTER_DELAY = 2000;
+/** delay before open navbar-ic */
+export declare const KBQ_ENTER_DELAY = 400;
 /** default configuration of navbar-ic */
 /** @docs-private */
 export declare const KBQ_NAVBAR_IC_DEFAULT_CONFIGURATION: {
@@ -21,7 +25,7 @@ export declare const KBQ_NAVBAR_IC_DEFAULT_CONFIGURATION: {
 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 elementRef: ElementRef<HTMLElement>;
     protected readonly destroyRef: DestroyRef;
     protected readonly focusMonitor: FocusMonitor;
     focusableItems: QueryList<KbqNavbarIcFocusableItem>;
@@ -58,6 +62,7 @@ export declare class KbqNavbarIc extends KbqFocusable implements AfterContentIni
     /** @docs-private */
     protected readonly localeService: import("@koobiq/components/core").KbqLocaleService | null;
     readonly externalConfiguration: unknown;
+    readonly state: BehaviorSubject<"expanded" | "collapsed" | null>;
     configuration: any;
     /** @docs-private */
     rectangleElements: import("@angular/core").Signal<readonly any[]>;
@@ -69,6 +74,8 @@ export declare class KbqNavbarIc extends KbqFocusable implements AfterContentIni
     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>;
@@ -83,19 +90,21 @@ export declare class KbqNavbarIc extends KbqFocusable implements AfterContentIni
     get expandedByToggle(): boolean;
     get expandedByHoverOrFocus(): boolean;
     get currentWidth(): number;
+    private lastOpeningTime;
     constructor();
     /** @docs-private */
     ngAfterContentInit(): void;
     toggle(): void;
     /** @docs-private */
     onKeyDown(event: KeyboardEvent): void;
+    private getExpandDelay;
     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 ɵ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;

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;
+}