@odx/angular 1.0.0-rc.8 → 1.0.0

package/README.md

@@ -1,11 +1,11 @@
 # @odx/angular
 
-[<img src="https://img.shields.io/npm/v/@odx/angular">](https://npmjs.org/package/@odx/angular)
-[<img src="https://img.shields.io/npm/dependency-version/@odx/angular/peer/@angular/animations">](https://npmjs.org/package/@angular/animations)
-[<img src="https://img.shields.io/npm/dependency-version/@odx/angular/peer/@angular/cdk">](https://npmjs.org/package/@angular/cdk)
-[<img src="https://img.shields.io/npm/dependency-version/@odx/angular/peer/@angular/core">](https://npmjs.org/package/@angular/core)
-[<img src="https://img.shields.io/npm/dependency-version/@odx/angular/peer/@angular/common">](https://npmjs.org/package/@angular/common)
-[<img src="https://img.shields.io/npm/dependency-version/@odx/angular/peer/@angular/common">](https://npmjs.org/package/@angular/forms)
+[<img src="https://img.shields.io/npm/v/@odx/angular" />](https://npmjs.org/package/@odx/angular)
+[<img src="https://img.shields.io/npm/dependency-version/@odx/angular/peer/@angular/animations" />](https://npmjs.org/package/@angular/animations)
+[<img src="https://img.shields.io/npm/dependency-version/@odx/angular/peer/@angular/cdk" />](https://npmjs.org/package/@angular/cdk)
+[<img src="https://img.shields.io/npm/dependency-version/@odx/angular/peer/@angular/core" />](https://npmjs.org/package/@angular/core)
+[<img src="https://img.shields.io/npm/dependency-version/@odx/angular/peer/@angular/common" />](https://npmjs.org/package/@angular/common)
+[<img src="https://img.shields.io/npm/dependency-version/@odx/angular/peer/@angular/common" />](https://npmjs.org/package/@angular/forms)
 
 ### Install 🚀
 

package/cdk/a11y/README.md

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

package/cdk/a11y/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/a11y.module';
+export * from './lib/directives';

package/cdk/a11y/lib/a11y.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/a11y";
+import * as i2 from "./directives/list-focus-manager.directive";
+import * as i3 from "./directives/list-focus-manager-option.directive";
+import * as i4 from "./directives/interactive.directive";
+import * as i5 from "@odx/angular";
+export declare class A11yModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<A11yModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<A11yModule, never, [typeof i1.A11yModule, typeof i2.ListFocusManagerDirective, typeof i3.ListFocusManagerOptionDirective, typeof i4.InteractiveDirective], [typeof i5.CoreModule, typeof i1.A11yModule, typeof i2.ListFocusManagerDirective, typeof i3.ListFocusManagerOptionDirective, typeof i4.InteractiveDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<A11yModule>;
+}

package/cdk/a11y/lib/directives/index.d.ts

@@ -0,0 +1,3 @@
+export * from './interactive.directive';
+export * from './list-focus-manager-option.directive';
+export * from './list-focus-manager.directive';

package/cdk/a11y/lib/directives/interactive.directive.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@odx/angular";
+export declare class InteractiveDirective {
+    private readonly disabledController;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    interact: EventEmitter<MouseEvent | KeyboardEvent>;
+    protected handleEvents(event: MouseEvent | KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InteractiveDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InteractiveDirective, "[odxCdkInteractive]", never, {}, { "interact": "odxCdkInteractive"; }, never, never, true, [{ directive: typeof i1.WithDisabledState; inputs: {}; outputs: {}; }, { directive: typeof i1.WithTabIndex; inputs: {}; outputs: {}; }]>;
+}

package/cdk/a11y/lib/directives/list-focus-manager-option.directive.d.ts

@@ -0,0 +1,10 @@
+import { FocusableOption } from '@angular/cdk/a11y';
+import * as i0 from "@angular/core";
+export declare class ListFocusManagerOptionDirective implements FocusableOption {
+    private readonly disabledController;
+    private readonly element;
+    get disabled(): boolean;
+    focus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListFocusManagerOptionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ListFocusManagerOptionDirective, "[odxListFocusManager]", never, {}, {}, never, never, true, never>;
+}

package/cdk/a11y/lib/directives/list-focus-manager.directive.d.ts

@@ -0,0 +1,12 @@
+import { AfterContentInit, OnDestroy, QueryList } from '@angular/core';
+import { ListFocusManagerOptionDirective } from './list-focus-manager-option.directive';
+import * as i0 from "@angular/core";
+export declare class ListFocusManagerDirective implements AfterContentInit, OnDestroy {
+    private keyManager;
+    protected options: QueryList<ListFocusManagerOptionDirective>;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    protected onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListFocusManagerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ListFocusManagerDirective, "[odxListFocusManager]", never, {}, {}, ["options"], never, true, never>;
+}

package/cdk/active-indicator/lib/active-indicator.directive.d.ts

@@ -8,7 +8,7 @@ export declare class ActiveIndicatorDirective implements OnChanges, AfterViewIni
     private readonly parentElement$$;
     private readonly onResize$;
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
-    protected isActive: boolean;
+    isActive: boolean;
     activeElement?: HTMLElement | null;
     set parent(value: HTMLElement | null);
     get parent(): HTMLElement | null;
@@ -21,5 +21,5 @@ export declare class ActiveIndicatorDirective implements OnChanges, AfterViewIni
     private getIndicatorPositionY;
     private getIndicatorRelativeOffset;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActiveIndicatorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ActiveIndicatorDirective, "[odxActiveIndicator]", never, { "activeElement": "odxActiveIndicator"; "parent": "odxActiveIndicatorParent"; "direction": "odxActiveIndicatorDirection"; "position": "odxActiveIndicatorPosition"; }, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActiveIndicatorDirective, "[odxActiveIndicator]", never, { "activeElement": "odxActiveIndicator"; "parent": "odxActiveIndicatorParent"; "direction": "odxActiveIndicatorDirection"; "position": "odxActiveIndicatorPosition"; }, {}, never, never, true, never>;
 }

package/cdk/active-indicator/lib/models/active-indicator-direction.d.ts

@@ -1,4 +1,4 @@
-export declare type ActiveIndicatorDirection = typeof ActiveIndicatorDirection[keyof typeof ActiveIndicatorDirection];
+export type ActiveIndicatorDirection = typeof ActiveIndicatorDirection[keyof typeof ActiveIndicatorDirection];
 export declare const ActiveIndicatorDirection: {
     readonly HORIZONTAL: "horizontal";
     readonly VERTICAL: "vertical";

package/cdk/active-indicator/lib/models/active-indicator-position.d.ts

@@ -1,4 +1,4 @@
-export declare type ActiveIndicatorPosition = typeof ActiveIndicatorPosition[keyof typeof ActiveIndicatorPosition];
+export type ActiveIndicatorPosition = typeof ActiveIndicatorPosition[keyof typeof ActiveIndicatorPosition];
 export declare const ActiveIndicatorPosition: {
     readonly START: "start";
     readonly CENTER: "center";

package/cdk/checkbox-control/lib/checkbox-control.directive.d.ts

@@ -1,4 +1,5 @@
 import { BooleanInput } from '@angular/cdk/coercion';
+import { EventEmitter } from '@angular/core';
 import { CustomFormControl } from '@odx/angular/cdk/custom-form-control';
 import * as i0 from "@angular/core";
 export declare class CheckBoxControl extends CustomFormControl<boolean> {
@@ -7,9 +8,10 @@ export declare class CheckBoxControl extends CustomFormControl<boolean> {
     set checked(value: boolean);
     get checked(): boolean;
     controlValue: string | null;
+    checkedChange: EventEmitter<boolean>;
     get ariaChecked(): string;
     constructor();
     onChanged(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckBoxControl, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CheckBoxControl, "[odxCheckBoxControl]", never, { "checked": "checked"; "controlValue": "value"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CheckBoxControl, "[odxCheckBoxControl]", never, { "checked": "checked"; "controlValue": "value"; }, { "checkedChange": "checkedChange"; }, never, never, false, never>;
 }

package/cdk/connected-overlay/lib/connected-overlay.component.d.ts

@@ -1,7 +1,7 @@
 import { AnimationEvent } from '@angular/animations';
 import { ElementRef, OnChanges, OnDestroy } from '@angular/core';
-import { Side, VirtualElement } from '@floating-ui/dom';
-import { NgChanges } from '@odx/angular/utils';
+import { VirtualElement } from '@floating-ui/dom';
+import { NgChanges, Side } from '@odx/angular/utils';
 import { Subject } from 'rxjs';
 import { ConnectedOverlayOptions } from './models';
 import * as i0 from "@angular/core";
@@ -24,5 +24,5 @@ export declare class ConnectedOverlayComponent implements OnChanges, OnDestroy {
     private startPositionUpdater;
     private stopPositionUpdater;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConnectedOverlayComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConnectedOverlayComponent, "odx-connected-overlay", never, { "referenceElement": "referenceElement"; "options": "options"; }, { "closed": "closed"; }, never, never, true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConnectedOverlayComponent, "odx-connected-overlay", never, { "referenceElement": "referenceElement"; "options": "options"; }, { "closed": "closed"; }, never, never, true, never>;
 }

package/cdk/connected-overlay/lib/helpers/index.d.ts

@@ -1,3 +1 @@
 export * from './compute-overlay-position';
-export * from './get-opposite-overlay-side';
-export * from './get-overlay-side';

package/cdk/connected-overlay/lib/models/connected-overlay-options.d.ts

@@ -1,16 +1,18 @@
-import { Placement, Strategy } from '@floating-ui/dom';
+import { Strategy } from '@floating-ui/dom';
 import { DynamicContent } from '@odx/angular/cdk/dynamic-view';
+import { Position } from '@odx/angular/utils';
 export interface ConnectedOverlayOptions {
     content?: DynamicContent | null;
     context?: Record<string, unknown>;
     containerClass?: string | null;
     hiddenClass: string | null;
     enableFallback: boolean;
+    fallbackAxisSideDirection: 'start' | 'end';
     matchReferenceWidth: boolean;
     minHeight?: number | null;
     offset: number;
     outerPadding: number;
-    position: Placement;
+    position: Position;
     strategy: Strategy;
     showArrow?: boolean;
     hooks?: {

package/cdk/custom-form-control/lib/control.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class ControlDirective {
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ControlDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ControlDirective, "[odxControl]", ["odxControl"], {}, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ControlDirective, "[odxControl]", ["odxControl"], {}, {}, never, never, true, never>;
 }

package/cdk/custom-form-control/lib/custom-form-control.d.ts

@@ -4,6 +4,7 @@ import { ControlDirective } from './control.directive';
 import * as i0 from "@angular/core";
 export declare abstract class CustomFormControl<T> extends Controller implements ControlValueAccessor {
     private static CURRENT_INDEX;
+    static ngAcceptInputType_ignoreErrors: string | string[];
     private readonly requiredValidator;
     private internalValue;
     protected readonly disabledController: DisabledController | null;
@@ -11,6 +12,8 @@ export declare abstract class CustomFormControl<T> extends Controller implements
     protected readonly ngControl: NgControl | null;
     id: string | null;
     name: string;
+    tabindex: string | null;
+    ignoreErrors: string[];
     set value(value: T);
     get value(): T;
     get hasError(): boolean;
@@ -27,6 +30,7 @@ export declare abstract class CustomFormControl<T> extends Controller implements
     writeValue(value: T): void;
     updateValue(value: T): void;
     protected hasValidator(validator: ValidatorFn): boolean;
+    private hasNonIgnoredError;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomFormControl<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomFormControl<any>, never, never, { "id": "id"; "name": "name"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomFormControl<any>, never, never, { "id": "id"; "name": "name"; "tabindex": "tabindex"; "ignoreErrors": "ignoreErrors"; }, {}, never, never, false, never>;
 }

package/cdk/dynamic-view/lib/dynamic-view.component.d.ts

@@ -8,5 +8,5 @@ export declare class DynamicViewComponent implements OnDestroy {
     ngOnDestroy(): void;
     private setContent;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicViewComponent, "odx-dynamic-view", never, { "content": "content"; }, {}, never, never, true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicViewComponent, "odx-dynamic-view", never, { "content": "content"; }, {}, never, never, true, never>;
 }

package/cdk/dynamic-view/lib/dynamic-view.directive.d.ts

@@ -18,5 +18,5 @@ export declare class DynamicViewDirective<T extends DynamicContent<unknown> = Dy
     private render;
     private destroy;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicViewDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicViewDirective<any>, "ng-template[odxDynamicView]", never, { "content": "odxDynamicView"; "injector": "odxDynamicViewInjector"; "context": "odxDynamicViewContext"; }, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicViewDirective<any>, "ng-template[odxDynamicView]", never, { "content": "odxDynamicView"; "injector": "odxDynamicViewInjector"; "context": "odxDynamicViewContext"; }, {}, never, never, true, never>;
 }

package/cdk/dynamic-view/lib/facade/dynamic-content.d.ts

@@ -1,8 +1,8 @@
 import { TemplateRef, Type } from '@angular/core';
 import { GetProperties } from '@odx/angular/utils';
 import { Observable } from 'rxjs';
-export declare type DynamicTextContent = string | Observable<string>;
-export declare type DynamicContent<C = unknown> = DynamicTextContent | TemplateRef<C> | Type<C>;
-export declare type GetDynamicViewContext<T extends DynamicContent> = Partial<T extends DynamicContent<infer C> ? (T extends Type<C> ? GetProperties<C> : T extends TemplateRef<C> ? C : {
+export type DynamicTextContent = string | Observable<string>;
+export type DynamicContent<C = unknown> = DynamicTextContent | TemplateRef<C> | Type<C>;
+export type GetDynamicViewContext<T extends DynamicContent> = Partial<T extends DynamicContent<infer C> ? (T extends Type<C> ? GetProperties<C> : T extends TemplateRef<C> ? C : {
     content: T;
 }) : never>;

package/cdk/dynamic-view/lib/models/dynamic-component-ref.d.ts

@@ -9,6 +9,7 @@ export declare class DynamicComponentRef<T extends Type<unknown>, C extends GetD
     private readonly options;
     private readonly application;
     private componentRef;
+    private componentInputs;
     constructor(options: DynamicComponentOptions<T>);
     detectChanges(): void;
     destroy(): void;

package/cdk/expandable/index.d.ts

@@ -1,3 +1,4 @@
 export * from './lib/directives';
 export * from './lib/expandable.module';
+export * from './lib/expandable.tokens';
 export * from './lib/facade';

package/cdk/expandable/lib/directives/expandable-item.directive.d.ts

@@ -1,7 +1,7 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { ExpandableItem } from '../facade';
 import * as i0 from "@angular/core";
-export declare class ExpandableItemDirective extends ExpandableItem {
+export declare class ExpandableItemDirective implements ExpandableItem {
     static ID: number;
     static ngAcceptInputType_expanded: BooleanInput;
     private readonly container;
@@ -14,5 +14,5 @@ export declare class ExpandableItemDirective extends ExpandableItem {
     open(): void;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ExpandableItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ExpandableItemDirective, "[odxExpandableItem]", never, { "expanded": "expanded"; }, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ExpandableItemDirective, "[odxExpandableItem]", never, { "expanded": "expanded"; }, {}, never, never, true, never>;
 }

package/cdk/expandable/lib/directives/extandable-container.directive.d.ts

@@ -1,7 +1,7 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { ExpandableContainer, ExpandableItem } from '../facade';
 import * as i0 from "@angular/core";
-export declare class ExpandableContainerDirective extends ExpandableContainer {
+export declare class ExpandableContainerDirective implements ExpandableContainer {
     static ngAcceptInputType_multiple: BooleanInput;
     private openItems;
     multiple: boolean;
@@ -9,5 +9,5 @@ export declare class ExpandableContainerDirective extends ExpandableContainer {
     closeAll(): void;
     open(item: ExpandableItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ExpandableContainerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ExpandableContainerDirective, "[odxExpandableContainer]", never, { "multiple": "multiple"; }, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ExpandableContainerDirective, "[odxExpandableContainer]", never, { "multiple": "multiple"; }, {}, never, never, true, never>;
 }

package/cdk/expandable/lib/expandable.tokens.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+import { ExpandableContainer } from './facade';
+export declare const EXPANDABLE_CONTAINER: InjectionToken<ExpandableContainer>;

package/cdk/expandable/lib/facade/expandable-container.d.ts

@@ -1,6 +1,6 @@
 import { ExpandableItem } from './expandable-item';
-export declare abstract class ExpandableContainer {
-    abstract close(item: ExpandableItem): void;
-    abstract closeAll(): void;
-    abstract open(item: ExpandableItem): void;
+export interface ExpandableContainer {
+    close(item: ExpandableItem): void;
+    closeAll(): void;
+    open(item: ExpandableItem): void;
 }

package/cdk/expandable/lib/facade/expandable-item.d.ts

@@ -1,7 +1,7 @@
-export declare abstract class ExpandableItem {
-    abstract readonly id: string;
-    abstract expanded: boolean;
-    abstract close(): void;
-    abstract open(): void;
-    abstract toggle(): void;
+export interface ExpandableItem {
+    readonly id: string;
+    expanded: boolean;
+    close(): void;
+    open(): void;
+    toggle(): void;
 }

package/cdk/radio-group-control/lib/radio-control.directive.d.ts

@@ -9,5 +9,5 @@ export declare class RadioControlDirective<T = unknown> {
     get isActive(): boolean;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioControlDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioControlDirective<any>, "[odxRadioControl]", never, { "value": "value"; }, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioControlDirective<any>, "[odxRadioControl]", never, { "value": "value"; }, {}, never, never, true, never>;
 }

package/cdk/radio-group-control/lib/radio-group-control.directive.d.ts

@@ -3,8 +3,9 @@ import { CustomFormControl } from '@odx/angular/cdk/custom-form-control';
 import * as i0 from "@angular/core";
 export declare const RADIO_GROUP_CONTROL: InjectionToken<RadioGroupControlDirective<unknown>>;
 export declare class RadioGroupControlDirective<T = unknown> extends CustomFormControl<T | null> {
+    private readonly hostElement;
     constructor();
-    onFocusOut(): void;
+    onFocusOut(event: FocusEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupControlDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioGroupControlDirective<any>, "[odxRadioGroupControl]", never, {}, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioGroupControlDirective<any>, "[odxRadioGroupControl]", never, {}, {}, never, never, true, never>;
 }

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

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class AccordionComponent extends ExpandableContainerDirective {
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "odx-accordion", never, {}, {}, never, ["odx-accordion-item"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "odx-accordion", never, {}, {}, never, ["odx-accordion-item"], true, never>;
 }

package/components/accordion/lib/components/accordion-item/accordion-item.component.d.ts

@@ -12,5 +12,5 @@ export declare class AccordionItemComponent extends ExpandableItemDirective {
     get slotId(): string;
     onAnimationEnd(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "odx-accordion-item", never, { "title": "title"; }, { "expandedChange": "expandedChange"; }, never, ["odx-accordion-item-title", "*"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "odx-accordion-item", never, { "title": "title"; }, { "expandedChange": "expandedChange"; }, never, ["odx-accordion-item-title", "*"], true, never>;
 }

package/components/accordion/lib/directives/accordion-item-title.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class AccordionItemTitleDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemTitleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AccordionItemTitleDirective, "odx-accordion-item-title", never, {}, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AccordionItemTitleDirective, "odx-accordion-item-title", never, {}, {}, never, never, true, never>;
 }

package/components/action-group/action-group.component.d.ts

@@ -5,5 +5,5 @@ export declare class ActionGroupComponent {
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
     reverse: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionGroupComponent, "odx-action-group", never, { "reverse": "reverse"; }, {}, never, ["[odxButton]"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionGroupComponent, "odx-action-group", never, { "reverse": "reverse"; }, {}, never, ["[odxButton], ng-template"], true, never>;
 }

package/components/area-header/area-header.component.d.ts

@@ -4,5 +4,5 @@ export declare class AreaHeaderComponent {
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
     size: AreaHeaderSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<AreaHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AreaHeaderComponent, "odx-area-header", never, { "size": "size"; }, {}, never, ["odx-avatar", "*", "odx-area-header-subtitle", "odx-area-header-content"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AreaHeaderComponent, "odx-area-header", never, { "size": "size"; }, {}, never, ["button[odxNavigationBack], a[odxNavigationBack]", "odx-avatar", "*", "odx-area-header-subtitle", "odx-area-header-content"], true, never>;
 }

package/components/area-header/directives/area-header-content.directive.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class AreaHeaderContentDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<AreaHeaderContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AreaHeaderContentDirective, "odx-area-header-content", never, {}, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AreaHeaderContentDirective, "odx-area-header-content", never, {}, {}, never, never, true, never>;
 }

package/components/area-header/directives/area-header-subtitle.directive.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class AreaHeaderSubtitleDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<AreaHeaderSubtitleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AreaHeaderSubtitleDirective, "odx-area-header-subtitle", never, {}, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AreaHeaderSubtitleDirective, "odx-area-header-subtitle", never, {}, {}, never, never, true, never>;
 }

package/components/area-header/models/area-header-size.d.ts

@@ -1,4 +1,4 @@
-export declare type AreaHeaderSize = typeof AreaHeaderSize[keyof typeof AreaHeaderSize];
+export type AreaHeaderSize = typeof AreaHeaderSize[keyof typeof AreaHeaderSize];
 export declare const AreaHeaderSize: {
     readonly SMALL: "small";
     readonly MEDIUM: "medium";

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

@@ -1,8 +1,9 @@
-import { AvatarSize } from './models';
+import { AvatarSize, AvatarVariant } from './models';
 import * as i0 from "@angular/core";
 export declare class AvatarComponent {
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
     size?: AvatarSize | null;
+    variant?: AvatarVariant | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "odx-avatar", never, { "size": "size"; }, {}, never, ["*"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "odx-avatar", never, { "size": "size"; "variant": "variant"; }, {}, never, ["*"], true, never>;
 }

package/components/avatar/lib/models/avatar-size.d.ts

@@ -1,4 +1,4 @@
-export declare type AvatarSize = typeof AvatarSize[keyof typeof AvatarSize];
+export type AvatarSize = typeof AvatarSize[keyof typeof AvatarSize];
 export declare const AvatarSize: {
     readonly SMALL: "small";
     readonly MEDIUM: "medium";

package/components/avatar/lib/models/avatar-variant.d.ts

@@ -0,0 +1,5 @@
+export type AvatarVariant = (typeof AvatarVariant)[keyof typeof AvatarVariant];
+export declare const AvatarVariant: {
+    readonly CIRCLE: "circle";
+    readonly RECTANGLE: "rectangle";
+};

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

@@ -1 +1,2 @@
 export * from './avatar-size';
+export * from './avatar-variant';

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

@@ -1,23 +1,13 @@
-import { AfterViewInit, OnChanges, OnDestroy } from '@angular/core';
-import { NgChanges } from '@odx/angular/utils';
-import { BadgePosition, BadgeVariant } from './models';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { DynamicTextContent } from '@odx/angular/cdk/dynamic-view';
+import { BadgeVariant } from './models';
 import * as i0 from "@angular/core";
-export declare class BadgeComponent implements AfterViewInit, OnChanges, OnDestroy {
-    private readonly hostElement;
-    private readonly zone;
-    private positionUpdater?;
-    private elementRect;
+export declare class BadgeComponent {
+    static readonly ngAcceptInputType_contrast: BooleanInput;
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
-    value: number;
-    position: BadgePosition;
     contrast: boolean;
     variant: BadgeVariant;
-    ngOnChanges(changes: NgChanges<BadgeComponent>): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private startPositionUpdater;
-    private stopPositionUpdater;
-    private updateBadgePosition;
+    value?: DynamicTextContent | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "odx-badge", never, { "value": "value"; "position": "position"; "contrast": "contrast"; "variant": "variant"; }, {}, never, never, true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "odx-badge", never, { "contrast": "contrast"; "variant": "variant"; "value": "value"; }, {}, never, never, true, never>;
 }

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

@@ -1,21 +1,25 @@
-import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
-import { OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
-import { BadgeHost } from './facade';
-import { BadgePosition, BadgeVariant } from './models';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { OnChanges, OnDestroy } from '@angular/core';
+import { DynamicTextContent } from '@odx/angular/cdk/dynamic-view';
+import { Position } from '@odx/angular/utils';
+import { BadgeComponent } from './badge.component';
+import { BadgeVariant } from './models';
 import * as i0 from "@angular/core";
-export declare class BadgeDirective implements BadgeHost, OnChanges, OnDestroy {
-    static ngAcceptInputType_content: NumberInput;
+export declare class BadgeDirective implements BadgeComponent, OnChanges, OnDestroy {
     static ngAcceptInputType_contrast: BooleanInput;
-    private badgeRef;
+    private readonly connectedOverlayService;
     private readonly injector;
-    private readonly viewContainer;
-    readonly hostElement: HTMLElement;
-    value: number;
+    private badgeRef;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    value?: DynamicTextContent | null;
     contrast: boolean;
-    position: BadgePosition;
+    position: Position;
     variant: BadgeVariant;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(): void;
     ngOnDestroy(): void;
+    private showBadge;
+    private hideBadge;
+    private updateBadge;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BadgeDirective, "[odxBadge]", never, { "value": "odxBadge"; "contrast": "odxBadgeContrast"; "position": "odxBadgePosition"; "variant": "odxBadgeVariant"; }, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BadgeDirective, "[odxBadge]", never, { "value": "odxBadge"; "contrast": "odxBadgeContrast"; "position": "odxBadgePosition"; "variant": "odxBadgeVariant"; }, {}, never, never, true, never>;
 }

package/components/badge/lib/models/badge-variant.d.ts

@@ -1,4 +1,4 @@
-export declare type BadgeVariant = typeof BadgeVariant[keyof typeof BadgeVariant];
+export type BadgeVariant = typeof BadgeVariant[keyof typeof BadgeVariant];
 export declare const BadgeVariant: {
     readonly HIGHLIGHT: "highlight";
     readonly DANGER: "danger";

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

@@ -1,2 +1 @@
-export * from './badge-position';
 export * from './badge-variant';

package/components/bar/README.md

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

package/components/bar/index.d.ts

@@ -0,0 +1,5 @@
+export * from './lib/bar.component';
+export * from './lib/bar.module';
+export * from './lib/directives/bar-button.directive';
+export * from './lib/directives/bar-label.directive';
+export * from './lib/models/bar-button-variant';

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

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

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./bar.component";
+import * as i2 from "./directives/bar-button.directive";
+import * as i3 from "./directives/bar-label.directive";
+import * as i4 from "@odx/angular";
+export declare class BarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BarModule, never, [typeof i1.BarComponent, typeof i2.BarButtonDirective, typeof i3.BarLabelDirective], [typeof i4.CoreModule, typeof i1.BarComponent, typeof i2.BarButtonDirective, typeof i3.BarLabelDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BarModule>;
+}

package/components/bar/lib/directives/bar-button.directive.d.ts

@@ -0,0 +1,10 @@
+import { DisabledController } from '@odx/angular';
+import { BarButtonVariant } from '../models/bar-button-variant';
+import * as i0 from "@angular/core";
+export declare class BarButtonDirective {
+    protected readonly disabledController: DisabledController | null;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    variant?: BarButtonVariant | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BarButtonDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BarButtonDirective, "button[odxBarButton]", never, { "variant": "variant"; }, {}, never, never, true, never>;
+}

package/components/bar/lib/directives/bar-label.directive.d.ts

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

package/components/bar/lib/models/bar-button-variant.d.ts

@@ -0,0 +1,5 @@
+export type BarButtonVariant = typeof BarButtonVariant[keyof typeof BarButtonVariant];
+export declare const BarButtonVariant: {
+    readonly DEFAULT: "default";
+    readonly SMALL: "small";
+};

package/components/breadcrumbs/README.md

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

package/components/breadcrumbs/index.d.ts

@@ -0,0 +1 @@
+export * from './lib/breadcrumbs.component';