@odx/angular 1.0.4 → 2.0.0

package/cdk/autocomplete-control/README.md

@@ -0,0 +1,3 @@
+# @odx/angular/cdk/autocomplete-control
+
+Secondary entry point of `@odx/angular`. It can be used by importing from `@odx/angular/cdk/autocomplete-control`.

package/cdk/autocomplete-control/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/abstract';
+export * from './lib/autocomplete-control';
+export * from './lib/pipes';

package/cdk/autocomplete-control/lib/abstract/base-search-field.directive.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare abstract class BaseSearchFieldDirective {
+    protected readonly takeUntilDestroyed: <T>() => import("rxjs").MonoTypeOperatorFunction<T>;
+    readonly element: import("@angular/core").ElementRef<HTMLInputElement>;
+    valueChange$: import("rxjs").Observable<string>;
+    get nativeElementValue(): string;
+    set nativeElementValue(value: string);
+    focus(): void;
+    blur(): void;
+    reset(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseSearchFieldDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseSearchFieldDirective, never, never, {}, {}, never, never, true, never>;
+}

package/cdk/autocomplete-control/lib/abstract/index.d.ts

@@ -0,0 +1 @@
+export * from './base-search-field.directive';

package/cdk/autocomplete-control/lib/autocomplete-control.d.ts

@@ -0,0 +1,39 @@
+import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, QueryList } from '@angular/core';
+import { StringifyFn } from '@odx/angular';
+import { CustomFormControl } from '@odx/angular/cdk/custom-form-control';
+import { OptionControl } from '@odx/angular/cdk/option-control';
+import { DropdownDirective } from '@odx/angular/components/dropdown';
+import { BaseSearchFieldDirective } from './abstract';
+import * as i0 from "@angular/core";
+export declare abstract class AutocompleteControl<T> extends CustomFormControl<T | null> implements AfterViewInit {
+    static ngAcceptInputType_isLoading: BooleanInput;
+    protected keyManager?: ActiveDescendantKeyManager<OptionControl<T>>;
+    protected smoothScrollEnabled: boolean;
+    protected readonly dropdown?: DropdownDirective;
+    protected abstract readonly options?: QueryList<OptionControl<T>>;
+    protected readonly takeUntilDestroyed: <T_1>() => import("rxjs").MonoTypeOperatorFunction<T_1>;
+    protected readonly changeDetector: ChangeDetectorRef;
+    abstract searchField?: BaseSearchFieldDirective;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    get hasOptions(): boolean;
+    get isOpen(): boolean;
+    isLoading: boolean;
+    stringify?: StringifyFn<unknown>;
+    optionSelected: EventEmitter<T>;
+    constructor();
+    ngAfterViewInit(): void;
+    scrollOptionIntoView({ element }: OptionControl<T>): void;
+    protected abstract handleQueryListOption(options: QueryList<OptionControl<T>>): void;
+    protected abstract handleSearchFieldChanges(): void;
+    protected abstract activateSelectedOption(): void;
+    protected initKeyManager(options: QueryList<OptionControl<T>>): void;
+    protected disableSmoothScroll(): void;
+    protected enableSmoothScroll(): void;
+    protected openDropdown(): void;
+    protected closeDropdown(): void;
+    protected handleFocusOut(event: FocusEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteControl<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutocompleteControl<any>, never, never, { "isLoading": "isLoading"; "stringify": "stringify"; }, { "optionSelected": "optionSelected"; }, never, never, true, never>;
+}

package/cdk/autocomplete-control/lib/pipes/base-search-filter-pipe.d.ts

@@ -0,0 +1,11 @@
+import { StringifyFn, StringSearchHandler } from '@odx/angular';
+import { BaseSearchFieldDirective } from '../abstract';
+export declare abstract class BaseSearchFilterPipe {
+    private readonly stringSearchHandler;
+    protected readonly stringify: StringifyFn<unknown>;
+    transform<T>(items: T[] | null, searchHandler?: StringSearchHandler): T[] | null;
+    protected abstract get searchField(): BaseSearchFieldDirective | undefined;
+    protected abstract get searchBy(): StringifyFn<unknown>;
+    protected abstract queryHandler(query: string): string;
+    private filter;
+}

package/cdk/autocomplete-control/lib/pipes/index.d.ts

@@ -0,0 +1 @@
+export * from './base-search-filter-pipe';

package/cdk/option-control/README.md

@@ -0,0 +1,3 @@
+# @odx/angular/cdk/option-control
+
+Secondary entry point of `@odx/angular`. It can be used by importing from `@odx/angular/cdk/option-control`.

package/cdk/option-control/index.d.ts

@@ -0,0 +1 @@
+export * from './lib/option-control';

package/cdk/option-control/lib/option-control.d.ts

@@ -0,0 +1,17 @@
+import { Highlightable } from '@angular/cdk/a11y';
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare abstract class OptionControl<T> implements Highlightable {
+    protected readonly takeUntilDestroyed: <T_1>() => import("rxjs").MonoTypeOperatorFunction<T_1>;
+    protected readonly cdr: ChangeDetectorRef;
+    protected isActive: boolean;
+    value: T | null;
+    readonly element: ElementRef<HTMLElement>;
+    setActiveStyles(): void;
+    setInactiveStyles(): void;
+    getLabel(): string;
+    protected abstract selectOption(): void;
+    protected select(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionControl<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OptionControl<any>, never, never, { "value": "value"; }, {}, never, never, true, never>;
+}

package/components/autocomplete/README.md

@@ -0,0 +1,3 @@
+# @odx/angular/autocomplete
+
+Secondary entry point of `@odx/angular`. It can be used by importing from `@odx/angular/autocomplete`.

package/components/autocomplete/index.d.ts

@@ -0,0 +1,6 @@
+export * from './lib/autocomplete.component';
+export * from './lib/autocomplete.module';
+export * from './lib/autocomplete.tokens';
+export * from './lib/components';
+export * from './lib/directives';
+export * from './lib/pipes';

package/components/autocomplete/lib/autocomplete.component.d.ts

@@ -0,0 +1,30 @@
+import { AfterViewInit, QueryList } from '@angular/core';
+import { ClickOutsideDirective } from '@odx/angular';
+import { AutocompleteControl } from '@odx/angular/cdk/autocomplete-control';
+import { AutocompleteOptionComponent } from './components';
+import { AutocompleteSearchFieldDirective } from './directives';
+import * as i0 from "@angular/core";
+import * as i1 from "@odx/angular";
+export declare class AutocompleteComponent<T = unknown> extends AutocompleteControl<T | null> implements AfterViewInit {
+    private readonly defaultActiveOptionIndex;
+    protected readonly clickOutsideDirective: ClickOutsideDirective;
+    options?: QueryList<AutocompleteOptionComponent<T>>;
+    searchField?: AutocompleteSearchFieldDirective;
+    readonly dropdownOpenTriggers: never[];
+    ngAfterViewInit(): void;
+    selectOption(option?: AutocompleteOptionComponent<T> | null): void;
+    resetSearchField(): void;
+    protected handleQueryListOption(options: QueryList<AutocompleteOptionComponent<T>>): void;
+    protected handleSearchFieldChanges(): void;
+    protected handleClickOutside(): void;
+    protected clickOutside(): void;
+    protected handleSearchFieldValueChange(): void;
+    protected handleClickEvent(): void;
+    protected handleKeyboardEvent(event: KeyboardEvent): void;
+    protected activateSelectedOption(): void;
+    protected onDropdownBeforeOpen(): void;
+    private updateSearchField;
+    private blurSelectSearchField;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent<any>, "odx-autocomplete", never, {}, {}, ["searchField", "options"], ["input[odxAutocompleteControl]", "*"], true, [{ directive: typeof i1.ClickOutsideDirective; inputs: {}; outputs: {}; }]>;
+}

package/components/autocomplete/lib/autocomplete.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./autocomplete.component";
+import * as i2 from "./directives/autocomplete-search-field.directive";
+import * as i3 from "./pipes/autocomplete-search-filter.pipe";
+import * as i4 from "./components/option/autocomplete-option.component";
+import * as i5 from "@odx/angular";
+export declare class AutocompleteModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AutocompleteModule, never, [typeof i1.AutocompleteComponent, typeof i2.AutocompleteSearchFieldDirective, typeof i3.AutocompleteSearchFilterPipe, typeof i4.AutocompleteOptionComponent], [typeof i5.CoreModule, typeof i1.AutocompleteComponent, typeof i2.AutocompleteSearchFieldDirective, typeof i3.AutocompleteSearchFilterPipe, typeof i4.AutocompleteOptionComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AutocompleteModule>;
+}

package/components/autocomplete/lib/autocomplete.tokens.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+import { AutocompleteComponent } from './autocomplete.component';
+export declare const AUTOCOMPLETE_CONTROL: InjectionToken<AutocompleteComponent<unknown>>;

package/components/autocomplete/lib/components/index.d.ts

@@ -0,0 +1 @@
+export * from './option/autocomplete-option.component';

package/components/autocomplete/lib/components/option/autocomplete-option.component.d.ts

@@ -0,0 +1,9 @@
+import { OptionControl } from '@odx/angular/cdk/option-control';
+import * as i0 from "@angular/core";
+export declare class AutocompleteOptionComponent<T> extends OptionControl<T> {
+    protected readonly autocompleteControl: import("@odx/angular/components/autocomplete").AutocompleteComponent<unknown>;
+    setActiveStyles(): void;
+    protected selectOption(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteOptionComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteOptionComponent<any>, "odx-autocomplete-option", never, {}, {}, never, ["*"], true, never>;
+}

package/components/autocomplete/lib/directives/autocomplete-search-field.directive.d.ts

@@ -0,0 +1,9 @@
+import { ReadonlyController } from '@odx/angular';
+import { BaseSearchFieldDirective } from '@odx/angular/cdk/autocomplete-control';
+import * as i0 from "@angular/core";
+import * as i1 from "@odx/angular";
+export declare class AutocompleteSearchFieldDirective extends BaseSearchFieldDirective {
+    protected readonly readonlyController: ReadonlyController | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteSearchFieldDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutocompleteSearchFieldDirective, "input[odxAutocompleteControl]", never, {}, {}, never, never, true, [{ directive: typeof i1.WithTabIndex; inputs: {}; outputs: {}; }]>;
+}

package/components/autocomplete/lib/directives/index.d.ts

@@ -0,0 +1 @@
+export * from './autocomplete-search-field.directive';

package/components/autocomplete/lib/pipes/autocomplete-search-filter.pipe.d.ts

@@ -0,0 +1,12 @@
+import { PipeTransform } from '@angular/core';
+import { StringifyFn } from '@odx/angular';
+import { BaseSearchFieldDirective, BaseSearchFilterPipe } from '@odx/angular/cdk/autocomplete-control';
+import * as i0 from "@angular/core";
+export declare class AutocompleteSearchFilterPipe extends BaseSearchFilterPipe implements PipeTransform {
+    protected readonly hostController: import("@odx/angular/components/autocomplete").AutocompleteComponent<unknown> | null;
+    protected get searchField(): BaseSearchFieldDirective | undefined;
+    protected queryHandler(query: string): string;
+    protected get searchBy(): StringifyFn<unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteSearchFilterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AutocompleteSearchFilterPipe, "odxAutocompleteSearchFilter", true>;
+}

package/components/autocomplete/lib/pipes/index.d.ts

@@ -0,0 +1 @@
+export * from './autocomplete-search-filter.pipe';

package/components/chip/index.d.ts

@@ -1,2 +1,2 @@
-export * from './lib/chip.component';
+export * from './lib/components';
 export * from './lib/models';

package/components/chip/lib/{chip.component.d.ts → components/chip/chip.component.d.ts}

@@ -1,6 +1,6 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { EventEmitter } from '@angular/core';
-import { ChipSize, ChipVariant } from './models';
+import { ChipSize, ChipVariant } from '../../models';
 import * as i0 from "@angular/core";
 export declare class ChipComponent {
     static ngAcceptInputType_removable: BooleanInput;

package/components/chip/lib/components/chip-list/chip-list.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class ChipListComponent {
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChipListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipListComponent, "odx-chip-list", never, {}, {}, never, ["odx-chip-list-row", "odx-autocomplete"], true, never>;
+}

package/components/chip/lib/components/chip-list-row/chip-list-row.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class ChipListRowComponent {
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChipListRowComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipListRowComponent, "odx-chip-list-row", never, {}, {}, never, ["odx-chip"], true, never>;
+}

package/components/chip/lib/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './chip-list-row/chip-list-row.component';
+export * from './chip-list/chip-list.component';
+export * from './chip/chip.component';

package/components/dropdown/lib/dropdown.directive.d.ts

@@ -20,6 +20,7 @@ export declare class DropdownDirective implements AfterViewInit, OnChanges, OnDe
     content?: DynamicContent | null;
     disabled: boolean;
     showLoader: boolean;
+    clickOutsideActive: boolean;
     options?: Partial<DropdownOptions> | null;
     referenceElement?: HTMLElement | null;
     triggerElement?: HTMLElement | null;
@@ -38,5 +39,5 @@ export declare class DropdownDirective implements AfterViewInit, OnChanges, OnDe
     close(event?: Event): void;
     private createOverlayOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownDirective, "[odxDropdown]", ["odxDropdown"], { "content": "odxDropdown"; "disabled": "odxDropdownDisabled"; "showLoader": "odxDropdownShowLoader"; "options": "odxDropdownOptions"; "referenceElement": "odxDropdownReferenceElement"; "triggerElement": "odxDropdownTriggerElement"; "host": "odxDropdownHost"; "openTrigger": "odxDropdownOpenTrigger"; "closeTrigger": "odxDropdownCloseTrigger"; }, { "beforeOpen": "odxDropdownBeforeOpen"; "afterOpen": "odxDropdownAfterOpen"; "beforeClose": "odxDropdownBeforeClose"; "afterClose": "odxDropdownAfterClose"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownDirective, "[odxDropdown]", ["odxDropdown"], { "content": "odxDropdown"; "disabled": "odxDropdownDisabled"; "showLoader": "odxDropdownShowLoader"; "clickOutsideActive": "odxDropdownClickOutsideActive"; "options": "odxDropdownOptions"; "referenceElement": "odxDropdownReferenceElement"; "triggerElement": "odxDropdownTriggerElement"; "host": "odxDropdownHost"; "openTrigger": "odxDropdownOpenTrigger"; "closeTrigger": "odxDropdownCloseTrigger"; }, { "beforeOpen": "odxDropdownBeforeOpen"; "afterOpen": "odxDropdownAfterOpen"; "beforeClose": "odxDropdownBeforeClose"; "afterClose": "odxDropdownAfterClose"; }, never, never, true, never>;
 }

package/components/form-field/lib/models/form-field-variant.d.ts

@@ -2,4 +2,5 @@ export type FormFieldVariant = (typeof FormFieldVariant)[keyof typeof FormFieldV
 export declare const FormFieldVariant: {
     readonly FULL: "full";
     readonly SIMPLE: "simple";
+    readonly HORIZONTAL: "horizontal";
 };

package/components/main-menu/lib/directives/index.d.ts

@@ -1,2 +1,3 @@
 export * from './main-menu-button.directive';
+export * from './main-menu-close.directive';
 export * from './main-menu-item.directive';

package/components/main-menu/lib/directives/main-menu-close.directive.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class MainMenuCloseDirective {
+    private readonly mainMenu;
+    protected onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MainMenuCloseDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MainMenuCloseDirective, "[odxMainMenuClose]", never, {}, {}, never, never, true, never>;
+}

package/components/main-menu/lib/directives/main-menu-item.directive.d.ts

@@ -2,13 +2,12 @@ import { BooleanInput } from '@angular/cdk/coercion';
 import { RouterLinkActive } from '@angular/router';
 import * as i0 from "@angular/core";
 import * as i1 from "@odx/angular";
+import * as i2 from "./main-menu-close.directive";
 export declare class MainMenuItemDirective {
     static readonly ngAcceptInputType_isSelected: BooleanInput;
-    private readonly mainMenu;
     protected readonly routerLinkActive: RouterLinkActive | null;
-    readonly element: import("@angular/core").ElementRef<HTMLLinkElement>;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
     isSelected: boolean;
-    protected onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainMenuItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MainMenuItemDirective, "[odxMainMenuItem]", never, { "isSelected": "isSelected"; }, {}, never, never, true, [{ directive: typeof i1.WithDisabledState; inputs: {}; outputs: {}; }, { directive: typeof i1.WithTabIndex; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MainMenuItemDirective, "[odxMainMenuItem]", never, { "isSelected": "isSelected"; }, {}, never, never, true, [{ directive: typeof i1.WithDisabledState; inputs: {}; outputs: {}; }, { directive: typeof i1.WithTabIndex; inputs: {}; outputs: {}; }, { directive: typeof i2.MainMenuCloseDirective; inputs: {}; outputs: {}; }]>;
 }

package/components/main-menu/lib/main-menu.module.d.ts

@@ -3,9 +3,10 @@ import * as i1 from "@odx/angular/components/link";
 import * as i2 from "./main-menu.component";
 import * as i3 from "./directives/main-menu-item.directive";
 import * as i4 from "./directives/main-menu-button.directive";
-import * as i5 from "@odx/angular";
+import * as i5 from "./directives/main-menu-close.directive";
+import * as i6 from "@odx/angular";
 export declare class MainMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MainMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MainMenuModule, never, [typeof i1.LinkDirective, typeof i2.MainMenuComponent, typeof i3.MainMenuItemDirective, typeof i4.MainMenuButtonDirective], [typeof i5.CoreModule, typeof i1.LinkDirective, typeof i2.MainMenuComponent, typeof i3.MainMenuItemDirective, typeof i4.MainMenuButtonDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MainMenuModule, never, [typeof i1.LinkDirective, typeof i2.MainMenuComponent, typeof i3.MainMenuItemDirective, typeof i4.MainMenuButtonDirective, typeof i5.MainMenuCloseDirective], [typeof i6.CoreModule, typeof i1.LinkDirective, typeof i2.MainMenuComponent, typeof i3.MainMenuItemDirective, typeof i4.MainMenuButtonDirective, typeof i5.MainMenuCloseDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MainMenuModule>;
 }

package/components/menu/lib/directives/menu-item.directive.d.ts

@@ -4,5 +4,5 @@ export declare class MenuItemDirective {
     readonly element: import("@angular/core").ElementRef<HTMLButtonElement | HTMLLinkElement>;
     protected selectItem(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuItemDirective, "odx-menu a[odxButton], odx-menu button[odxButton]", never, {}, {}, never, never, true, [{ directive: typeof i1.ListFocusManagerOptionDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuItemDirective, "a[odxButton][odxMenuItem], button[odxButton][odxMenuItem]", never, {}, {}, never, never, true, [{ directive: typeof i1.ListFocusManagerOptionDirective; inputs: {}; outputs: {}; }]>;
 }

package/components/select/index.d.ts

@@ -1,4 +1,3 @@
-export * from './lib/abstract';
 export * from './lib/components';
 export * from './lib/directives';
 export * from './lib/pipes';

package/components/select/lib/components/index.d.ts

@@ -1 +1 @@
-export * from './option/option.component';
+export * from './select-option/select-option.component';

package/components/select/lib/components/select-option/select-option.component.d.ts

@@ -0,0 +1,19 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { OnInit } from '@angular/core';
+import { OptionControl } from '@odx/angular/cdk/option-control';
+import * as i0 from "@angular/core";
+export declare class SelectOptionComponent<T = unknown> extends OptionControl<T> implements OnInit {
+    static ngAcceptInputType_notFoundMessage: BooleanInput;
+    private readonly disabledController;
+    protected readonly selectControl: import("@odx/angular/components/select").SelectComponent<unknown>;
+    isSelected: boolean;
+    notFoundMessage: boolean;
+    get disabled(): boolean;
+    constructor();
+    ngOnInit(): void;
+    setActiveStyles(): void;
+    switchCheckbox(): void;
+    protected selectOption(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectOptionComponent<any>, "odx-select-option, odx-option", never, { "notFoundMessage": "notFoundMessage"; }, {}, never, ["*"], true, never>;
+}

package/components/select/lib/directives/select-search-field.directive.d.ts

@@ -1,13 +1,9 @@
+import { BaseSearchFieldDirective } from '@odx/angular/cdk/autocomplete-control';
 import { DynamicContent } from '@odx/angular/cdk/dynamic-view';
 import * as i0 from "@angular/core";
-export declare class SelectSearchFieldDirective {
-    private readonly takeUntilDestroyed;
-    readonly element: import("@angular/core").ElementRef<HTMLInputElement>;
+export declare class SelectSearchFieldDirective extends BaseSearchFieldDirective {
     notFoundContent: DynamicContent | null;
-    valueChange$: import("rxjs").Observable<string>;
-    reset(): void;
-    focus(): void;
-    getValue(): string;
+    handleDelete(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectSearchFieldDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SelectSearchFieldDirective, "input[odxSelectSearchField]", never, { "notFoundContent": "odxSelectSearchField"; }, {}, never, never, true, never>;
 }

package/components/select/lib/pipes/select-search-filter.pipe.d.ts

@@ -1,13 +1,13 @@
 import { PipeTransform } from '@angular/core';
-import { StringSearchHandler } from '@odx/angular';
+import { StringifyFn } from '@odx/angular';
+import { BaseSearchFilterPipe } from '@odx/angular/cdk/autocomplete-control';
+import { SelectSearchFieldDirective } from '../directives';
 import * as i0 from "@angular/core";
-export declare class SelectSearchFilterPipe implements PipeTransform {
-    private readonly searchController;
-    private readonly stringify;
-    private readonly stringSearchHandler;
-    private get searchField();
-    transform<T>(items: T[] | null, searchHandler?: StringSearchHandler): T[] | null;
-    private filter;
+export declare class SelectSearchFilterPipe extends BaseSearchFilterPipe implements PipeTransform {
+    protected readonly hostController: import("@odx/angular/components/select").SelectComponent<unknown> | null;
+    protected get searchField(): SelectSearchFieldDirective | undefined;
+    protected queryHandler(query: string): string;
+    protected get searchBy(): StringifyFn<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectSearchFilterPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<SelectSearchFilterPipe, "odxSelectSearchFilter", true>;
 }

package/components/select/lib/select.component.d.ts

@@ -1,55 +1,40 @@
 import { BooleanInput } from '@angular/cdk/coercion';
-import { AfterViewInit, EventEmitter, QueryList, TemplateRef } from '@angular/core';
-import { IdentityMatcher, StringifyFn } from '@odx/angular';
-import { CustomFormControl } from '@odx/angular/cdk/custom-form-control';
-import { DropdownDirective } from '@odx/angular/components/dropdown';
-import { SelectControl, SelectControlOption } from './abstract';
-import { OptionComponent } from './components';
+import { AfterViewInit, QueryList, TemplateRef } from '@angular/core';
+import { IdentityMatcher } from '@odx/angular';
+import { AutocompleteControl } from '@odx/angular/cdk/autocomplete-control';
+import { SelectOptionComponent } from './components';
 import { SelectSearchFieldDirective } from './directives';
 import * as i0 from "@angular/core";
-export declare class SelectComponent<T = unknown | unknown[]> extends CustomFormControl<T | null> implements AfterViewInit, SelectControl<T> {
-    static ngAcceptInputType_isLoading: BooleanInput;
+export declare class SelectComponent<T = unknown> extends AutocompleteControl<T | null> implements AfterViewInit {
     static ngAcceptInputType_multiple: BooleanInput;
-    private keyManager?;
-    private readonly changeDetector;
     protected searchFieldEnabled: boolean;
-    protected smoothScrollEnabled: boolean;
-    protected selectedOption: OptionComponent<T> | null;
+    protected selectedOption: SelectOptionComponent<T> | null;
     protected selectedOptionText: string | null;
-    protected options?: QueryList<OptionComponent<T>>;
-    protected dropdown?: DropdownDirective;
-    get hasOptions(): boolean;
-    readonly element: import("@angular/core").ElementRef<HTMLElement>;
-    get isOpen(): boolean;
+    protected options?: QueryList<SelectOptionComponent<T>>;
+    searchField?: SelectSearchFieldDirective;
     get selectedOptionContent(): TemplateRef<{
         $implicit: T | null;
     }> | string | null;
     placeholder: string;
-    isLoading: boolean;
     multiple: boolean;
     selectedOptionTemplate?: TemplateRef<{
         $implicit: T;
     }> | null;
-    stringify?: StringifyFn<T | null>;
     identityMatcher: IdentityMatcher<T | null>;
-    change: EventEmitter<void>;
-    searchField?: SelectSearchFieldDirective;
-    constructor();
     ngAfterViewInit(): void;
     registerOnChange(fn: (value: T | null) => void): void;
-    selectOption(option?: SelectControlOption<T | T[]> | null): void;
-    isOptionSelected(option: SelectControlOption<T | T[]>): boolean;
-    scrollOptionIntoView({ element }: SelectControlOption<T>): void;
-    protected openDropdown(event: KeyboardEvent): void;
-    protected handleFocusOut(event: FocusEvent): void;
+    selectOption(option?: SelectOptionComponent<T | T[]> | null): void;
+    isOptionSelected(option: SelectOptionComponent<T | T[]>): boolean;
+    protected initKeyManager(options: QueryList<SelectOptionComponent<T>>): void;
+    protected handleQueryListOption(options: QueryList<SelectOptionComponent<T>>): void;
+    protected handleSearchFieldChanges(): void;
+    protected handleControllerEvent(event: KeyboardEvent): void;
     protected activateSelectedOption(): void;
     protected onDropdownOpen(): void;
     protected onDropdownClose(): void;
     protected onDropdownClosed(): void;
-    protected disableSmoothScroll(): void;
-    protected enableSmoothScroll(): void;
     private updateSelectedOption;
     private focusSelectSearchField;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "odx-select", never, { "placeholder": "placeholder"; "isLoading": "isLoading"; "multiple": "multiple"; "selectedOptionTemplate": "selectedOptionTemplate"; "stringify": "stringify"; "identityMatcher": "identityMatcher"; }, { "change": "change"; }, ["searchField", "options"], ["[odxSelectSearchField]", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "odx-select", never, { "placeholder": "placeholder"; "multiple": "multiple"; "selectedOptionTemplate": "selectedOptionTemplate"; "identityMatcher": "identityMatcher"; }, {}, ["searchField", "options"], ["[odxSelectSearchField]", "*"], true, never>;
 }

package/components/select/lib/select.module.d.ts

@@ -2,10 +2,10 @@ import * as i0 from "@angular/core";
 import * as i1 from "./select.component";
 import * as i2 from "./directives/select-search-field.directive";
 import * as i3 from "./pipes/select-search-filter.pipe";
-import * as i4 from "./components/option/option.component";
+import * as i4 from "./components/select-option/select-option.component";
 import * as i5 from "@odx/angular";
 export declare class SelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectModule, never, [typeof i1.SelectComponent, typeof i2.SelectSearchFieldDirective, typeof i3.SelectSearchFilterPipe, typeof i4.OptionComponent], [typeof i5.CoreModule, typeof i1.SelectComponent, typeof i2.SelectSearchFieldDirective, typeof i3.SelectSearchFilterPipe, typeof i4.OptionComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectModule, never, [typeof i1.SelectComponent, typeof i2.SelectSearchFieldDirective, typeof i3.SelectSearchFilterPipe, typeof i4.SelectOptionComponent], [typeof i5.CoreModule, typeof i1.SelectComponent, typeof i2.SelectSearchFieldDirective, typeof i3.SelectSearchFilterPipe, typeof i4.SelectOptionComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SelectModule>;
 }

package/components/select/lib/select.tokens.d.ts

@@ -1,3 +1,3 @@
 import { InjectionToken } from '@angular/core';
-import { SelectControl } from './abstract';
-export declare const SELECT_CONTROL: InjectionToken<SelectControl<unknown>>;
+import { SelectComponent } from './select.component';
+export declare const SELECT_CONTROL: InjectionToken<SelectComponent<unknown>>;

package/components/table/README.md

@@ -0,0 +1,3 @@
+# @odx/angular/components/table
+
+Secondary entry point of `@odx/angular`. It can be used by importing from `@odx/angular/components/table`.

package/components/table/index.d.ts

@@ -0,0 +1,5 @@
+export * from './lib/components';
+export * from './lib/directives';
+export * from './lib/models';
+export * from './lib/table.component';
+export * from './lib/table.module';

package/components/table/lib/components/check-cell/check-cell.component.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CheckCellComponent {
+    private readonly table;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    checked: boolean;
+    checkedChange: EventEmitter<boolean>;
+    update(e: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckCellComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckCellComponent, "td[odx-table-cell][checked]", never, { "checked": "checked"; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
+}

package/components/table/lib/components/header-title/header-title.component.d.ts

@@ -0,0 +1,28 @@
+import { OnInit } from '@angular/core';
+import { FormControl, FormGroup } from '@angular/forms';
+import { SortStatus, TableHeaderCell } from '../../interfaces';
+import { TableSortVariant } from '../../models/sort-variant';
+import * as i0 from "@angular/core";
+export declare class HeaderTitleComponent implements OnInit {
+    private readonly table;
+    private readonly cdr;
+    private readonly takeUntilDestroyed;
+    private sortStatus;
+    item: TableHeaderCell;
+    test: boolean;
+    checkForm: FormGroup<{
+        check: FormControl<boolean | null>;
+    }>;
+    get getSortStatus(): SortStatus;
+    get sortIcon(): TableSortVariant;
+    sortColumn(): void;
+    clearSortStatus(): void;
+    get selected(): number;
+    check(): void;
+    get checked(): boolean;
+    ngOnInit(): void;
+    private checkBoxListener;
+    get indeterminate(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderTitleComponent, "th[odxHeaderTitle]", never, { "item": "item"; }, {}, never, ["odx-form-field"], true, never>;
+}

package/components/table/lib/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './check-cell/check-cell.component';
+export * from './header-title/header-title.component';

package/components/table/lib/directives/index.d.ts

@@ -0,0 +1,2 @@
+export * from './table-cell.directive';
+export * from './table-row.directive';

package/components/table/lib/directives/table-cell.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class TableCellDirective {
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableCellDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableCellDirective, "td[odx-table-cell]", never, {}, {}, never, never, true, never>;
+}

package/components/table/lib/directives/table-row.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class TableRowDirective {
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableRowDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableRowDirective, "tr[odx-table-row]", never, {}, {}, never, never, true, never>;
+}

package/components/table/lib/interfaces/index.d.ts

@@ -0,0 +1,3 @@
+export * from './body-cell.d';
+export * from './header-cell.d';
+export * from './sort-status.d';

package/components/table/lib/models/index.d.ts

@@ -0,0 +1,2 @@
+export * from './sort-variant';
+export * from './table-variant';

package/components/table/lib/models/sort-variant.d.ts

@@ -0,0 +1,6 @@
+export type TableSortVariant = typeof TableSortVariant[keyof typeof TableSortVariant];
+export declare const TableSortVariant: {
+    readonly UNSORTED: "unsorted";
+    readonly ASC: "asc";
+    readonly DESC: "desc";
+};