@odx/angular 1.0.0-rc.3 → 1.0.0-rc.4

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

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

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-view-options.d.ts

@@ -3,5 +3,6 @@ import { DynamicContent, GetDynamicViewContext } from '../facade';
 export interface DynamicViewOptions<T extends DynamicContent> {
     injector: Injector;
     context?: GetDynamicViewContext<T>;
+    projectableNodes?: Node[][];
     vcr?: ViewContainerRef;
 }

package/components/chip/README.md

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

package/components/chip/index.d.ts

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

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

@@ -0,0 +1,15 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { EventEmitter } from '@angular/core';
+import { ChipSize, ChipVariant } from './models';
+import * as i0 from "@angular/core";
+export declare class ChipComponent {
+    static ngAcceptInputType_removable: BooleanInput;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    removable: boolean;
+    size: ChipSize;
+    variant: ChipVariant;
+    remove: EventEmitter<void>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "odx-chip", never, { "removable": "removable"; "size": "size"; "variant": "variant"; }, { "remove": "remove"; }, never, ["*"], true>;
+}

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

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

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

@@ -0,0 +1,7 @@
+export declare type ChipVariant = typeof ChipVariant[keyof typeof ChipVariant];
+export declare const ChipVariant: {
+    readonly SECONDARY: "secondary";
+    readonly HIGHLIGHT: "highlight";
+    readonly SUCCESS: "success";
+    readonly DANGER: "danger";
+};

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

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

package/components/circular-progress/README.md

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

package/components/circular-progress/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/circular-progress.component';
+export * from './lib/models';

package/components/circular-progress/lib/circular-progress.component.d.ts

@@ -0,0 +1,28 @@
+import { NumberInput } from '@angular/cdk/coercion';
+import { AfterViewInit, OnChanges } from '@angular/core';
+import { NgChanges } from '@odx/angular/utils';
+import * as i0 from "@angular/core";
+export declare class CircularProgressComponent implements OnChanges, AfterViewInit {
+    static ngAcceptInputType_size: NumberInput;
+    static ngAcceptInputType_stroke: NumberInput;
+    static ngAcceptInputType_value: NumberInput;
+    private readonly changeDetector;
+    private _value;
+    protected readonly viewPortSize = 100;
+    protected radius: number;
+    protected normalizedStroke: number;
+    protected circumference: number;
+    protected get ariaValueNow(): null | number;
+    protected get progressValue(): number;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    indeterminate: boolean;
+    stroke: number;
+    size: "medium";
+    set value(value: unknown);
+    get value(): number;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: NgChanges<CircularProgressComponent>): void;
+    private updateDimensions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CircularProgressComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CircularProgressComponent, "odx-circular-progress", never, { "stroke": "stroke"; "size": "size"; "value": "value"; }, {}, never, never, true>;
+}

package/components/circular-progress/lib/models/circular-progress-size.d.ts

@@ -0,0 +1,7 @@
+export declare type CircularProgressSize = typeof CircularProgressSize[keyof typeof CircularProgressSize];
+export declare const CircularProgressSize: {
+    readonly AUTO: "auto";
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+    readonly LARGE: "large";
+};

package/components/circular-progress/lib/models/index.d.ts

@@ -0,0 +1 @@
+export * from './circular-progress-size';

package/components/loading-spinner/README.md

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

package/components/loading-spinner/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/loading-spinner.component';
+export * from './lib/loading-spinner.directive';
+export * from './lib/loading-spinner.module';

package/components/loading-spinner/lib/loading-spinner.component.d.ts

@@ -0,0 +1,15 @@
+import { AnimationEvent } from '@angular/animations';
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class LoadingSpinnerComponent implements OnInit {
+    private readonly spinnerService;
+    private readonly windowRef;
+    protected backgroundColor: string | null;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    autoColor: boolean;
+    animationFinished({ toState }: AnimationEvent): void;
+    ngOnInit(): void;
+    private resolveBackgroundColor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoadingSpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingSpinnerComponent, "odx-loading-spinner", never, { "autoColor": "autoColor"; }, {}, never, never, true>;
+}

package/components/loading-spinner/lib/loading-spinner.directive.d.ts

@@ -0,0 +1,26 @@
+import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+export declare class LoadingSpinnerDirective {
+    static ngAcceptInputType_autoColor: BooleanInput;
+    static ngAcceptInputType_isLoading: BooleanInput;
+    static ngAcceptInputType_minHeight: NumberInput;
+    private readonly dynamicViewService;
+    private readonly hostElement;
+    private readonly renderer;
+    private readonly spinnerService;
+    private readonly injector;
+    private readonly windowRef;
+    private parentMinHeight;
+    private viewRef;
+    autoColor: boolean;
+    set isLoading(value: boolean);
+    set minHeight(value: unknown);
+    private setParent;
+    private setParentHeight;
+    private appendSpinner;
+    private resetParentElement;
+    private hasStaticPosition;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoadingSpinnerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LoadingSpinnerDirective, "[odxLoadingSpinner]", never, { "autoColor": "odxLoadingSpinnerAutoColor"; "isLoading": "odxLoadingSpinner"; "minHeight": "odxLoadingSpinnerMinHeight"; }, {}, never, never, true>;
+}

package/components/loading-spinner/lib/loading-spinner.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./loading-spinner.component";
+import * as i2 from "./loading-spinner.directive";
+import * as i3 from "@odx/angular";
+export declare class LoadingSpinnerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoadingSpinnerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LoadingSpinnerModule, never, [typeof i1.LoadingSpinnerComponent, typeof i2.LoadingSpinnerDirective], [typeof i3.CoreModule, typeof i1.LoadingSpinnerComponent, typeof i2.LoadingSpinnerDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LoadingSpinnerModule>;
+}

package/components/loading-spinner/lib/loading-spinner.service.d.ts

@@ -0,0 +1,9 @@
+import { OnDestroy } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class LoadingSpinnerService implements OnDestroy {
+    readonly spinnerDestroyed$: Subject<void>;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoadingSpinnerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LoadingSpinnerService>;
+}

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

@@ -1,9 +1,14 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { RouterLinkActive } from '@angular/router';
 import { DisabledController } from '@odx/angular';
 import * as i0 from "@angular/core";
 export declare class MainMenuItemDirective {
+    static readonly ngAcceptInputType_isSelected: BooleanInput;
     protected readonly disabledController: DisabledController | null;
+    protected readonly routerLinkActive: RouterLinkActive | null;
     readonly element: import("@angular/core").ElementRef<HTMLLinkElement>;
+    isSelected: boolean;
     get isDisabled(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainMenuItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MainMenuItemDirective, "a[odxMainMenuItem]", never, {}, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MainMenuItemDirective, "[odxMainMenuItem]", never, { "isSelected": "isSelected"; }, {}, never, never, true>;
 }

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

@@ -1,6 +1,8 @@
+import { BooleanInput } from '@angular/cdk/coercion';
 import { MainMenuService } from './main-menu.service';
 import * as i0 from "@angular/core";
 export declare class MainMenuComponent {
+    static readonly ngAcceptInputType_isOpen: BooleanInput;
     protected readonly mainMenuService: MainMenuService;
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
     title: string;
@@ -11,5 +13,5 @@ export declare class MainMenuComponent {
     menuOpen: import("rxjs").Observable<boolean>;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MainMenuComponent, "odx-main-menu", never, { "title": "title"; "subtitle": "subtitle"; "copyright": "copyright"; "isOpen": "isOpen"; }, { "menuOpen": "menuOpen"; }, never, ["a[odxMainMenuItem]", "[odxLink]"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MainMenuComponent, "odx-main-menu", never, { "title": "title"; "subtitle": "subtitle"; "copyright": "copyright"; "isOpen": "isOpen"; }, { "menuOpen": "menuOpen"; }, never, ["*", "[odxLink]"], true>;
 }

package/components/modal/lib/components/modal-header/modal-header.component.d.ts

@@ -5,6 +5,7 @@ export declare class ModalHeaderComponent implements AfterContentInit {
     protected readonly modalRef: import("@odx/angular/components/modal").ModalRef<unknown, unknown>;
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
     areaHeaderComponent?: AreaHeaderComponent;
+    constructor();
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ModalHeaderComponent, "odx-modal-header", never, {}, {}, ["areaHeaderComponent"], ["odx-area-header"], true>;

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

@@ -8,8 +8,9 @@ export declare class ModalComponent {
         $implicit: import("@odx/angular/components/modal").ModalRef<unknown, unknown>;
     };
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
-    readonly size: import("@odx/angular/components/modal").ModalSize;
+    size: import("@odx/angular/components/modal").ModalSize;
     content: Exclude<DynamicContent, DynamicTextContent>;
+    constructor();
     onClose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "odx-modal", never, { "content": "content"; }, {}, never, never, true>;

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

@@ -1,14 +1,18 @@
-import { OnDestroy, TemplateRef } from '@angular/core';
+import { EventEmitter, OnChanges, OnDestroy, TemplateRef } from '@angular/core';
+import { NgChanges } from '@odx/angular/utils';
 import { ModalOptions } from './models';
 import * as i0 from "@angular/core";
-export declare class ModalDirective implements OnDestroy {
+export declare class ModalDirective implements OnChanges, OnDestroy {
     private readonly modalService;
     private modalRef;
-    modalOptions?: Partial<ModalOptions> | '' | null;
     protected readonly template: TemplateRef<any>;
+    modalOptions?: Partial<ModalOptions> | '' | null;
+    modalClose: EventEmitter<any>;
+    modalDismiss: EventEmitter<any>;
+    ngOnChanges(changes: NgChanges<ModalDirective>): void;
     ngOnDestroy(): void;
     open(): void;
     dismiss(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalDirective, "ng-template[odxModal]", ["odxModal"], { "modalOptions": "odxModal"; }, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalDirective, "ng-template[odxModal]", ["odxModal"], { "modalOptions": "odxModal"; }, { "modalClose": "odxModalClose"; "modalDismiss": "odxModalDismiss"; }, never, never, true>;
 }

package/components/modal/lib/models/modal-ref.d.ts

@@ -1,6 +1,7 @@
+import { Controller } from '@odx/angular';
 import { ModalOptions } from './modal-options';
-export declare class ModalRef<Data = unknown, Result = unknown> {
-    private readonly internalOptions;
+export declare class ModalRef<Data = unknown, Result = unknown> extends Controller {
+    private internalOptions;
     private readonly onClose$$;
     private readonly onDismiss$$;
     readonly onClose$: import("rxjs").Observable<Result>;
@@ -10,6 +11,7 @@ export declare class ModalRef<Data = unknown, Result = unknown> {
     get data(): Data;
     get options(): ModalOptions<Data>;
     constructor(internalOptions: ModalOptions<Data>);
+    update(options: Partial<ModalOptions<Data>>): void;
     dismiss(): void;
     close(result: Result): void;
     private destroy;

package/components/progress/README.md

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

package/components/progress/index.d.ts

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

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

@@ -0,0 +1,14 @@
+import { NumberInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+export declare class ProgressComponent {
+    static ngAcceptInputType_value: NumberInput;
+    private _value;
+    protected get ariaValueNow(): null | number;
+    protected get progressValue(): number;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    set value(value: unknown);
+    get value(): number;
+    indeterminate: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressComponent, "odx-progress", never, { "value": "value"; }, {}, never, never, true>;
+}

package/esm2020/animations/lib/fade.mjs

@@ -1,12 +1,9 @@
 import { animate, animation, style } from '@angular/animations';
 import { DEFAULT_ANIMATION_PARAMS } from './config';
 export const fadeIn = (to = 1) => animation([style({ opacity: 0 }), animate('{{duration}} {{ delay }} {{ timingFn }}', style({ opacity: to }))], {
-    params: {
-        ...DEFAULT_ANIMATION_PARAMS,
-        to: 1,
-    },
+    params: DEFAULT_ANIMATION_PARAMS,
 });
 export const fadeOut = (to = 0) => animation([animate('{{duration}} {{ delay }} {{ timingFn }}', style({ opacity: to }))], {
     params: DEFAULT_ANIMATION_PARAMS,
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFkZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9hbmltYXRpb25zL3NyYy9saWIvZmFkZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFcEQsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLENBQUMsRUFBRSxHQUFHLENBQUMsRUFBRSxFQUFFLENBQy9CLFNBQVMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLE9BQU8sQ0FBQyx5Q0FBeUMsRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7SUFDN0csTUFBTSxFQUFFO1FBQ04sR0FBRyx3QkFBd0I7UUFDM0IsRUFBRSxFQUFFLENBQUM7S0FDTjtDQUNGLENBQUMsQ0FBQztBQUVMLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBRyxDQUFDLEVBQUUsR0FBRyxDQUFDLEVBQUUsRUFBRSxDQUNoQyxTQUFTLENBQUMsQ0FBQyxPQUFPLENBQUMseUNBQXlDLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO0lBQ3RGLE1BQU0sRUFBRSx3QkFBd0I7Q0FDakMsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgYW5pbWF0aW9uLCBzdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgREVGQVVMVF9BTklNQVRJT05fUEFSQU1TIH0gZnJvbSAnLi9jb25maWcnO1xuXG5leHBvcnQgY29uc3QgZmFkZUluID0gKHRvID0gMSkgPT5cbiAgYW5pbWF0aW9uKFtzdHlsZSh7IG9wYWNpdHk6IDAgfSksIGFuaW1hdGUoJ3t7ZHVyYXRpb259fSB7eyBkZWxheSB9fSB7eyB0aW1pbmdGbiB9fScsIHN0eWxlKHsgb3BhY2l0eTogdG8gfSkpXSwge1xuICAgIHBhcmFtczoge1xuICAgICAgLi4uREVGQVVMVF9BTklNQVRJT05fUEFSQU1TLFxuICAgICAgdG86IDEsXG4gICAgfSxcbiAgfSk7XG5cbmV4cG9ydCBjb25zdCBmYWRlT3V0ID0gKHRvID0gMCkgPT5cbiAgYW5pbWF0aW9uKFthbmltYXRlKCd7e2R1cmF0aW9ufX0ge3sgZGVsYXkgfX0ge3sgdGltaW5nRm4gfX0nLCBzdHlsZSh7IG9wYWNpdHk6IHRvIH0pKV0sIHtcbiAgICBwYXJhbXM6IERFRkFVTFRfQU5JTUFUSU9OX1BBUkFNUyxcbiAgfSk7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFkZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9hbmltYXRpb25zL3NyYy9saWIvZmFkZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFcEQsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLENBQUMsRUFBRSxHQUFHLENBQUMsRUFBRSxFQUFFLENBQy9CLFNBQVMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLE9BQU8sQ0FBQyx5Q0FBeUMsRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7SUFDN0csTUFBTSxFQUFFLHdCQUF3QjtDQUNqQyxDQUFDLENBQUM7QUFFTCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxFQUFFLEVBQUUsQ0FDaEMsU0FBUyxDQUFDLENBQUMsT0FBTyxDQUFDLHlDQUF5QyxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtJQUN0RixNQUFNLEVBQUUsd0JBQXdCO0NBQ2pDLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIGFuaW1hdGlvbiwgc3R5bGUgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IERFRkFVTFRfQU5JTUFUSU9OX1BBUkFNUyB9IGZyb20gJy4vY29uZmlnJztcblxuZXhwb3J0IGNvbnN0IGZhZGVJbiA9ICh0byA9IDEpID0+XG4gIGFuaW1hdGlvbihbc3R5bGUoeyBvcGFjaXR5OiAwIH0pLCBhbmltYXRlKCd7e2R1cmF0aW9ufX0ge3sgZGVsYXkgfX0ge3sgdGltaW5nRm4gfX0nLCBzdHlsZSh7IG9wYWNpdHk6IHRvIH0pKV0sIHtcbiAgICBwYXJhbXM6IERFRkFVTFRfQU5JTUFUSU9OX1BBUkFNUyxcbiAgfSk7XG5cbmV4cG9ydCBjb25zdCBmYWRlT3V0ID0gKHRvID0gMCkgPT5cbiAgYW5pbWF0aW9uKFthbmltYXRlKCd7e2R1cmF0aW9ufX0ge3sgZGVsYXkgfX0ge3sgdGltaW5nRm4gfX0nLCBzdHlsZSh7IG9wYWNpdHk6IHRvIH0pKV0sIHtcbiAgICBwYXJhbXM6IERFRkFVTFRfQU5JTUFUSU9OX1BBUkFNUyxcbiAgfSk7XG4iXX0=

package/esm2020/cdk/checkbox-control/lib/checkbox-control.directive.mjs

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Directive, inject, Input } from '@angular/core';
+import { Directive, Input } from '@angular/core';
 import { Validators } from '@angular/forms';
 import { detectControllerChanges } from '@odx/angular';
 import { CustomFormControl } from '@odx/angular/cdk/custom-form-control';
@@ -9,7 +9,7 @@ export class CheckBoxControl extends CustomFormControl {
         super(false);
         this.element = injectElement();
         this.value = null;
-        detectControllerChanges(inject(ChangeDetectorRef), this).subscribe();
+        detectControllerChanges(this).subscribe();
     }
     set checked(value) {
         this.controlValue = value;
@@ -28,9 +28,9 @@ export class CheckBoxControl extends CustomFormControl {
         this.toggleValidator(Validators.requiredTrue, this.required);
     }
 }
-CheckBoxControl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: CheckBoxControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-CheckBoxControl.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.8", type: CheckBoxControl, selector: "[odxCheckBoxControl]", inputs: { checked: "checked", value: "value" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: CheckBoxControl, decorators: [{
+CheckBoxControl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CheckBoxControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CheckBoxControl.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.9", type: CheckBoxControl, selector: "[odxCheckBoxControl]", inputs: { checked: "checked", value: "value" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CheckBoxControl, decorators: [{
             type: Directive,
             args: [{
                     selector: '[odxCheckBoxControl]',
@@ -40,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
             }], value: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtY29udHJvbC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY2RrL2NoZWNrYm94LWNvbnRyb2wvc3JjL2xpYi9jaGVja2JveC1jb250cm9sLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzVDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN2RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBSzdFLE1BQU0sT0FBTyxlQUFnQixTQUFRLGlCQUEwQjtJQW9CN0Q7UUFDRSxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFsQkMsWUFBTyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBV25DLFVBQUssR0FBa0IsSUFBSSxDQUFDO1FBUWpDLHVCQUF1QixDQUFDLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ3ZFLENBQUM7SUFsQkQsSUFDVyxPQUFPLENBQUMsS0FBYztRQUMvQixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBQ0QsSUFBVyxPQUFPO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMzQixDQUFDO0lBS0QsSUFBVyxXQUFXO1FBQ3BCLE9BQU8sd0JBQXdCLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFPTSxTQUFTLENBQUMsS0FBWTtRQUMzQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsS0FBSyxDQUFDLFdBQVcsQ0FBRSxLQUFLLENBQUMsTUFBMkIsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNoRSxDQUFDO0lBRWtCLHVCQUF1QjtRQUN4QyxJQUFJLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBQyxZQUFZLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQy9ELENBQUM7OzRHQWhDVSxlQUFlO2dHQUFmLGVBQWU7MkZBQWYsZUFBZTtrQkFIM0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsc0JBQXNCO2lCQUNqQzswRUFPWSxPQUFPO3NCQURqQixLQUFLO2dCQVNDLEtBQUs7c0JBRFgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgRGlyZWN0aXZlLCBpbmplY3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgZGV0ZWN0Q29udHJvbGxlckNoYW5nZXMgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgQ3VzdG9tRm9ybUNvbnRyb2wgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2N1c3RvbS1mb3JtLWNvbnRyb2wnO1xuaW1wb3J0IHsgYm9vbGVhblRvQXR0cmlidXRlU3RyaW5nLCBpbmplY3RFbGVtZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW29keENoZWNrQm94Q29udHJvbF0nLFxufSlcbmV4cG9ydCBjbGFzcyBDaGVja0JveENvbnRyb2wgZXh0ZW5kcyBDdXN0b21Gb3JtQ29udHJvbDxib29sZWFuPiB7XG4gIHB1YmxpYyBzdGF0aWMgbmdBY2NlcHRJbnB1dFR5cGVfY2hlY2tlZDogQm9vbGVhbklucHV0O1xuXG4gIHB1YmxpYyByZWFkb25seSBlbGVtZW50ID0gaW5qZWN0RWxlbWVudCgpO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgY2hlY2tlZCh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuY29udHJvbFZhbHVlID0gdmFsdWU7XG4gIH1cbiAgcHVibGljIGdldCBjaGVja2VkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmNvbnRyb2xWYWx1ZTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB2YWx1ZTogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG5cbiAgcHVibGljIGdldCBhcmlhQ2hlY2tlZCgpOiBzdHJpbmcge1xuICAgIHJldHVybiBib29sZWFuVG9BdHRyaWJ1dGVTdHJpbmcodGhpcy5jaGVja2VkKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKGZhbHNlKTtcbiAgICBkZXRlY3RDb250cm9sbGVyQ2hhbmdlcyhpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpLCB0aGlzKS5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIHB1YmxpYyBvbkNoYW5nZWQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgc3VwZXIudXBkYXRlVmFsdWUoKGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50KS5jaGVja2VkKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB1cGRhdGVSZXF1aXJlZFZhbGlkYXRvcigpOiB2b2lkIHtcbiAgICB0aGlzLnRvZ2dsZVZhbGlkYXRvcihWYWxpZGF0b3JzLnJlcXVpcmVkVHJ1ZSwgdGhpcy5yZXF1aXJlZCk7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtY29udHJvbC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY2RrL2NoZWNrYm94LWNvbnRyb2wvc3JjL2xpYi9jaGVja2JveC1jb250cm9sLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDNUMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ3ZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFLN0UsTUFBTSxPQUFPLGVBQWdCLFNBQVEsaUJBQTBCO0lBb0I3RDtRQUNFLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQWxCQyxZQUFPLEdBQUcsYUFBYSxFQUFFLENBQUM7UUFXbkMsVUFBSyxHQUFrQixJQUFJLENBQUM7UUFRakMsdUJBQXVCLENBQUMsSUFBSSxDQUFDLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDNUMsQ0FBQztJQWxCRCxJQUNXLE9BQU8sQ0FBQyxLQUFjO1FBQy9CLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO0lBQzVCLENBQUM7SUFDRCxJQUFXLE9BQU87UUFDaEIsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzNCLENBQUM7SUFLRCxJQUFXLFdBQVc7UUFDcEIsT0FBTyx3QkFBd0IsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQU9NLFNBQVMsQ0FBQyxLQUFZO1FBQzNCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixLQUFLLENBQUMsV0FBVyxDQUFFLEtBQUssQ0FBQyxNQUEyQixDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ2hFLENBQUM7SUFFa0IsdUJBQXVCO1FBQ3hDLElBQUksQ0FBQyxlQUFlLENBQUMsVUFBVSxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDL0QsQ0FBQzs7NEdBaENVLGVBQWU7Z0dBQWYsZUFBZTsyRkFBZixlQUFlO2tCQUgzQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7aUJBQ2pDOzBFQU9ZLE9BQU87c0JBRGpCLEtBQUs7Z0JBU0MsS0FBSztzQkFEWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBkZXRlY3RDb250cm9sbGVyQ2hhbmdlcyB9IGZyb20gJ0BvZHgvYW5ndWxhcic7XG5pbXBvcnQgeyBDdXN0b21Gb3JtQ29udHJvbCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jZGsvY3VzdG9tLWZvcm0tY29udHJvbCc7XG5pbXBvcnQgeyBib29sZWFuVG9BdHRyaWJ1dGVTdHJpbmcsIGluamVjdEVsZW1lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvdXRpbHMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbb2R4Q2hlY2tCb3hDb250cm9sXScsXG59KVxuZXhwb3J0IGNsYXNzIENoZWNrQm94Q29udHJvbCBleHRlbmRzIEN1c3RvbUZvcm1Db250cm9sPGJvb2xlYW4+IHtcbiAgcHVibGljIHN0YXRpYyBuZ0FjY2VwdElucHV0VHlwZV9jaGVja2VkOiBCb29sZWFuSW5wdXQ7XG5cbiAgcHVibGljIHJlYWRvbmx5IGVsZW1lbnQgPSBpbmplY3RFbGVtZW50KCk7XG5cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBjaGVja2VkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5jb250cm9sVmFsdWUgPSB2YWx1ZTtcbiAgfVxuICBwdWJsaWMgZ2V0IGNoZWNrZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuY29udHJvbFZhbHVlO1xuICB9XG5cbiAgQElucHV0KClcbiAgcHVibGljIHZhbHVlOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICBwdWJsaWMgZ2V0IGFyaWFDaGVja2VkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGJvb2xlYW5Ub0F0dHJpYnV0ZVN0cmluZyh0aGlzLmNoZWNrZWQpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoZmFsc2UpO1xuICAgIGRldGVjdENvbnRyb2xsZXJDaGFuZ2VzKHRoaXMpLnN1YnNjcmliZSgpO1xuICB9XG5cbiAgcHVibGljIG9uQ2hhbmdlZChldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBzdXBlci51cGRhdGVWYWx1ZSgoZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQpLmNoZWNrZWQpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHVwZGF0ZVJlcXVpcmVkVmFsaWRhdG9yKCk6IHZvaWQge1xuICAgIHRoaXMudG9nZ2xlVmFsaWRhdG9yKFZhbGlkYXRvcnMucmVxdWlyZWRUcnVlLCB0aGlzLnJlcXVpcmVkKTtcbiAgfVxufVxuIl19

package/esm2020/cdk/custom-form-control/lib/control.directive.mjs

@@ -6,9 +6,9 @@ export class ControlDirective {
         this.element = injectElement();
     }
 }
-ControlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ControlDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.8", type: ControlDirective, isStandalone: true, selector: "[odxControl]", exportAs: ["odxControl"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ControlDirective, decorators: [{
+ControlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ControlDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.9", type: ControlDirective, isStandalone: true, selector: "[odxControl]", exportAs: ["odxControl"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ControlDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/esm2020/cdk/custom-form-control/lib/custom-form-control.mjs

@@ -96,9 +96,9 @@ export class CustomFormControl extends Controller {
     }
 }
 CustomFormControl.CURRENT_INDEX = 0;
-CustomFormControl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: CustomFormControl, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-CustomFormControl.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.8", type: CustomFormControl, inputs: { id: "id", name: "name", required: "required" }, host: { properties: { "class.has-error": "hasError", "class.is-disabled": "isDisabled", "class.is-readonly": "isReadonly", "class.is-required": "required" } }, viewQueries: [{ propertyName: "control", first: true, predicate: ControlDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: CustomFormControl, decorators: [{
+CustomFormControl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CustomFormControl, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+CustomFormControl.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.9", type: CustomFormControl, inputs: { id: "id", name: "name", required: "required" }, host: { properties: { "class.has-error": "hasError", "class.is-disabled": "isDisabled", "class.is-readonly": "isReadonly", "class.is-required": "required" } }, viewQueries: [{ propertyName: "control", first: true, predicate: ControlDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CustomFormControl, decorators: [{
             type: Directive,
             args: [{
                     host: {

package/esm2020/cdk/dynamic-view/lib/dynamic-view.component.mjs

@@ -1,22 +1,34 @@
-import { AsyncPipe } from '@angular/common';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, Input, ViewEncapsulation } from '@angular/core';
-import { isObservable } from 'rxjs';
+import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
+import { injectElement } from '@odx/angular/utils';
+import { distinctUntilChanged, isObservable } from 'rxjs';
 import * as i0 from "@angular/core";
 export class DynamicViewComponent {
     constructor() {
-        this.asyncPipe = new AsyncPipe(inject(ChangeDetectorRef));
-        this.resolveContent = () => null;
+        this.element = injectElement();
+        this.currentSubscription = null;
     }
     set content(value) {
-        this.resolveContent = isObservable(value) ? () => this.asyncPipe.transform(value) : () => value;
+        if (isObservable(value)) {
+            this.ngOnDestroy();
+            this.currentSubscription = value.pipe(distinctUntilChanged()).subscribe((innerValue) => {
+                this.setContent(innerValue);
+            });
+        }
+        else {
+            this.setContent(value);
+        }
     }
     ngOnDestroy() {
-        this.asyncPipe?.ngOnDestroy();
+        this.currentSubscription?.unsubscribe();
+        this.currentSubscription = null;
+    }
+    setContent(value) {
+        this.element.nativeElement.innerHTML = value;
     }
 }
-DynamicViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: DynamicViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DynamicViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: DynamicViewComponent, isStandalone: true, selector: "odx-dynamic-view", inputs: { content: "content" }, host: { properties: { "innerHTML": "resolveContent()" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: DynamicViewComponent, decorators: [{
+DynamicViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DynamicViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DynamicViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: DynamicViewComponent, isStandalone: true, selector: "odx-dynamic-view", inputs: { content: "content" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DynamicViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'odx-dynamic-view',
@@ -24,11 +36,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
                     standalone: true,
-                    host: {
-                        '[innerHTML]': 'resolveContent()',
-                    },
                 }]
         }], propDecorators: { content: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jZGsvZHluYW1pYy12aWV3L3NyYy9saWIvZHluYW1pYy12aWV3LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDNUMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFhLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25JLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBYXBDLE1BQU0sT0FBTyxvQkFBb0I7SUFWakM7UUFXWSxjQUFTLEdBQUcsSUFBSSxTQUFTLENBQUMsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQztRQUNyRCxtQkFBYyxHQUF3QixHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUM7S0FVNUQ7SUFSQyxJQUNXLE9BQU8sQ0FBQyxLQUF5QjtRQUMxQyxJQUFJLENBQUMsY0FBYyxHQUFHLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDLEtBQUssQ0FBQztJQUNsRyxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxDQUFDO0lBQ2hDLENBQUM7O2lIQVhVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLHVLQVJyQixFQUFFOzJGQVFELG9CQUFvQjtrQkFWaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixRQUFRLEVBQUUsRUFBRTtvQkFDWixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLFVBQVUsRUFBRSxJQUFJO29CQUNoQixJQUFJLEVBQUU7d0JBQ0osYUFBYSxFQUFFLGtCQUFrQjtxQkFDbEM7aUJBQ0Y7OEJBTVksT0FBTztzQkFEakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFzeW5jUGlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgaW5qZWN0LCBJbnB1dCwgT25EZXN0cm95LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgaXNPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBEeW5hbWljVGV4dENvbnRlbnQgfSBmcm9tICcuL2ZhY2FkZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29keC1keW5hbWljLXZpZXcnLFxuICB0ZW1wbGF0ZTogJycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBob3N0OiB7XG4gICAgJ1tpbm5lckhUTUxdJzogJ3Jlc29sdmVDb250ZW50KCknLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBEeW5hbWljVmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gIHByb3RlY3RlZCBhc3luY1BpcGUgPSBuZXcgQXN5bmNQaXBlKGluamVjdChDaGFuZ2VEZXRlY3RvclJlZikpO1xuICBwcm90ZWN0ZWQgcmVzb2x2ZUNvbnRlbnQ6ICgpID0+IHN0cmluZyB8IG51bGwgPSAoKSA9PiBudWxsO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgY29udGVudCh2YWx1ZTogRHluYW1pY1RleHRDb250ZW50KSB7XG4gICAgdGhpcy5yZXNvbHZlQ29udGVudCA9IGlzT2JzZXJ2YWJsZSh2YWx1ZSkgPyAoKSA9PiB0aGlzLmFzeW5jUGlwZS50cmFuc2Zvcm0odmFsdWUpIDogKCkgPT4gdmFsdWU7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5hc3luY1BpcGU/Lm5nT25EZXN0cm95KCk7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jZGsvZHluYW1pYy12aWV3L3NyYy9saWIvZHluYW1pYy12aWV3LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbkQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFlBQVksRUFBZ0IsTUFBTSxNQUFNLENBQUM7O0FBVXhFLE1BQU0sT0FBTyxvQkFBb0I7SUFQakM7UUFRbUIsWUFBTyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBQ25DLHdCQUFtQixHQUF3QixJQUFJLENBQUM7S0FzQnpEO0lBcEJDLElBQ1csT0FBTyxDQUFDLEtBQXlCO1FBQzFDLElBQUksWUFBWSxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsbUJBQW1CLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsVUFBVSxFQUFFLEVBQUU7Z0JBQ3JGLElBQUksQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDOUIsQ0FBQyxDQUFDLENBQUM7U0FDSjthQUFNO1lBQ0wsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN4QjtJQUNILENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxXQUFXLEVBQUUsQ0FBQztRQUN4QyxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDO0lBQ2xDLENBQUM7SUFFTyxVQUFVLENBQUMsS0FBYTtRQUM5QixJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQy9DLENBQUM7O2lIQXZCVSxvQkFBb0I7cUdBQXBCLG9CQUFvQiw0R0FMckIsRUFBRTsyRkFLRCxvQkFBb0I7a0JBUGhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsUUFBUSxFQUFFLEVBQUU7b0JBQ1osZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBTVksT0FBTztzQkFEakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBPbkRlc3Ryb3ksIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBpbmplY3RFbGVtZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcbmltcG9ydCB7IGRpc3RpbmN0VW50aWxDaGFuZ2VkLCBpc09ic2VydmFibGUsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgRHluYW1pY1RleHRDb250ZW50IH0gZnJvbSAnLi9mYWNhZGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvZHgtZHluYW1pYy12aWV3JyxcbiAgdGVtcGxhdGU6ICcnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRHluYW1pY1ZpZXdDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBwcml2YXRlIHJlYWRvbmx5IGVsZW1lbnQgPSBpbmplY3RFbGVtZW50KCk7XG4gIHByaXZhdGUgY3VycmVudFN1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uIHwgbnVsbCA9IG51bGw7XG5cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBjb250ZW50KHZhbHVlOiBEeW5hbWljVGV4dENvbnRlbnQpIHtcbiAgICBpZiAoaXNPYnNlcnZhYmxlKHZhbHVlKSkge1xuICAgICAgdGhpcy5uZ09uRGVzdHJveSgpO1xuICAgICAgdGhpcy5jdXJyZW50U3Vic2NyaXB0aW9uID0gdmFsdWUucGlwZShkaXN0aW5jdFVudGlsQ2hhbmdlZCgpKS5zdWJzY3JpYmUoKGlubmVyVmFsdWUpID0+IHtcbiAgICAgICAgdGhpcy5zZXRDb250ZW50KGlubmVyVmFsdWUpO1xuICAgICAgfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2V0Q29udGVudCh2YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuY3VycmVudFN1YnNjcmlwdGlvbj8udW5zdWJzY3JpYmUoKTtcbiAgICB0aGlzLmN1cnJlbnRTdWJzY3JpcHRpb24gPSBudWxsO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRDb250ZW50KHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5pbm5lckhUTUwgPSB2YWx1ZTtcbiAgfVxufVxuIl19