@odx/angular 1.0.0-rc.2 → 1.0.0-rc.20

package/README.md

@@ -1,12 +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/dependency-version/@odx/angular/peer/@odx/ui">](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/animations/index.d.ts

@@ -1,3 +1,4 @@
 export * from './lib/expand';
 export * from './lib/fade';
 export * from './lib/slide';
+export * from './lib/wait-for-child-animations';

package/animations/lib/wait-for-child-animations.d.ts

@@ -0,0 +1 @@
+export declare const waitForChildAnimations: import("@angular/animations").AnimationTransitionMetadata;

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/README.md

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

package/cdk/active-indicator/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/active-indicator.directive';
+export * from './lib/models';

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

@@ -0,0 +1,25 @@
+import { AfterViewInit, OnChanges } from '@angular/core';
+import { NgChanges } from '@odx/angular/utils';
+import { ActiveIndicatorPosition } from './models';
+import { ActiveIndicatorDirection } from './models/active-indicator-direction';
+import * as i0 from "@angular/core";
+export declare class ActiveIndicatorDirective implements OnChanges, AfterViewInit {
+    private readonly takeUntilDestroyed;
+    private readonly parentElement$$;
+    private readonly onResize$;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    isActive: boolean;
+    activeElement?: HTMLElement | null;
+    set parent(value: HTMLElement | null);
+    get parent(): HTMLElement | null;
+    direction: ActiveIndicatorDirection;
+    position: ActiveIndicatorPosition;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: NgChanges<ActiveIndicatorDirective>): void;
+    private updateStyles;
+    private getIndicatorPositionX;
+    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, never>;
+}

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

@@ -0,0 +1,5 @@
+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

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

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

@@ -0,0 +1,2 @@
+export * from './active-indicator-direction';
+export * from './active-indicator-position';

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> {
@@ -6,11 +7,11 @@ export declare class CheckBoxControl extends CustomFormControl<boolean> {
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
     set checked(value: boolean);
     get checked(): boolean;
-    value: string | null;
+    controlValue: string | null;
+    checkedChange: EventEmitter<boolean>;
     get ariaChecked(): string;
     constructor();
     onChanged(event: Event): void;
-    protected updateRequiredValidator(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckBoxControl, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CheckBoxControl, "[odxCheckBoxControl]", never, { "checked": "checked"; "value": "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/README.md

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

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

@@ -0,0 +1,3 @@
+export * from './lib/connected-overlay.component';
+export * from './lib/connected-overlay.service';
+export * from './lib/models';

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

@@ -0,0 +1,28 @@
+import { AnimationEvent } from '@angular/animations';
+import { ElementRef, OnChanges, OnDestroy } from '@angular/core';
+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";
+export declare class ConnectedOverlayComponent implements OnChanges, OnDestroy {
+    private readonly renderer;
+    private readonly zone;
+    private positionUpdater;
+    protected readonly injector: import("@angular/core").Injector;
+    protected overlaySide?: Side;
+    protected contentElement: ElementRef<HTMLElement>;
+    protected arrowElement: ElementRef<HTMLElement>;
+    readonly element: ElementRef<HTMLElement>;
+    referenceElement: VirtualElement;
+    options: ConnectedOverlayOptions;
+    closed: Subject<void>;
+    ngOnChanges(changes: NgChanges<ConnectedOverlayComponent>): void;
+    ngOnDestroy(): void;
+    protected onAnimationStart({ fromState }: AnimationEvent): void;
+    protected onAnimationDone({ fromState }: AnimationEvent): void;
+    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, never>;
+}

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

@@ -0,0 +1,10 @@
+import { VirtualElement } from '@floating-ui/dom';
+import { DynamicViewRenderingOptions } from '@odx/angular/cdk/dynamic-view';
+import { ConnectedOverlayOptions, ConnectedOverlayRef } from './models';
+import * as i0 from "@angular/core";
+export declare class ConnectedOverlayService {
+    private readonly dynamicViewService;
+    createOverlay(referenceElement: VirtualElement, options?: Partial<ConnectedOverlayOptions>, renderingOptions?: Partial<DynamicViewRenderingOptions>): ConnectedOverlayRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConnectedOverlayService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ConnectedOverlayService>;
+}

package/cdk/connected-overlay/lib/helpers/compute-overlay-position.d.ts

@@ -0,0 +1,3 @@
+import { ComputePositionReturn, VirtualElement } from '@floating-ui/dom';
+import { ConnectedOverlayOptions } from '../models';
+export declare function computeOverlayPosition(referenceElement: VirtualElement, overlayElement: HTMLElement, contentElement: HTMLElement, arrowElement: HTMLElement, options: ConnectedOverlayOptions): Promise<ComputePositionReturn>;

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

@@ -0,0 +1 @@
+export * from './compute-overlay-position';

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

@@ -0,0 +1,25 @@
+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: Position;
+    strategy: Strategy;
+    showArrow?: boolean;
+    hooks?: {
+        beforeOpen?: () => void;
+        afterOpen?: () => void;
+        beforeClose?: () => void;
+        afterClose?: () => void;
+    };
+}
+export declare const DefaultConnectedOverlayOptions: ConnectedOverlayOptions;

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

@@ -0,0 +1,12 @@
+import { DynamicViewRef } from '@odx/angular/cdk/dynamic-view';
+import { Observable } from 'rxjs';
+import { ConnectedOverlayComponent } from '../connected-overlay.component';
+import { ConnectedOverlayOptions } from './connected-overlay-options';
+export declare class ConnectedOverlayRef {
+    private readonly dynamicViewRef;
+    readonly element: Element;
+    readonly onClose$: Observable<void>;
+    constructor(dynamicViewRef: DynamicViewRef<typeof ConnectedOverlayComponent>);
+    update(options: Partial<ConnectedOverlayOptions>): void;
+    close(): void;
+}

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

@@ -0,0 +1,2 @@
+export * from './connected-overlay-options';
+export * from './connected-overlay-ref';

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

@@ -1,30 +1,25 @@
-import { BooleanInput } from '@angular/cdk/coercion';
-import { AfterContentInit } from '@angular/core';
 import { ControlValueAccessor, NgControl, ValidatorFn } from '@angular/forms';
 import { Controller, DisabledController, ReadonlyController } from '@odx/angular';
 import { ControlDirective } from './control.directive';
 import * as i0 from "@angular/core";
-export declare abstract class CustomFormControl<T> extends Controller implements ControlValueAccessor, AfterContentInit {
+export declare abstract class CustomFormControl<T> extends Controller implements ControlValueAccessor {
     private static CURRENT_INDEX;
-    static ngAcceptInputType_required: BooleanInput;
+    private readonly requiredValidator;
     private internalValue;
-    private isRequired;
     protected readonly disabledController: DisabledController | null;
     protected readonly readonlyController: ReadonlyController | null;
-    protected readonly enabled$: import("rxjs").Observable<void>;
     protected readonly ngControl: NgControl | null;
     id: string | null;
     name: string;
-    set required(value: unknown);
-    get required(): boolean;
-    set controlValue(value: T);
-    get controlValue(): T;
+    tabindex: string | null;
+    set value(value: T);
+    get value(): T;
     get hasError(): boolean;
     get isDisabled(): boolean;
     get isReadonly(): boolean;
+    get isRequired(): boolean;
     readonly control: ControlDirective | null;
     constructor(initialValue: T);
-    ngAfterContentInit(): void;
     onTouched(): void;
     onChange(_value: T): void;
     registerOnChange(fn: (value: T) => void): void;
@@ -32,8 +27,7 @@ export declare abstract class CustomFormControl<T> extends Controller implements
     setDisabledState(isDisabled: boolean): void;
     writeValue(value: T): void;
     updateValue(value: T): void;
-    protected toggleValidator(validator: ValidatorFn, state: boolean): void;
-    protected updateRequiredValidator(): void;
+    protected hasValidator(validator: ValidatorFn): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomFormControl<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomFormControl<any>, never, never, { "id": "id"; "name": "name"; "required": "required"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomFormControl<any>, never, never, { "id": "id"; "name": "name"; "tabindex": "tabindex"; }, {}, never, never, false, never>;
 }

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

@@ -1,12 +1,12 @@
-import { AsyncPipe } from '@angular/common';
 import { OnDestroy } from '@angular/core';
 import { DynamicTextContent } from './facade';
 import * as i0 from "@angular/core";
 export declare class DynamicViewComponent implements OnDestroy {
-    protected asyncPipe: AsyncPipe;
-    protected resolveContent: () => string | null;
+    private readonly element;
+    private currentSubscription;
     set content(value: DynamicTextContent);
     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

@@ -5,7 +5,9 @@ import * as i0 from "@angular/core";
 export declare class DynamicViewDirective<T extends DynamicContent<unknown> = DynamicContent<unknown>> implements OnDestroy, OnInit, OnChanges {
     private readonly dynamicViewService;
     private readonly viewContainer;
+    private readonly template;
     private viewRef;
+    private contentViewRef;
     content?: T | DynamicViewRef<T> | null;
     injector?: Injector;
     context?: GetDynamicViewContext<T>;
@@ -16,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>, "[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/dynamic-view.service.d.ts

@@ -3,6 +3,7 @@ import { DynamicViewOptions } from './models';
 import * as i0 from "@angular/core";
 export declare class DynamicViewService {
     private readonly injector;
+    private readonly defaultHost;
     createView<T extends DynamicContent>(content: T, options?: Partial<DynamicViewOptions<T>>): DynamicViewRef<T>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicViewService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DynamicViewService>;

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/facade/dynamic-view-ref.d.ts

@@ -5,5 +5,6 @@ export interface DynamicViewRef<T extends DynamicContent> {
     destroy(): void;
     getElement(): Element;
     update(context: GetDynamicViewContext<T>): void;
+    getContext(): GetDynamicViewContext<T>;
     getView(): ViewRef | null;
 }

package/cdk/dynamic-view/lib/helpers/create-projectable-nodes.d.ts

@@ -0,0 +1,2 @@
+import { Type } from '@angular/core';
+export declare function createProjectableNodes(component: Type<unknown>, nodes: Node[]): Node[][];

package/cdk/dynamic-view/lib/helpers/index.d.ts

@@ -1,2 +1,3 @@
+export * from './create-projectable-nodes';
 export * from './is-dynamic-text-content';
 export * from './is-dynamic-view';

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

@@ -9,10 +9,12 @@ 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;
     getElement(): Element;
     update(context: C): void;
+    getContext(): GetDynamicViewContext<T>;
     getView(): ViewRef | null;
 }

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

@@ -13,6 +13,7 @@ export declare class DynamicTemplateRef<T extends NgTemplateRef<unknown> = NgTem
     destroy(): void;
     getElement(): Element;
     update(context: GetDynamicViewContext<T>): void;
+    getContext(): GetDynamicViewContext<T>;
     getView(): ViewRef | null;
     private create;
 }

package/cdk/dynamic-view/lib/models/dynamic-view-options.d.ts

@@ -1,7 +1,11 @@
-import { Injector, ViewContainerRef } from '@angular/core';
+import { Injector, StaticProvider, ViewContainerRef } from '@angular/core';
 import { DynamicContent, GetDynamicViewContext } from '../facade';
-export interface DynamicViewOptions<T extends DynamicContent> {
+export interface DynamicViewRenderingOptions {
     injector: Injector;
+    providers?: StaticProvider[];
+    host?: ViewContainerRef | Element | null;
+}
+export interface DynamicViewOptions<T extends DynamicContent> extends DynamicViewRenderingOptions {
     context?: GetDynamicViewContext<T>;
-    vcr?: ViewContainerRef;
+    projectableNodes?: Node[][];
 }

package/cdk/dynamic-view/lib/tokens/dynamic-view-default-host.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export declare const ODX_DYNAMIC_VIEW_DEFAULT_HOST: InjectionToken<Element>;
+export declare function getDynamicViewDefaultHost(): Element;

package/cdk/dynamic-view/lib/tokens/index.d.ts

@@ -1 +1,2 @@
 export * from './dynamic-view-context';
+export * from './dynamic-view-default-host';

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, ["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>;
 }