@koobiq/components 18.35.0 → 18.37.0

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

package/notification-center/notification-center.scss

@@ -0,0 +1,126 @@
+@use './notification-center-theme' as *;
+
+.kbq-notification-center {
+    position: relative;
+
+    display: flex;
+    flex-direction: column;
+
+    width: 400px;
+    height: 100vh;
+
+    box-sizing: border-box;
+
+    z-index: 1;
+
+    &:not(.kbq-notification-center_popover) {
+        border-right: 1px solid;
+        border-left: 1px solid;
+    }
+
+    &.kbq-notification-center_popover {
+        margin-top: var(--kbq-size-xxs);
+        margin-bottom: var(--kbq-size-xxs);
+
+        border-radius: var(--kbq-size-xs);
+
+        height: calc(100vh - 48px);
+
+        box-shadow: var(--kbq-shadow-popup);
+    }
+}
+
+.kbq-notification-center-header {
+    display: flex;
+    flex-direction: row;
+
+    justify-content: space-between;
+
+    padding: var(--kbq-size-xl) var(--kbq-size-xl) var(--kbq-size-xxs) var(--kbq-size-xxl);
+}
+
+.kbq-notification-center-title {
+    display: flex;
+    flex-direction: row;
+
+    align-items: center;
+
+    gap: var(--kbq-size-xxs);
+}
+
+.kbq-notification-center-toolbar {
+    display: flex;
+    flex-direction: row;
+
+    align-items: center;
+
+    & .kbq-divider.kbq-divider_vertical {
+        height: var(--kbq-size-m);
+    }
+}
+
+.kbq-notification-center-sub-header {
+    position: sticky;
+    top: 0;
+    z-index: 100;
+
+    display: flex;
+    flex-direction: row;
+
+    padding: var(--kbq-size-s) var(--kbq-size-xxl);
+
+    & .kbq-notification-center-sub-header__button {
+        position: absolute;
+
+        top: 0;
+        right: var(--kbq-size-xl);
+
+        display: none;
+    }
+
+    &:hover .kbq-notification-center-sub-header__button {
+        display: flex;
+    }
+
+    &:first-child.kbq-notification-center_top-overflow {
+        box-shadow: var(--kbq-shadow-overflow-normal-bottom);
+    }
+}
+
+.kbq-notification-center-container {
+    height: 100%;
+
+    border-radius: inherit;
+
+    padding-bottom: var(--kbq-size-m);
+
+    & .kbq-loader-overlay_parent {
+        border-radius: inherit;
+    }
+
+    &.kbq-notification-center_bottom-overflow {
+        box-shadow: var(--kbq-shadow-overflow-normal-bottom);
+    }
+}
+
+.kbq-notification-center-empty-container,
+.kbq-notification-center-error-container {
+    display: flex;
+    flex-direction: column;
+
+    align-items: center;
+    justify-content: center;
+
+    height: 100%;
+
+    & .kbq-icon {
+        margin-bottom: var(--kbq-size-xl);
+    }
+
+    & .kbq-button {
+        margin-top: var(--kbq-size-s);
+    }
+}
+
+@include kbq-notification-center-theme();
+@include kbq-notification-center-typography();

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

@@ -0,0 +1,72 @@
+import { EventEmitter, TemplateRef } from '@angular/core';
+import { KbqToastData, KbqToastStyle } from '@koobiq/components/toast';
+import { BehaviorSubject, Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export interface KbqNotificationItem extends Omit<KbqToastData, 'closeButton'> {
+    id?: string;
+    title?: string | TemplateRef<unknown>;
+    style?: string | KbqToastStyle;
+    icon?: boolean | TemplateRef<unknown>;
+    iconClass?: string;
+    caption?: string | TemplateRef<unknown>;
+    content?: string | TemplateRef<unknown>;
+    actions?: TemplateRef<unknown>;
+    date: string;
+    read?: boolean;
+}
+export declare const maxUnreadItemsLength = 99;
+type KbqNotificationsGroup = {
+    title: string;
+    items: KbqNotificationItem[];
+};
+export declare class KbqNotificationCenterService {
+    /** @docs-private */
+    private readonly adapter;
+    /** @docs-private */
+    private readonly formatter;
+    /** @docs-private */
+    private readonly toastService;
+    /** @docs-private */
+    readonly silentMode: BehaviorSubject<boolean>;
+    /** @docs-private */
+    readonly loadingMode: BehaviorSubject<boolean>;
+    /** @docs-private */
+    readonly errorMode: BehaviorSubject<boolean>;
+    /** @docs-private */
+    readonly onRead: BehaviorSubject<KbqNotificationItem | null>;
+    /** Triggers an event when the user presses the reload button. */
+    readonly onReload: EventEmitter<void>;
+    private originalItems;
+    /** @docs-private */
+    readonly groupedItems: Observable<KbqNotificationsGroup[]>;
+    /** Emits an event whenever the changes. */
+    readonly changes: Observable<boolean | KbqNotificationItem | KbqNotificationItem[] | null>;
+    /** Notification items */
+    get items(): KbqNotificationItem[];
+    set items(values: KbqNotificationItem[]);
+    /** Number of unread notifications */
+    get unreadItemsCounter(): Observable<string>;
+    /** true if there are no notifications. */
+    get isEmpty(): boolean;
+    constructor();
+    /** Set silent mode */
+    setSilentMode(value: boolean): void;
+    /** Set loading mode */
+    setLoadingMode(value: boolean): void;
+    /** Set error mode */
+    setErrorMode(value: boolean): void;
+    /** Push new notification item in center */
+    push(item: KbqNotificationItem): void;
+    /** Remove notification item */
+    remove(removedItem: KbqNotificationItem): void;
+    /** Remove group of notification items */
+    removeGroup(group: KbqNotificationsGroup): void;
+    /** Remove all notification items */
+    removeAll(): void;
+    private makeGroup;
+    private setIds;
+    private setReadState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNotificationCenterService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<KbqNotificationCenterService>;
+}
+export {};

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

@@ -0,0 +1,27 @@
+import { KbqReadStateDirective, PopUpPlacements, ThemePalette } from '@koobiq/components/core';
+import { KbqNotificationCenterComponent } from './notification-center';
+import { KbqNotificationCenterService, KbqNotificationItem } from './notification-center.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@koobiq/components/core";
+/** @docs-private */
+export declare class KbqNotificationItemComponent {
+    private readonly adapter;
+    protected readonly service: KbqNotificationCenterService;
+    protected readonly readStateDirective: KbqReadStateDirective;
+    protected readonly center: KbqNotificationCenterComponent;
+    protected popUpPlacements: typeof PopUpPlacements;
+    themePalette: typeof ThemePalette;
+    id: number;
+    time: string;
+    $implicit: any;
+    get style(): {
+        [x: string]: boolean;
+    };
+    get data(): KbqNotificationItem;
+    set data(value: KbqNotificationItem);
+    private _data;
+    constructor();
+    isTemplateRef(value: any): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNotificationItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNotificationItemComponent, "kbq-notification-item", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.KbqReadStateDirective; inputs: {}; outputs: {}; }]>;
+}

package/notification-center/notification-item.scss

@@ -0,0 +1,157 @@
+@use '../core/styles/common/tokens' as *;
+
+.kbq-notification-item {
+    display: flex;
+    box-sizing: border-box;
+
+    position: relative;
+
+    border-radius: var(--kbq-size-s);
+
+    height: auto;
+
+    margin-left: var(--kbq-size-m);
+    margin-right: var(--kbq-size-m);
+
+    &:hover {
+        & .kbq-notification-item-time {
+            visibility: hidden;
+        }
+
+        & .kbq-notification-item__remove-button {
+            display: block;
+        }
+    }
+}
+
+.kbq-notification-item__icon-container {
+    flex-shrink: 0;
+
+    width: var(--kbq-size-l);
+    max-width: var(--kbq-size-l);
+
+    height: var(--kbq-size-l);
+    max-height: var(--kbq-size-l);
+
+    margin-right: var(--kbq-size-s);
+    padding-left: var(--kbq-size-m);
+
+    padding-top: 14px;
+}
+
+.kbq-notification-item__container {
+    display: flex;
+    flex-direction: column;
+
+    flex: 1;
+
+    padding-top: var(--kbq-size-m);
+    padding-right: var(--kbq-size-l);
+    padding-bottom: var(--kbq-size-m);
+
+    overflow: hidden;
+}
+
+.kbq-notification-item__title {
+    display: flex;
+    flex-direction: row;
+
+    justify-content: space-between;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    & > p {
+        margin: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    &.kbq-notification-item__title_with-content {
+        margin-bottom: var(--kbq-size-xxs);
+    }
+}
+
+.kbq-notification-item-time {
+    display: flex;
+    flex-direction: row;
+
+    height: var(--kbq-size-xl);
+
+    align-items: center;
+
+    padding-left: 22px;
+
+    & .kbq-notification-item-time__value {
+        margin-right: var(--kbq-size-3xs);
+    }
+
+    &.kbq-notification-item-time_read .kbq-notification-item-time__state {
+        display: none;
+    }
+}
+
+.kbq-notification-item__text {
+    display: flex;
+    flex: 1;
+    align-items: center;
+}
+
+.kbq-notification-item__content {
+    display: flex;
+    flex-direction: column;
+
+    white-space: pre-wrap;
+}
+
+.kbq-notification-item__actions {
+    display: flex;
+
+    padding-top: var(--kbq-size-s);
+
+    gap: var(--kbq-size-m);
+}
+
+.kbq-notification-item__remove-button {
+    position: absolute;
+
+    top: var(--kbq-size-xs);
+    right: var(--kbq-size-s);
+
+    display: none;
+}
+
+@mixin _kbq-notification-item-theme() {
+    .kbq-notification-item {
+        background: var(--kbq-background-card);
+
+        .kbq-notification-item__title {
+            color: var(--kbq-foreground-contrast);
+        }
+
+        .kbq-notification-item__text {
+            color: var(--kbq-foreground-contrast-secondary);
+        }
+
+        & .kbq-notification-item-time.kbq-notification-item-time_read .kbq-notification-item-time__value {
+            color: var(--kbq-foreground-contrast-secondary);
+        }
+
+        &:hover {
+            background: var(--kbq-states-background-transparent-hover);
+        }
+    }
+}
+
+@mixin _kbq-notification-item-typography() {
+    .kbq-notification-item {
+        @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
+
+        & .kbq-notification-item-time {
+            @include kbq-typography-level-to-styles-css-variables(typography, text-compact);
+        }
+    }
+}
+
+@include _kbq-notification-item-theme();
+@include _kbq-notification-item-typography();

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

@@ -0,0 +1,4 @@
+export * from './notification-center';
+export * from './notification-center-animations';
+export * from './notification-center.module';
+export * from './notification-center.service';

package/overflow-items/overflow-items.d.ts

@@ -1,3 +1,4 @@
+import { KbqOrientation } from '@koobiq/components/core';
 import * as i0 from "@angular/core";
 /**
  * Manages the visibility of the element.
@@ -6,8 +7,11 @@ import * as i0 from "@angular/core";
  */
 export declare class ElementVisibilityManager {
     private readonly renderer;
-    private readonly elementRef;
     private readonly hiddenState;
+    /**
+     * @docs-private
+     */
+    readonly element: HTMLElement;
     /**
      * Whether the element is hidden.
      *
@@ -65,10 +69,11 @@ export declare class KbqOverflowItem extends ElementVisibilityManager {
  * Directive for managing the visibility of items that overflow the container.
  */
 export declare class KbqOverflowItems {
-    private readonly elementRef;
+    private readonly element;
     private readonly resizeObserver;
     private readonly renderer;
     private readonly document;
+    private readonly window;
     /**
      * `KbqOverflowItem` directive references.
      */
@@ -80,6 +85,11 @@ export declare class KbqOverflowItems {
     /**
      * Whether the overflow order should be reversed.
      *
+     * @example
+     * ```
+     * [0, 1, hidden, hidden] ---> [hidden, hidden, 2, 3]
+     * ```
+     *
      * @default false
      */
     readonly reverseOverflowOrder: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -103,6 +113,13 @@ export declare class KbqOverflowItems {
      * Set of hidden item IDs.
      */
     readonly hiddenItemIDs: import("@angular/core").Signal<ReadonlySet<unknown>>;
+    /**
+     * Defines the orientation of the overflow items.
+     *
+     * @default 'horizontal'
+     */
+    readonly orientation: import("@angular/core").InputSignal<KbqOrientation>;
+    private readonly orientationConfig;
     constructor();
     private setupObservers;
     /**
@@ -110,10 +127,6 @@ export declare class KbqOverflowItems {
      * If an item does not have an `order` defined, its index is used as a fallback.
      */
     private sortItemsByOrder;
-    /**
-     * Excludes items that have the `alwaysVisible` attribute.
-     */
-    private excludeAlwaysVisibleItems;
     /**
      * Manages the visibility of items based on the available space in the container and returns the hidden items.
      * Direction of hiding is determined by the `reverseOverflowOrder` attribute.
@@ -123,10 +136,11 @@ export declare class KbqOverflowItems {
      * This method sets the necessary styles for the directive.
      */
     private setStyles;
+    private hasOverflown;
     /**
-     * Determines if the given element has a scrollbar.
+     * @TODO Should be removed when `Array.prototype.findLast` is supported.
      */
-    private readonly hasScrollbar;
+    private findLast;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqOverflowItems, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqOverflowItems, "[kbqOverflowItems]", ["kbqOverflowItems"], { "reverseOverflowOrder": { "alias": "reverseOverflowOrder"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "additionalResizeObserverTargets": { "alias": "additionalResizeObserverTargets"; "required": false; "isSignal": true; }; }, { "changes": "changes"; }, ["items", "result"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqOverflowItems, "[kbqOverflowItems]", ["kbqOverflowItems"], { "reverseOverflowOrder": { "alias": "reverseOverflowOrder"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "additionalResizeObserverTargets": { "alias": "additionalResizeObserverTargets"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, { "changes": "changes"; }, ["items", "result"], never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@koobiq/components",
-    "version": "18.35.0",
+    "version": "18.37.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.35.0",
-        "@koobiq/angular-moment-adapter": "18.35.0",
-        "@koobiq/angular-luxon-adapter": "18.35.0",
+        "@koobiq/cdk": "18.37.0",
+        "@koobiq/angular-moment-adapter": "18.37.0",
+        "@koobiq/angular-luxon-adapter": "18.37.0",
         "@koobiq/date-formatter": "^3.2.3",
         "@koobiq/icons": "^10.4.0",
         "@koobiq/tokens-builder": "3.11.0",
@@ -82,6 +82,12 @@
             "esm": "./esm2022/alert/koobiq-components-alert.mjs",
             "default": "./fesm2022/koobiq-components-alert.mjs"
         },
+        "./app-switcher": {
+            "types": "./app-switcher/index.d.ts",
+            "esm2022": "./esm2022/app-switcher/koobiq-components-app-switcher.mjs",
+            "esm": "./esm2022/app-switcher/koobiq-components-app-switcher.mjs",
+            "default": "./fesm2022/koobiq-components-app-switcher.mjs"
+        },
         "./autocomplete": {
             "types": "./autocomplete/index.d.ts",
             "esm2022": "./esm2022/autocomplete/koobiq-components-autocomplete.mjs",
@@ -208,6 +214,12 @@
             "esm": "./esm2022/icon/koobiq-components-icon.mjs",
             "default": "./fesm2022/koobiq-components-icon.mjs"
         },
+        "./inline-edit": {
+            "types": "./inline-edit/index.d.ts",
+            "esm2022": "./esm2022/inline-edit/koobiq-components-inline-edit.mjs",
+            "esm": "./esm2022/inline-edit/koobiq-components-inline-edit.mjs",
+            "default": "./fesm2022/koobiq-components-inline-edit.mjs"
+        },
         "./input": {
             "types": "./input/index.d.ts",
             "esm2022": "./esm2022/input/koobiq-components-input.mjs",
@@ -256,6 +268,12 @@
             "esm": "./esm2022/navbar-ic/koobiq-components-navbar-ic.mjs",
             "default": "./fesm2022/koobiq-components-navbar-ic.mjs"
         },
+        "./notification-center": {
+            "types": "./notification-center/index.d.ts",
+            "esm2022": "./esm2022/notification-center/koobiq-components-notification-center.mjs",
+            "esm": "./esm2022/notification-center/koobiq-components-notification-center.mjs",
+            "default": "./fesm2022/koobiq-components-notification-center.mjs"
+        },
         "./overflow-items": {
             "types": "./overflow-items/index.d.ts",
             "esm2022": "./esm2022/overflow-items/koobiq-components-overflow-items.mjs",
@@ -286,6 +304,12 @@
             "esm": "./esm2022/radio/koobiq-components-radio.mjs",
             "default": "./fesm2022/koobiq-components-radio.mjs"
         },
+        "./resizer": {
+            "types": "./resizer/index.d.ts",
+            "esm2022": "./esm2022/resizer/koobiq-components-resizer.mjs",
+            "esm": "./esm2022/resizer/koobiq-components-resizer.mjs",
+            "default": "./fesm2022/koobiq-components-resizer.mjs"
+        },
         "./risk-level": {
             "types": "./risk-level/index.d.ts",
             "esm2022": "./esm2022/risk-level/koobiq-components-risk-level.mjs",
@@ -298,6 +322,12 @@
             "esm": "./esm2022/scrollbar/koobiq-components-scrollbar.mjs",
             "default": "./fesm2022/koobiq-components-scrollbar.mjs"
         },
+        "./search-expandable": {
+            "types": "./search-expandable/index.d.ts",
+            "esm2022": "./esm2022/search-expandable/koobiq-components-search-expandable.mjs",
+            "esm": "./esm2022/search-expandable/koobiq-components-search-expandable.mjs",
+            "default": "./fesm2022/koobiq-components-search-expandable.mjs"
+        },
         "./select": {
             "types": "./select/index.d.ts",
             "esm2022": "./esm2022/select/koobiq-components-select.mjs",
@@ -316,6 +346,12 @@
             "esm": "./esm2022/sidepanel/koobiq-components-sidepanel.mjs",
             "default": "./fesm2022/koobiq-components-sidepanel.mjs"
         },
+        "./split-button": {
+            "types": "./split-button/index.d.ts",
+            "esm2022": "./esm2022/split-button/koobiq-components-split-button.mjs",
+            "esm": "./esm2022/split-button/koobiq-components-split-button.mjs",
+            "default": "./fesm2022/koobiq-components-split-button.mjs"
+        },
         "./splitter": {
             "types": "./splitter/index.d.ts",
             "esm2022": "./esm2022/splitter/koobiq-components-splitter.mjs",
@@ -346,6 +382,12 @@
             "esm": "./esm2022/textarea/koobiq-components-textarea.mjs",
             "default": "./fesm2022/koobiq-components-textarea.mjs"
         },
+        "./time-range": {
+            "types": "./time-range/index.d.ts",
+            "esm2022": "./esm2022/time-range/koobiq-components-time-range.mjs",
+            "esm": "./esm2022/time-range/koobiq-components-time-range.mjs",
+            "default": "./fesm2022/koobiq-components-time-range.mjs"
+        },
         "./timepicker": {
             "types": "./timepicker/index.d.ts",
             "esm2022": "./esm2022/timepicker/koobiq-components-timepicker.mjs",

package/popover/popover-tokens.scss

@@ -10,6 +10,7 @@
     --kbq-popover-size-header-padding-horizontal: var(--kbq-size-xxl);
     --kbq-popover-size-header-padding-top: var(--kbq-size-l);
     --kbq-popover-size-header-padding-bottom: var(--kbq-size-xs);
+    // Added top padding to prevent the outline of the first focused field from being clipped
     --kbq-popover-size-content-padding-top: var(--kbq-size-xxl);
     --kbq-popover-size-content-padding-bottom: var(--kbq-size-3xl);
     --kbq-popover-size-content-padding-horizontal: var(--kbq-size-xxl);

package/popover/popover.component.d.ts

@@ -3,6 +3,7 @@ import { CdkScrollable, Overlay, OverlayConfig, ScrollStrategy } from '@angular/
 import { AfterContentInit, AfterViewInit, ElementRef, EventEmitter, InjectionToken, OnInit, TemplateRef, Type } from '@angular/core';
 import { KbqComponentColors, KbqPopUp, KbqPopUpTrigger, PopUpPlacements, PopUpSizes } from '@koobiq/components/core';
 import * as i0 from "@angular/core";
+export declare const defaultOffsetYWithArrow = 8;
 export declare class KbqPopoverComponent extends KbqPopUp implements AfterViewInit {
     prefix: string;
     header: string | TemplateRef<any>;
@@ -41,6 +42,8 @@ export declare class KbqPopoverTrigger extends KbqPopUpTrigger<KbqPopoverCompone
     protected scrollStrategy: () => ScrollStrategy;
     /** prevents closure by any event */
     preventClose: boolean;
+    /** disables default padding for all popover elements (header, content and footer) */
+    defaultPaddings: boolean;
     get popoverVisible(): boolean;
     set popoverVisible(value: boolean);
     get popoverPlacement(): PopUpPlacements;
@@ -68,6 +71,10 @@ export declare class KbqPopoverTrigger extends KbqPopUpTrigger<KbqPopoverCompone
     private _size;
     get customClass(): string;
     set customClass(value: string);
+    /** Context for popover templates (kbqPopoverHeader, kbqPopoverContent and kbqPopoverFooter). */
+    get context(): unknown;
+    set context(ctx: unknown);
+    private _context;
     get hasCloseButton(): boolean;
     set hasCloseButton(value: boolean);
     private _hasCloseButton;
@@ -101,8 +108,9 @@ 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"], { "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 ɵdir: i0.ɵɵDirectiveDeclaration<KbqPopoverTrigger, "[kbqPopover]", ["kbqPopover"], { "preventClose": { "alias": "kbqPopoverPreventClose"; "required": false; }; "defaultPaddings": { "alias": "defaultPaddings"; "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; }; "context": { "alias": "kbqPopoverContext"; "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_defaultPaddings: unknown;
     static ngAcceptInputType_arrow: unknown;
     static ngAcceptInputType_offset: unknown;
     static ngAcceptInputType_leaveDelay: unknown;