@koobiq/components 18.22.0 → 18.24.0

package/filter-bar/filter-bar-button.d.ts

@@ -1,6 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class KbqFilterBarButton {
     private readonly button;
+    /** KbqFilterBar instance */
     private readonly filterBar;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqFilterBarButton, never>;

package/filter-bar/filter-bar.d.ts

@@ -5,11 +5,15 @@ import { KbqFilterReset } from './filter-reset';
 import { KbqFilters } from './filters';
 import * as i0 from "@angular/core";
 export declare class KbqFilterBar {
+    /** @docs-private */
     protected readonly changeDetectorRef: ChangeDetectorRef;
+    /** @docs-private */
     protected readonly localeService: import("@koobiq/components/core").KbqLocaleService | null;
     readonly externalConfiguration: unknown;
     configuration: any;
+    /** @docs-private */
     filters: KbqFilters;
+    /** @docs-private */
     filterReset: KbqFilterReset;
     /** Filter that is currently selected */
     get filter(): KbqFilter | null;
@@ -29,15 +33,25 @@ export declare class KbqFilterBar {
     readonly onChangePipe: EventEmitter<KbqPipe>;
     /** Event that emits whenever the pipe deleted. */
     readonly onRemovePipe: EventEmitter<KbqPipe>;
+    /** Whether the current filter is saved and changed */
     get isSavedAndChanged(): boolean;
+    /** Whether the current filter is saved */
     get isSaved(): boolean;
+    /** Whether the current filter is changed */
     get isChanged(): boolean;
+    /** Whether the current filter is readonly */
     get isReadOnly(): boolean;
+    /** Whether the current filter is disabled */
     get isDisabled(): boolean;
     private savedFilter;
+    /** all changes */
     readonly changes: BehaviorSubject<void>;
+    /** internal filter changes */
     readonly internalFilterChanges: BehaviorSubject<KbqFilter | null>;
+    /** internal changes in templates */
     readonly internalTemplatesChanges: BehaviorSubject<KbqPipeTemplate[] | null>;
+    /** this subject need for opens pipe after adding
+     * @docs-private */
     readonly openPipe: BehaviorSubject<string | number | null>;
     constructor();
     /** Remove pipe from current filter and emit event */

package/filter-bar/filter-bar.types.d.ts

@@ -1,6 +1,6 @@
-import { InjectionToken, TemplateRef } from '@angular/core';
+import { InjectionToken, Provider, TemplateRef } from '@angular/core';
 import { KbqFilterBar } from './filter-bar';
-export declare const KBQ_FILTER_BAR_CONFIGURATION: InjectionToken<unknown>;
+/**default configuration of filter-bar */
 export declare const KBQ_FILTER_BAR_DEFAULT_CONFIGURATION: {
     reset: {
         buttonName: string;
@@ -43,6 +43,13 @@ export declare const KBQ_FILTER_BAR_DEFAULT_CONFIGURATION: {
         backToPeriodSelection: string;
     };
 };
+/** Injection Token for providing configuration of filter-bar */
+export declare const KBQ_FILTER_BAR_CONFIGURATION: InjectionToken<unknown>;
+/** Injection Token for providing pipes in filter-bar */
+export declare const KBQ_FILTER_BAR_PIPES: InjectionToken<any>;
+/** Utility provider for `KBQ_FILTER_BAR_PIPES`. */
+export declare const kbqFilterBarPipesProvider: () => Provider;
+/** list of pipe types available out of the box */
 export declare enum KbqPipeTypes {
     Text = "text",
     Select = "select",
@@ -50,6 +57,9 @@ export declare enum KbqPipeTypes {
     Date = "date",
     Datetime = "datetime"
 }
+export type KbqPipeType = `${KbqPipeTypes}` | string;
+/** list of pipes available out of the box. */
+export declare const defaultFilterBarPipes: [string, unknown][];
 export interface KbqDateTimeValue {
     name?: string;
     start?: string;
@@ -70,7 +80,7 @@ export interface KbqFilter {
 export interface KbqPipe {
     name: string;
     id?: string | number;
-    type: KbqPipeTypes;
+    type: KbqPipeType;
     value: unknown | null;
     search?: boolean;
     required: boolean;

package/filter-bar/filter-reset.d.ts

@@ -1,11 +1,15 @@
 import { EventEmitter } from '@angular/core';
-import { KbqFilterBar } from './filter-bar';
 import { KbqFilter } from './filter-bar.types';
 import * as i0 from "@angular/core";
 export declare class KbqFilterReset {
-    protected readonly filterBar: KbqFilterBar;
+    /** KbqFilterBar instance */
+    private readonly filterBar;
     /** Event that is generated whenever the user reset a filter. */
     readonly onResetFilter: EventEmitter<KbqFilter | null>;
+    /** localized data
+     * @docs-private */
+    get localeData(): any;
+    protected resetFilter(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqFilterReset, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KbqFilterReset, "kbq-filter-reset", never, {}, { "onResetFilter": "onResetFilter"; }, never, ["*"], true, never>;
 }

package/filter-bar/filter-search.d.ts

@@ -1,24 +1,31 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { UntypedFormControl } from '@angular/forms';
-import { KbqButton } from '@koobiq/components/button';
-import { KbqInput } from '@koobiq/components/input';
-import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
-import { KbqFilterBar } from './filter-bar';
 import * as i0 from "@angular/core";
 export declare class KbqFilterBarSearch {
-    protected readonly filterBar: KbqFilterBar;
-    protected readonly changeDetectorRef: ChangeDetectorRef;
-    input: KbqInput;
-    button: KbqButton;
-    tooltip: KbqTooltipTrigger;
+    /** KbqFilterBar instance */
+    private readonly filterBar;
+    private readonly changeDetectorRef;
+    private input;
+    private button;
+    private tooltip;
+    /** control for search */
     searchControl: UntypedFormControl;
+    /** Whether the search active */
     isSearchActive: boolean;
+    /** localized data
+     * @docs-private */
+    get localeData(): any;
+    /** event that is generated whenever a user performs a search. */
     readonly onSearch: EventEmitter<string>;
     constructor();
     openSearch(): void;
+    /** @docs-private */
     onBlur(): void;
+    /** @docs-private */
     onEscape(): void;
+    /** @docs-private */
     onClear(): void;
+    /** @docs-private */
     onReset: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqFilterBarSearch, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KbqFilterBarSearch, "kbq-filter-search, [kbq-filter-search]", never, {}, { "onSearch": "onSearch"; }, never, never, true, never>;

package/filter-bar/filters.d.ts

@@ -1,28 +1,36 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { FormControl, UntypedFormControl } from '@angular/forms';
-import { KbqButton, KbqButtonStyles } from '@koobiq/components/button';
+import { KbqButtonStyles } from '@koobiq/components/button';
 import { KbqComponentColors, PopUpPlacements, PopUpSizes } from '@koobiq/components/core';
-import { KbqDropdownTrigger } from '@koobiq/components/dropdown';
-import { KbqPopoverTrigger } from '@koobiq/components/popover';
 import { Observable } from 'rxjs';
 import { KbqFilterBar } from './filter-bar';
 import { KbqFilter, KbqSaveFilterError, KbqSaveFilterEvent } from './filter-bar.types';
 import * as i0 from "@angular/core";
 export declare class KbqFilters implements OnInit {
+    /** @docs-private */
     protected readonly placements: typeof PopUpPlacements;
-    protected readonly filterBar: KbqFilterBar;
-    protected readonly changeDetectorRef: ChangeDetectorRef;
-    button: KbqButton;
-    popover: KbqPopoverTrigger;
-    dropdown: KbqDropdownTrigger;
-    search: ElementRef;
-    newFilterName: ElementRef;
+    /** @docs-private */
     protected readonly styles: typeof KbqButtonStyles;
+    /** @docs-private */
     protected readonly colors: typeof KbqComponentColors;
+    /** KbqFilterBar instance */
+    protected readonly filterBar: KbqFilterBar;
+    /** @docs-private */
+    private readonly changeDetectorRef;
+    private button;
+    private popover;
+    private dropdown;
+    private search;
+    private newFilterName;
+    /** control for search filter */
     searchControl: UntypedFormControl;
+    /** filtered by search filters */
     filteredOptions: Observable<KbqFilter[]>;
+    /** @docs-private */
     popoverSize: PopUpSizes;
+    /** new filter name for saving */
     filterName: FormControl<string | null>;
+    /** true if saving a new filter, false if saving changes in filter */
     saveNewFilter: boolean;
     showFilterSavingError: boolean;
     filterSavingErrorText: string;
@@ -39,6 +47,7 @@ export declare class KbqFilters implements OnInit {
     readonly onRemoveFilter: EventEmitter<KbqFilter>;
     /** Event that is generated whenever the user reset a filter changes. */
     readonly onResetFilterChanges: EventEmitter<KbqFilter | null>;
+    /** header of popover. Depends on the mode */
     get popoverHeader(): string;
     /** Component state. true if opened dropdown or popup */
     get opened(): boolean;
@@ -46,6 +55,9 @@ export declare class KbqFilters implements OnInit {
     get filter(): KbqFilter | null;
     /** Component state. True if 'filters' input contains no elements. */
     get isEmpty(): boolean;
+    /** localized data
+     * @docs-private */
+    get localeData(): any;
     constructor();
     ngOnInit(): void;
     selectFilter(filter: KbqFilter): void;
@@ -57,8 +69,11 @@ export declare class KbqFilters implements OnInit {
     openSaveAsNewFilterPopover(): void;
     openChangeFilterNamePopover(): void;
     closePopover: () => void;
+    /** @docs-private */
     stopEventPropagation(event: Event): void;
+    /** @docs-private */
     searchKeydownHandler(event: KeyboardEvent): void;
+    /** @docs-private */
     onDropdownOpen(): void;
     resetFilterChanges(): void;
     /** Hide the popup and restore focus.

package/filter-bar/pipe-add.d.ts

@@ -5,13 +5,23 @@ import { KbqFilterBar } from './filter-bar';
 import { KbqFilter, KbqPipe, KbqPipeTemplate } from './filter-bar.types';
 import * as i0 from "@angular/core";
 export declare class KbqPipeAdd {
+    /** KbqFilterBar instance */
     protected readonly filterBar: KbqFilterBar;
+    /** @docs-private */
     select: KbqSelect;
+    /** Event that is generated after add pipe. */
     readonly onAddPipe: EventEmitter<KbqPipeTemplate>;
+    /** template of filter */
     filterTemplate: KbqFilter;
+    /** already added pipes. Used to open an already added pipe. */
     addedPipes: (string | number)[];
     constructor();
     addPipeFromTemplate(option: KbqOption): void;
+    /**
+     * Function to compare the option values with the selected values. The first argument
+     * is a value from an option. The second is a value from the selection. A boolean
+     * should be returned.
+     */
     compareWith(o1: KbqPipe, o2: string): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqPipeAdd, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KbqPipeAdd, "kbq-pipe-add", never, { "filterTemplate": { "alias": "filterTemplate"; "required": false; }; }, { "onAddPipe": "onAddPipe"; }, never, never, true, never>;

package/filter-bar/pipe.directive.d.ts

@@ -1,13 +1,13 @@
-import { AfterContentInit, Injector, ViewContainerRef } from '@angular/core';
-import { KbqPipe, KbqPipeTemplate } from './filter-bar.types';
+import { AfterContentInit } from '@angular/core';
+import { KbqPipe } from './filter-bar.types';
 import * as i0 from "@angular/core";
 export declare class KbqPipeDirective<T extends KbqPipe> implements AfterContentInit {
     private injector;
-    protected readonly viewContainerRef: ViewContainerRef;
-    values: KbqPipeTemplate[];
+    private pipes;
+    private viewContainerRef;
     pipe: T;
     ngAfterContentInit(): void;
-    getInjector(pipe: T): Injector;
+    private getInjector;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqPipeDirective<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqPipeDirective<any>, "[kbqPipe]", never, { "pipe": { "alias": "kbqPipe"; "required": false; }; }, {}, never, never, true, never>;
 }

package/filter-bar/pipes/base-pipe.d.ts

@@ -1,37 +1,65 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, InjectionToken, TemplateRef } from '@angular/core';
 import { Subject } from 'rxjs';
 import { KbqFilterBar } from '../filter-bar';
-import { KbqPipeData, KbqPipeTemplate } from '../filter-bar.types';
+import { KbqPipeData, KbqPipeTemplate, KbqPipeType } from '../filter-bar.types';
 import * as i0 from "@angular/core";
+/** Injection Token for providing configuration of filter-bar */
 export declare const KBQ_PIPE_DATA: InjectionToken<unknown>;
+/** function to get unique identifier of an element */
+export declare function getId(item: KbqPipeTemplate): KbqPipeType | string | number;
 export declare abstract class KbqBasePipe<V> implements AfterViewInit {
+    /** changes of state */
     readonly stateChanges: Subject<void>;
+    /** pipe data. Provided from subclass */
     readonly data: KbqPipeData<V>;
+    /** KbqFilterBar instance
+     * @docs-private */
     protected readonly filterBar: KbqFilterBar | null;
+    /** @docs-private */
     protected readonly changeDetectorRef: ChangeDetectorRef;
+    /** values to select from the pipe template */
     protected values: any;
+    /** TemplateRef for selecting an option */
     protected valueTemplate?: TemplateRef<any> | string;
+    /** Whether the current platform is a Mac. */
     isMac: boolean;
+    /** Data for the pipe.
+     *  @docs-private */
     $implicit: unknown;
+    /** Whether the current pipe is empty. Used for apply style modifier */
     get isEmpty(): boolean;
+    /** Whether the current pipe is removable or cleanable. Used for apply style modifier */
     get showRemoveButton(): boolean;
+    /** localized data
+     * @docs-private */
     get localeData(): any;
     constructor();
     ngAfterViewInit(): void;
-    isTemplateRef(value: any): boolean;
+    /** templateRef checker utility */
+    isTemplateRef(value: unknown): boolean;
+    /** updates values for selection and value template */
     updateTemplates: (templates: KbqPipeTemplate[] | null) => void;
+    /** removes pipe from filter-bar and triggers changes */
     onRemove(): void;
+    /** clears the pipe and triggers changes */
     onClear(): void;
+    /** @docs-private */
     abstract open(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqBasePipe<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqBasePipe<any>, never, never, {}, {}, never, never, true, never>;
 }
 export declare class KbqPipeMinWidth {
+    /** KbqFilterBar instance */
     protected readonly filterBar: KbqFilterBar | null;
+    /** @docs-private */
     protected readonly elementRef: ElementRef<any>;
+    /** @docs-private */
     protected readonly changeDetectorRef: ChangeDetectorRef;
-    minWidth: string;
+    /** @docs-private */
+    protected minWidth: string;
+    /** maximal symbols for apply fit-content to min-width */
     maxSymbolsForFitContent: number;
+    /** current length of text */
     get textLength(): number;
     constructor();
     update: () => void;

package/filter-bar/pipes/pipe-button.d.ts

@@ -3,9 +3,14 @@ import { KbqFilterBar } from '../filter-bar';
 import { KbqBasePipe } from './base-pipe';
 import * as i0 from "@angular/core";
 export declare class KbqPipeButton {
+    /** KbqPipe instance */
     protected readonly pipe: KbqBasePipe<any>;
-    protected readonly filterBar: KbqFilterBar | null;
+    /** KbqFilterBar instance */
+    protected readonly filterBar: KbqFilterBar;
+    /** @docs-private */
     protected readonly changeDetectorRef: ChangeDetectorRef;
+    /** localized data
+     * @docs-private */
     get localeData(): any;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqPipeButton, never>;

package/filter-bar/pipes/pipe-date.d.ts

@@ -1,36 +1,56 @@
 import { FormGroup } from '@angular/forms';
 import { KbqButton, KbqButtonStyles } from '@koobiq/components/button';
-import { DateAdapter, DateFormatter, KbqComponentColors, PopUpPlacements } from '@koobiq/components/core';
+import { KbqComponentColors, PopUpPlacements } from '@koobiq/components/core';
 import { KbqListSelection } from '@koobiq/components/list';
 import { KbqPopoverTrigger } from '@koobiq/components/popover';
 import { KbqDateTimeValue } from '../filter-bar.types';
 import { KbqBasePipe } from './base-pipe';
 import * as i0 from "@angular/core";
 export declare class KbqPipeDateComponent<D> extends KbqBasePipe<KbqDateTimeValue> {
-    protected readonly adapter: DateAdapter<any>;
-    protected readonly formatter: DateFormatter<any>;
+    private readonly adapter;
+    private readonly formatter;
+    /** @docs-private */
     protected readonly placements: typeof PopUpPlacements;
+    /** @docs-private */
     protected readonly styles: typeof KbqButtonStyles;
+    /** @docs-private */
     protected readonly colors: typeof KbqComponentColors;
-    protected list: boolean;
+    /** Whether the current state is list of periods. When false will displayed control for set custom period */
+    protected isListMode: boolean;
+    /** @docs-private */
     protected formGroup: FormGroup;
+    /** @docs-private */
     protected showStartCalendar: boolean;
+    /** @docs-private */
     protected showEndCalendar: boolean;
+    /** formatted value for period */
     get formattedValue(): string;
+    /** Whether the current pipe is disabled. */
     get disabled(): boolean;
-    get start(): any;
-    get defaultStart(): any;
-    get end(): any;
-    get defaultEnd(): any;
+    /** parsed start */
+    get start(): D;
+    /** default object for start */
+    get defaultStart(): D;
+    /** parsed end */
+    get end(): D;
+    /** default object for end */
+    get defaultEnd(): D;
+    /** Whether the current pipe is empty. */
     get isEmpty(): boolean;
+    /** @docs-private */
     popover: KbqPopoverTrigger;
+    /** @docs-private */
     listSelection: import("@angular/core").Signal<KbqListSelection>;
+    /** @docs-private */
     returnButton: import("@angular/core").Signal<KbqButton>;
+    /** keydown handler
+     * @docs-private */
     onKeydown($event: KeyboardEvent): void;
     onApplyPeriod(): void;
     onSelect(item: KbqDateTimeValue): void;
-    openPeriod(): void;
-    openList(): void;
+    showPeriod(): void;
+    showList(): void;
+    /** opens popover */
     open(): void;
     onSelectStartDate(value: D): void;
     onSelectEndDate(value: D): void;

package/filter-bar/pipes/pipe-date.scss

@@ -4,10 +4,6 @@
 @use '../../datepicker/datepicker-tokens' as *;
 
 .kbq-pipe-date__popover {
-    &.kbq-popover.kbq-popover_medium {
-        margin-top: var(--kbq-size-xxs);
-    }
-
     & .kbq-popover__container {
         max-height: unset;
     }
@@ -56,14 +52,17 @@
         }
 
         & .kbq-date-period__content {
-            display: flex;
-            flex-direction: column;
+            display: grid;
+            grid-auto-columns: minmax(min-content, 1fr);
+            grid-template-columns: min-content;
 
             padding: 0;
 
             gap: var(--kbq-size-s);
 
             & .kbq-date-period__content-header {
+                grid-column: 2 span;
+
                 padding-top: var(--kbq-size-s);
                 padding-left: var(--kbq-size-l);
                 padding-right: var(--kbq-size-l);
@@ -71,42 +70,43 @@
                 color: var(--kbq-foreground-contrast-secondary);
             }
 
-            & .kbq-form__row {
+            & .kbq-form__label {
                 padding-left: var(--kbq-size-l);
+            }
+
+            & .kbq-form__control {
                 padding-right: var(--kbq-size-l);
+            }
 
-                & .kbq-date-period__date,
-                & .kbq-date-period__time {
-                    flex: 1;
-                }
+            & .kbq-date-period__date,
+            & .kbq-date-period__time {
+                flex: 1;
+            }
 
-                &.kbq-form__row_with-time {
-                    & .kbq-date-period__date {
-                        max-width: 45%;
+            & .kbq-form__row_with-time {
+                display: flex;
 
-                        & .kbq-form-field__container {
-                            border-top-right-radius: unset;
-                            border-bottom-right-radius: unset;
-                        }
+                & .kbq-date-period__date {
+                    & .kbq-form-field__container {
+                        border-top-right-radius: unset;
+                        border-bottom-right-radius: unset;
                     }
+                }
 
-                    & .kbq-date-period__time {
-                        margin-left: -1px;
-                        max-width: 45%;
+                & .kbq-date-period__time {
+                    margin-left: -1px;
 
-                        & .kbq-form-field__container {
-                            border-top-left-radius: unset;
-                            border-bottom-left-radius: unset;
-                        }
+                    & .kbq-form-field__container {
+                        border-top-left-radius: unset;
+                        border-bottom-left-radius: unset;
                     }
                 }
             }
 
             & .kbq-calendar {
                 position: relative;
-
+                grid-column: 2 span;
                 padding: var(--kbq-size-s) var(--kbq-size-s) var(--kbq-size-m);
-
                 background-color: var(--kbq-background-bg-tertiary);
 
                 &.kbq-calendar_hidden {
@@ -115,6 +115,8 @@
             }
 
             & .kbq-hint {
+                grid-column: 2 span;
+
                 padding-left: var(--kbq-size-m);
                 padding-right: var(--kbq-size-m);
             }

package/filter-bar/pipes/pipe-datetime.d.ts

@@ -1,36 +1,57 @@
 import { FormGroup } from '@angular/forms';
 import { KbqButton, KbqButtonStyles } from '@koobiq/components/button';
-import { DateAdapter, DateFormatter, KbqComponentColors, PopUpPlacements } from '@koobiq/components/core';
+import { KbqComponentColors, PopUpPlacements } from '@koobiq/components/core';
 import { KbqListSelection } from '@koobiq/components/list';
 import { KbqPopoverTrigger } from '@koobiq/components/popover';
 import { KbqDateTimeValue } from '../filter-bar.types';
 import { KbqBasePipe } from './base-pipe';
 import * as i0 from "@angular/core";
 export declare class KbqPipeDatetimeComponent<D> extends KbqBasePipe<KbqDateTimeValue> {
-    protected readonly adapter: DateAdapter<any>;
-    protected readonly formatter: DateFormatter<any>;
+    private readonly adapter;
+    private readonly formatter;
+    /** @docs-private */
     protected readonly placements: typeof PopUpPlacements;
+    /** @docs-private */
     protected readonly styles: typeof KbqButtonStyles;
+    /** @docs-private */
     protected readonly colors: typeof KbqComponentColors;
-    protected list: boolean;
+    /** Whether the current state is list of periods. When false will displayed control for set custom period */
+    protected isListMode: boolean;
+    /** @docs-private */
     protected formGroup: FormGroup;
+    /** @docs-private */
     protected showStartCalendar: boolean;
+    /** @docs-private */
     protected showEndCalendar: boolean;
+    /** formatted value for period */
     get formattedValue(): string;
+    /** Whether the current pipe is disabled. */
     get disabled(): boolean;
-    get start(): any;
-    get defaultStart(): any;
-    get end(): any;
-    get defaultEnd(): any;
+    /** parsed start */
+    get start(): D;
+    /** default object for start */
+    get defaultStart(): D;
+    /** parsed end */
+    get end(): D;
+    /** default object for end */
+    get defaultEnd(): D;
+    /** Whether the current pipe is empty. */
     get isEmpty(): boolean;
+    /** @docs-private */
     popover: KbqPopoverTrigger;
+    /** @docs-private */
     listSelection: import("@angular/core").Signal<KbqListSelection>;
+    /** @docs-private */
     returnButton: import("@angular/core").Signal<KbqButton>;
+    /** keydown handler
+     * @docs-private */
     onKeydown($event: KeyboardEvent): void;
+    /** @docs-private */
     onApplyPeriod(): void;
     onSelect(item: KbqDateTimeValue): void;
-    openPeriod(): void;
-    openList(): void;
+    showPeriod(): void;
+    showList(): void;
+    /** opens popover */
     open(): void;
     onSelectStartDate(value: D): void;
     onSelectEndDate(value: D): void;

package/filter-bar/pipes/pipe-multi-select.d.ts

@@ -6,15 +6,22 @@ import { KbqSelectValue } from '../filter-bar.types';
 import { KbqBasePipe } from './base-pipe';
 import * as i0 from "@angular/core";
 export declare class KbqPipeMultiSelectComponent extends KbqBasePipe<KbqSelectValue[]> implements OnInit {
+    /** control for search options */
     searchControl: UntypedFormControl;
+    /** filtered by search options */
     filteredOptions: Observable<any[]>;
+    /** @docs-private */
     select: KbqSelect;
+    /** selected value */
     get selected(): KbqSelectValue[] | null;
+    /** Whether the current pipe is empty. */
     get isEmpty(): boolean;
     ngOnInit(): void;
     onSelect(item: KbqSelectValue[]): void;
     onClear(): void;
+    /** Comparator of selected options */
     compareByValue: (o1: any, o2: any) => boolean;
+    /** opens select */
     open(): void;
     private getFilteredOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqPipeMultiSelectComponent, never>;

package/filter-bar/pipes/pipe-select.d.ts

@@ -6,14 +6,21 @@ import { KbqSelectValue } from '../filter-bar.types';
 import { KbqBasePipe } from './base-pipe';
 import * as i0 from "@angular/core";
 export declare class KbqPipeSelectComponent extends KbqBasePipe<KbqSelectValue> implements OnInit {
+    /** control for search options */
     searchControl: UntypedFormControl;
+    /** filtered by search options */
     filteredOptions: Observable<any[]>;
+    /** @docs-private */
     select: KbqSelect;
+    /** selected value */
     get selected(): KbqSelectValue | null;
+    /** Whether the current pipe is empty. */
     get isEmpty(): boolean;
     ngOnInit(): void;
     onSelect(item: KbqSelectValue): void;
+    /** Comparator of selected options */
     compareByValue: (o1: any, o2: any) => boolean;
+    /** opens select */
     open(): void;
     private getFilteredOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqPipeSelectComponent, never>;

package/filter-bar/pipes/pipe-state.d.ts

@@ -4,6 +4,7 @@ export declare class KbqPipeState<T> implements OnInit {
     private readonly destroyRef;
     private readonly button;
     private readonly pipe;
+    /** calculates and updates styles of button from pipe state */
     set state(pipe: T | null);
     get state(): T | null;
     private _state;