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

package/fesm2015/odx-angular-cdk-connected-overlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-cdk-connected-overlay.mjs","sources":["../../../../libs/angular/cdk/connected-overlay/src/lib/helpers/compute-overlay-position.ts","../../../../libs/angular/cdk/connected-overlay/src/lib/models/connected-overlay-options.ts","../../../../libs/angular/cdk/connected-overlay/src/lib/models/connected-overlay-ref.ts","../../../../libs/angular/cdk/connected-overlay/src/lib/connected-overlay.component.ts","../../../../libs/angular/cdk/connected-overlay/src/lib/connected-overlay.component.html","../../../../libs/angular/cdk/connected-overlay/src/lib/connected-overlay.service.ts","../../../../libs/angular/cdk/connected-overlay/src/odx-angular-cdk-connected-overlay.ts"],"sourcesContent":["import { arrow, computePosition, ComputePositionReturn, flip, hide, offset as withOffset, shift, size, VirtualElement } from '@floating-ui/dom';\nimport { applyStyles, cssTranslate, getOppositeSide, getSide, px } from '@odx/angular/utils';\nimport { ConnectedOverlayOptions } from '../models';\n\nexport async function computeOverlayPosition(\n  referenceElement: VirtualElement,\n  overlayElement: HTMLElement,\n  contentElement: HTMLElement,\n  arrowElement: HTMLElement,\n  options: ConnectedOverlayOptions\n): Promise<ComputePositionReturn> {\n  const { position, offset, outerPadding, matchReferenceWidth, enableFallback, fallbackAxisSideDirection, strategy, minHeight } = options;\n  const arrowSize = options.showArrow ? arrowElement.offsetWidth : 0;\n  const arrowMiddleware = options.showArrow ? [arrow({ element: arrowElement, padding: 8 })] : [];\n  const flipMiddleWare = enableFallback ? [flip({ fallbackAxisSideDirection })] : [];\n\n  return computePosition(referenceElement, overlayElement, {\n    strategy,\n    placement: position,\n    middleware: [\n      withOffset(Math.max(offset, arrowSize + offset)),\n      shift({ padding: outerPadding }),\n      ...flipMiddleWare,\n      size({\n        padding: outerPadding,\n        apply: ({ availableHeight, availableWidth, rects }) => {\n          applyStyles(contentElement, {\n            maxHeight: px(availableHeight),\n            maxWidth: px(availableWidth),\n            minHeight: minHeight ? px(Math.min(availableHeight, minHeight)) : null,\n            minWidth: matchReferenceWidth ? px(rects.reference.width) : null,\n          });\n        },\n      }),\n      ...arrowMiddleware,\n      hide(),\n    ],\n  }).then((result) => {\n    applyStyles(overlayElement, {\n      top: '0',\n      left: '0',\n      transform: cssTranslate(px(result.x), px(result.y)),\n    });\n    if (options.hiddenClass) {\n      overlayElement.classList.toggle(options.hiddenClass, !!result.middlewareData.hide?.referenceHidden);\n    }\n    if (options.showArrow) {\n      const overlaySide = getSide(result.placement);\n      const arrowSide = getOppositeSide(result.placement);\n      applyStyles(arrowElement, {\n        display: null,\n        top: px(result.middlewareData.arrow?.y),\n        left: px(result.middlewareData.arrow?.x),\n        [arrowSide]: px(-arrowSize / 2),\n        [overlaySide]: null,\n      });\n    } else {\n      applyStyles(arrowElement, { display: 'none' });\n    }\n\n    return result;\n  });\n}\n","import { Strategy } from '@floating-ui/dom';\nimport { DynamicContent } from '@odx/angular/cdk/dynamic-view';\nimport { Position } from '@odx/angular/utils';\n\nexport interface ConnectedOverlayOptions {\n  content?: DynamicContent | null;\n  context?: Record<string, unknown>;\n  containerClass?: string | null;\n  hiddenClass: string | null;\n  enableFallback: boolean;\n  fallbackAxisSideDirection: 'start' | 'end';\n  matchReferenceWidth: boolean;\n  minHeight?: number | null;\n  offset: number;\n  outerPadding: number;\n  position: Position;\n  strategy: Strategy;\n  showArrow?: boolean;\n  hooks?: {\n    beforeOpen?: () => void;\n    afterOpen?: () => void;\n    beforeClose?: () => void;\n    afterClose?: () => void;\n  };\n}\n\nexport const DefaultConnectedOverlayOptions: ConnectedOverlayOptions = {\n  hiddenClass: 'is-hidden',\n  enableFallback: false,\n  fallbackAxisSideDirection: 'start',\n  matchReferenceWidth: false,\n  offset: 8,\n  outerPadding: 12,\n  position: Position.BOTTOM,\n  strategy: 'fixed',\n};\n","import { DynamicViewRef } from '@odx/angular/cdk/dynamic-view';\nimport { EMPTY, Observable } from 'rxjs';\nimport { ConnectedOverlayComponent } from '../connected-overlay.component';\nimport { ConnectedOverlayOptions } from './connected-overlay-options';\n\nexport class ConnectedOverlayRef {\n  public readonly element = this.dynamicViewRef.getElement();\n  public readonly onClose$: Observable<void> = this.dynamicViewRef.getContext().closed ?? EMPTY;\n\n  constructor(private readonly dynamicViewRef: DynamicViewRef<typeof ConnectedOverlayComponent>) {}\n\n  public update(options: Partial<ConnectedOverlayOptions>) {\n    this.dynamicViewRef.update({ options: options as ConnectedOverlayOptions });\n  }\n\n  public close(): void {\n    this.dynamicViewRef.destroy();\n  }\n}\n","import { AnimationEvent, group, transition, trigger, useAnimation } from '@angular/animations';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  inject,\n  Input,\n  NgZone,\n  OnChanges,\n  OnDestroy,\n  Output,\n  Renderer2,\n  RendererStyleFlags2,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { autoUpdate, VirtualElement } from '@floating-ui/dom';\nimport { CoreModule } from '@odx/angular';\nimport {\n  fadeIn,\n  fadeOut,\n  slideInLeft,\n  slideInRight,\n  slideInUp,\n  slideOutDown,\n  slideOutLeft,\n  slideOutRight,\n  slideOutUp,\n  waitForChildAnimations,\n} from '@odx/angular/animations';\nimport { DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { getInjector, getSide, hasChanged, injectElement, NgChanges, Side } from '@odx/angular/utils';\nimport { Subject } from 'rxjs';\nimport { computeOverlayPosition } from './helpers';\nimport { ConnectedOverlayOptions, DefaultConnectedOverlayOptions } from './models';\n\n@CSSComponent('cdk-connected-overlay')\n@Component({\n  standalone: true,\n  selector: 'odx-connected-overlay',\n  imports: [CoreModule, DynamicViewDirective],\n  templateUrl: 'connected-overlay.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[@hostAnimation]': 'true',\n  },\n  animations: [\n    trigger('hostAnimation', [waitForChildAnimations]),\n    trigger('contentAnimation', [\n      transition('void => top', group([useAnimation(slideInUp, { params: { from: '-8px' } }), useAnimation(fadeIn())])),\n      transition('top => void', group([useAnimation(slideOutUp, { params: { to: '-8px' } }), useAnimation(fadeOut())])),\n      transition('void => right', group([useAnimation(slideInLeft, { params: { from: '8px' } }), useAnimation(fadeIn())])),\n      transition('right => void', group([useAnimation(slideOutRight, { params: { to: '8px' } }), useAnimation(fadeOut())])),\n      transition('void => bottom', group([useAnimation(slideInUp, { params: { from: '8px' } }), useAnimation(fadeIn())])),\n      transition('bottom => void', group([useAnimation(slideOutDown, { params: { to: '8px' } }), useAnimation(fadeOut())])),\n      transition('void => left', group([useAnimation(slideInRight, { params: { from: '-8px' } }), useAnimation(fadeIn())])),\n      transition('left => void', group([useAnimation(slideOutLeft, { params: { to: '-8px' } }), useAnimation(fadeOut())])),\n    ]),\n  ],\n})\nexport class ConnectedOverlayComponent implements OnChanges, OnDestroy {\n  private readonly renderer = inject(Renderer2);\n  private readonly zone = inject(NgZone);\n  private positionUpdater: (() => void) | null = null;\n\n  protected readonly injector = getInjector();\n  protected overlaySide?: Side;\n\n  @ViewChild('content', { static: true })\n  protected contentElement!: ElementRef<HTMLElement>;\n\n  @ViewChild('arrow', { static: true })\n  protected arrowElement!: ElementRef<HTMLElement>;\n\n  public readonly element = injectElement();\n\n  @Input()\n  public referenceElement!: VirtualElement;\n\n  @Input()\n  public options: ConnectedOverlayOptions = DefaultConnectedOverlayOptions;\n\n  @Output()\n  public closed = new Subject<void>();\n\n  public ngOnChanges(changes: NgChanges<ConnectedOverlayComponent>): void {\n    if (hasChanged(changes, ['options'], false)) {\n      this.overlaySide = getSide(this.options.position);\n    }\n    if (hasChanged(changes, ['referenceElement', 'options'], false)) {\n      this.stopPositionUpdater();\n      this.startPositionUpdater();\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.stopPositionUpdater();\n  }\n\n  protected onAnimationStart({ fromState }: AnimationEvent): void {\n    if (!fromState) return;\n    if (fromState === 'void') {\n      this.renderer.setStyle(this.element.nativeElement, 'pointer-events', 'none', RendererStyleFlags2.Important);\n      this.options.hooks?.beforeOpen?.();\n    } else {\n      this.options.hooks?.beforeClose?.();\n    }\n  }\n\n  protected onAnimationDone({ fromState }: AnimationEvent): void {\n    if (!fromState) return;\n    if (fromState === 'void') {\n      this.options.hooks?.afterOpen?.();\n      this.renderer.removeStyle(this.element.nativeElement, 'pointer-events');\n    } else {\n      this.options.hooks?.afterClose?.();\n    }\n  }\n\n  private startPositionUpdater(): void {\n    this.positionUpdater = this.zone.runOutsideAngular(() =>\n      autoUpdate(this.referenceElement, this.element.nativeElement, () =>\n        computeOverlayPosition(\n          this.referenceElement,\n          this.element.nativeElement,\n          this.contentElement.nativeElement,\n          this.arrowElement.nativeElement,\n          this.options\n        ).then(({ placement }) => {\n          this.overlaySide = getSide(placement);\n        })\n      )\n    );\n  }\n\n  private stopPositionUpdater(): void {\n    this.positionUpdater?.();\n    this.positionUpdater = null;\n  }\n}\n","<div\n  [@contentAnimation]=\"overlaySide\"\n  (@contentAnimation.start)=\"onAnimationStart($event)\"\n  (@contentAnimation.done)=\"onAnimationDone($event)\"\n  class=\"odx-cdk-connected-overlay__content {{ options.containerClass }}\"\n  #content\n>\n  <ng-template [odxDynamicView]=\"options.content\" [odxDynamicViewContext]=\"options.context\" [odxDynamicViewInjector]=\"injector\"></ng-template>\n  <div class=\"odx-cdk-connected-overlay-arrow\" #arrow></div>\n</div>\n","import { inject, Injectable } from '@angular/core';\nimport { VirtualElement } from '@floating-ui/dom';\nimport { DynamicViewRenderingOptions, DynamicViewService } from '@odx/angular/cdk/dynamic-view';\nimport { deepmerge } from 'deepmerge-ts';\nimport { ConnectedOverlayComponent } from './connected-overlay.component';\nimport { ConnectedOverlayOptions, ConnectedOverlayRef, DefaultConnectedOverlayOptions } from './models';\n\n@Injectable({ providedIn: 'root' })\nexport class ConnectedOverlayService {\n  private readonly dynamicViewService = inject(DynamicViewService);\n\n  public createOverlay(\n    referenceElement: VirtualElement,\n    options?: Partial<ConnectedOverlayOptions>,\n    renderingOptions?: Partial<DynamicViewRenderingOptions>\n  ): ConnectedOverlayRef {\n    const dynamicViewRef = this.dynamicViewService.createView(ConnectedOverlayComponent, {\n      ...renderingOptions,\n      context: { options: deepmerge(DefaultConnectedOverlayOptions, options) as ConnectedOverlayOptions, referenceElement },\n    });\n\n    return new ConnectedOverlayRef(dynamicViewRef);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["offset","withOffset"],"mappings":"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"}

package/fesm2015/odx-angular-cdk-custom-form-control.mjs

@@ -1,19 +1,17 @@
 import * as i0 from '@angular/core';
 import { Directive, inject, Input, ViewChild } from '@angular/core';
 import { injectElement } from '@odx/angular/utils';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { NgControl, Validators } from '@angular/forms';
+import { Validators, RequiredValidator, NgControl } from '@angular/forms';
 import { Controller, DisabledController, ReadonlyController } from '@odx/angular';
-import { filter, EMPTY } from 'rxjs';
 
 class ControlDirective {
     constructor() {
         this.element = injectElement();
     }
 }
-ControlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ControlDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: ControlDirective, isStandalone: true, selector: "[odxControl]", exportAs: ["odxControl"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ControlDirective, decorators: [{
+ControlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ControlDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.4", type: ControlDirective, isStandalone: true, selector: "[odxControl]", exportAs: ["odxControl"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ControlDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -23,37 +21,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
         }] });
 
 class CustomFormControl extends Controller {
-    constructor(initialValue) {
-        var _a, _b;
-        super();
-        this.isRequired = false;
-        this.disabledController = DisabledController.inject();
-        this.readonlyController = ReadonlyController.inject();
-        this.enabled$ = (_b = (_a = this.disabledController) === null || _a === void 0 ? void 0 : _a.change$.pipe(filter(() => !this.isDisabled))) !== null && _b !== void 0 ? _b : EMPTY;
-        this.ngControl = inject(NgControl, { self: true, optional: true });
-        this.id = null;
-        this.name = `odx-form-control-${CustomFormControl.CURRENT_INDEX++}`;
-        this.control = null;
-        this.internalValue = initialValue;
-        if (this.ngControl) {
-            this.ngControl.valueAccessor = this;
-        }
-        this.enabled$.subscribe(() => this.updateRequiredValidator());
-    }
-    set required(value) {
-        this.isRequired = coerceBooleanProperty(value);
-        this.updateRequiredValidator();
-    }
-    get required() {
-        return this.isRequired;
-    }
-    set controlValue(value) {
+    set value(value) {
         if (this.internalValue !== value) {
             this.internalValue = value;
             this.triggerControllerChange();
         }
     }
-    get controlValue() {
+    get value() {
         return this.internalValue;
     }
     get hasError() {
@@ -68,14 +42,30 @@ class CustomFormControl extends Controller {
         var _a;
         return !!((_a = this.readonlyController) === null || _a === void 0 ? void 0 : _a.readonly);
     }
-    ngAfterContentInit() {
-        this.updateRequiredValidator();
+    get isRequired() {
+        var _a;
+        return !!((_a = this.requiredValidator) === null || _a === void 0 ? void 0 : _a.required) || this.hasValidator(Validators.required) || this.hasValidator(Validators.requiredTrue);
+    }
+    constructor(initialValue) {
+        super();
+        this.requiredValidator = inject(RequiredValidator, { optional: true, self: true });
+        this.disabledController = DisabledController.inject();
+        this.readonlyController = ReadonlyController.inject();
+        this.ngControl = inject(NgControl, { self: true, optional: true });
+        this.id = null;
+        this.name = `odx-form-control-${CustomFormControl.CURRENT_INDEX++}`;
+        this.tabindex = null;
+        this.control = null;
+        this.internalValue = initialValue;
+        if (this.ngControl) {
+            this.ngControl.valueAccessor = this;
+        }
     }
     onTouched() {
-        // empty;
+        // implemented by control value accessor
     }
     onChange(_value) {
-        // empty
+        // implemented by control value accessor
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -88,40 +78,26 @@ class CustomFormControl extends Controller {
         (_a = this.disabledController) === null || _a === void 0 ? void 0 : _a.setDisabledState(isDisabled);
     }
     writeValue(value) {
-        this.controlValue = value;
+        if (this.isDisabled)
+            return;
+        this.value = value;
+        this.onChange(value);
     }
     updateValue(value) {
+        if (this.isDisabled)
+            return;
         this.writeValue(value);
-        this.onChange(value);
         this.onTouched();
     }
-    toggleValidator(validator, state) {
-        var _a;
-        const control = (_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.control;
-        if (!control)
-            return;
-        const hasValidator = control.hasValidator(validator);
-        if (state && hasValidator)
-            return;
-        if (!state && !hasValidator)
-            return;
-        if (state) {
-            control.addValidators(validator);
-        }
-        else {
-            control.removeValidators(validator);
-        }
-        control.updateValueAndValidity();
-        control.markAsUntouched();
-    }
-    updateRequiredValidator() {
-        this.toggleValidator(Validators.required, this.isRequired);
+    hasValidator(validator) {
+        var _a, _b;
+        return !!((_b = (_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.control) === null || _b === void 0 ? void 0 : _b.hasValidator(validator));
     }
 }
 CustomFormControl.CURRENT_INDEX = 0;
-CustomFormControl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CustomFormControl, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-CustomFormControl.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", 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.7", ngImport: i0, type: CustomFormControl, decorators: [{
+CustomFormControl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: CustomFormControl, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+CustomFormControl.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.4", type: CustomFormControl, inputs: { id: "id", name: "name", tabindex: "tabindex" }, 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: "15.2.4", ngImport: i0, type: CustomFormControl, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -135,7 +111,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 type: Input
             }], name: [{
                 type: Input
-            }], required: [{
+            }], tabindex: [{
                 type: Input
             }], control: [{
                 type: ViewChild,

package/fesm2015/odx-angular-cdk-custom-form-control.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-cdk-custom-form-control.mjs","sources":["../../../../libs/angular/cdk/custom-form-control/src/lib/control.directive.ts","../../../../libs/angular/cdk/custom-form-control/src/lib/custom-form-control.ts","../../../../libs/angular/cdk/custom-form-control/src/odx-angular-cdk-custom-form-control.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { injectElement } from '@odx/angular/utils';\n\n@Directive({\n  standalone: true,\n  selector: '[odxControl]',\n  exportAs: 'odxControl',\n})\nexport class ControlDirective {\n  public readonly element = injectElement();\n}\n","import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { AfterContentInit, Directive, inject, Input, ViewChild } from '@angular/core';\nimport { ControlValueAccessor, NgControl, ValidatorFn, Validators } from '@angular/forms';\nimport { Controller, DisabledController, ReadonlyController } from '@odx/angular';\nimport { EMPTY, filter } from 'rxjs';\nimport { ControlDirective } from './control.directive';\n\n@Directive({\n  host: {\n    '[class.has-error]': 'hasError',\n    '[class.is-disabled]': 'isDisabled',\n    '[class.is-readonly]': 'isReadonly',\n    '[class.is-required]': 'required',\n  },\n})\nexport abstract class CustomFormControl<T> extends Controller implements ControlValueAccessor, AfterContentInit {\n  private static CURRENT_INDEX = 0;\n  public static ngAcceptInputType_required: BooleanInput;\n\n  private internalValue: T;\n  private isRequired = false;\n  protected readonly disabledController = DisabledController.inject();\n  protected readonly readonlyController = ReadonlyController.inject();\n  protected readonly enabled$ = this.disabledController?.change$.pipe(filter(() => !this.isDisabled)) ?? EMPTY;\n  protected readonly ngControl = inject(NgControl, { self: true, optional: true });\n\n  @Input()\n  public id: string | null = null;\n\n  @Input()\n  public name = `odx-form-control-${CustomFormControl.CURRENT_INDEX++}`;\n\n  @Input()\n  public set required(value: unknown) {\n    this.isRequired = coerceBooleanProperty(value);\n    this.updateRequiredValidator();\n  }\n  public get required(): boolean {\n    return this.isRequired;\n  }\n\n  public set controlValue(value: T) {\n    if (this.internalValue !== value) {\n      this.internalValue = value;\n      this.triggerControllerChange();\n    }\n  }\n  public get controlValue(): T {\n    return this.internalValue;\n  }\n\n  public get hasError(): boolean {\n    return !!this.ngControl?.touched && !!this.ngControl?.invalid;\n  }\n\n  public get isDisabled(): boolean {\n    return !!this.disabledController?.disabled;\n  }\n\n  public get isReadonly(): boolean {\n    return !!this.readonlyController?.readonly;\n  }\n\n  @ViewChild(ControlDirective)\n  public readonly control: ControlDirective | null = null;\n\n  constructor(initialValue: T) {\n    super();\n    this.internalValue = initialValue;\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n    this.enabled$.subscribe(() => this.updateRequiredValidator());\n  }\n\n  public ngAfterContentInit(): void {\n    this.updateRequiredValidator();\n  }\n\n  public onTouched() {\n    // empty;\n  }\n\n  public onChange(_value: T) {\n    // empty\n  }\n\n  public registerOnChange(fn: (value: T) => void): void {\n    this.onChange = fn;\n  }\n\n  public registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  public setDisabledState(isDisabled: boolean): void {\n    this.disabledController?.setDisabledState(isDisabled);\n  }\n\n  public writeValue(value: T): void {\n    this.controlValue = value;\n  }\n\n  public updateValue(value: T): void {\n    this.writeValue(value);\n    this.onChange(value);\n    this.onTouched();\n  }\n\n  protected toggleValidator(validator: ValidatorFn, state: boolean): void {\n    const control = this.ngControl?.control;\n    if (!control) return;\n    const hasValidator = control.hasValidator(validator);\n    if (state && hasValidator) return;\n    if (!state && !hasValidator) return;\n    if (state) {\n      control.addValidators(validator);\n    } else {\n      control.removeValidators(validator);\n    }\n    control.updateValueAndValidity();\n    control.markAsUntouched();\n  }\n\n  protected updateRequiredValidator(): void {\n    this.toggleValidator(Validators.required, this.isRequired);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"odx-angular-cdk-custom-form-control.mjs","sources":["../../../../libs/angular/cdk/custom-form-control/src/lib/control.directive.ts","../../../../libs/angular/cdk/custom-form-control/src/lib/custom-form-control.ts","../../../../libs/angular/cdk/custom-form-control/src/odx-angular-cdk-custom-form-control.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { injectElement } from '@odx/angular/utils';\n\n@Directive({\n  standalone: true,\n  selector: '[odxControl]',\n  exportAs: 'odxControl',\n})\nexport class ControlDirective {\n  public readonly element = injectElement();\n}\n","import { Directive, inject, Input, ViewChild } from '@angular/core';\nimport { ControlValueAccessor, NgControl, RequiredValidator, ValidatorFn, Validators } from '@angular/forms';\nimport { Controller, DisabledController, ReadonlyController } from '@odx/angular';\nimport { ControlDirective } from './control.directive';\n\n@Directive({\n  host: {\n    '[class.has-error]': 'hasError',\n    '[class.is-disabled]': 'isDisabled',\n    '[class.is-readonly]': 'isReadonly',\n    '[class.is-required]': 'required',\n  },\n})\nexport abstract class CustomFormControl<T> extends Controller implements ControlValueAccessor {\n  private static CURRENT_INDEX = 0;\n\n  private readonly requiredValidator = inject(RequiredValidator, { optional: true, self: true });\n  private internalValue: T;\n  protected readonly disabledController = DisabledController.inject();\n  protected readonly readonlyController = ReadonlyController.inject();\n  protected readonly ngControl = inject(NgControl, { self: true, optional: true });\n\n  @Input()\n  public id: string | null = null;\n\n  @Input()\n  public name = `odx-form-control-${CustomFormControl.CURRENT_INDEX++}`;\n\n  @Input()\n  public tabindex: string | null = null;\n\n  public set value(value: T) {\n    if (this.internalValue !== value) {\n      this.internalValue = value;\n      this.triggerControllerChange();\n    }\n  }\n  public get value(): T {\n    return this.internalValue;\n  }\n\n  public get hasError(): boolean {\n    return !!this.ngControl?.touched && !!this.ngControl?.invalid;\n  }\n\n  public get isDisabled(): boolean {\n    return !!this.disabledController?.disabled;\n  }\n\n  public get isReadonly(): boolean {\n    return !!this.readonlyController?.readonly;\n  }\n\n  public get isRequired(): boolean {\n    return !!this.requiredValidator?.required || this.hasValidator(Validators.required) || this.hasValidator(Validators.requiredTrue);\n  }\n\n  @ViewChild(ControlDirective)\n  public readonly control: ControlDirective | null = null;\n\n  constructor(initialValue: T) {\n    super();\n    this.internalValue = initialValue;\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  public onTouched() {\n    // implemented by control value accessor\n  }\n\n  public onChange(_value: T) {\n    // implemented by control value accessor\n  }\n\n  public registerOnChange(fn: (value: T) => void): void {\n    this.onChange = fn;\n  }\n\n  public registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  public setDisabledState(isDisabled: boolean): void {\n    this.disabledController?.setDisabledState(isDisabled);\n  }\n\n  public writeValue(value: T): void {\n    if (this.isDisabled) return;\n    this.value = value;\n    this.onChange(value);\n  }\n\n  public updateValue(value: T): void {\n    if (this.isDisabled) return;\n    this.writeValue(value);\n    this.onTouched();\n  }\n\n  protected hasValidator(validator: ValidatorFn): boolean {\n    return !!this.ngControl?.control?.hasValidator(validator);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/odx-angular-cdk-dynamic-view.mjs

@@ -1,25 +1,38 @@
-import { AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ApplicationRef, createComponent, EnvironmentInjector, InjectionToken, Injector, Injectable, ViewContainerRef, Directive } from '@angular/core';
-import { isObservable } from 'rxjs';
-import { isString, isTemplateRef, isComponent, hasChanged } from '@odx/angular/utils';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, reflectComponentType, ApplicationRef, createComponent, EnvironmentInjector, InjectionToken, inject, Injector, Injectable, ViewContainerRef, TemplateRef, Directive } from '@angular/core';
+import { injectElement, isString, isViewContainer, getInjector, isTemplateRef, isComponent, hasChanged } from '@odx/angular/utils';
+import { isObservable, distinctUntilChanged } from 'rxjs';
+import { deepmerge } from 'deepmerge-ts';
+import { DOCUMENT } from '@angular/common';
 
 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() {
         var _a;
-        (_a = this.asyncPipe) === null || _a === void 0 ? void 0 : _a.ngOnDestroy();
+        (_a = this.currentSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        this.currentSubscription = null;
+    }
+    setContent(value) {
+        this.element.nativeElement.innerHTML = value;
     }
 }
-DynamicViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DynamicViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DynamicViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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.7", ngImport: i0, type: DynamicViewComponent, decorators: [{
+DynamicViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DynamicViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DynamicViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", 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: "15.2.4", ngImport: i0, type: DynamicViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'odx-dynamic-view',
@@ -27,33 +40,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
                     standalone: true,
-                    host: {
-                        '[innerHTML]': 'resolveContent()',
-                    },
                 }]
         }], propDecorators: { content: [{
                 type: Input
             }] } });
 
+function createProjectableNodes(component, nodes) {
+    const componentType = reflectComponentType(component);
+    if (componentType && componentType.ngContentSelectors.length > 0) {
+        return componentType.ngContentSelectors.map((selector) => (selector === '*' ? nodes : []));
+    }
+    return [];
+}
+
 function isDynamicTextContent(value) {
     return isString(value) || isObservable(value);
 }
 
 class DynamicComponentRef {
     constructor(options) {
+        var _a, _b;
         this.options = options;
         this.application = this.options.injector.get(ApplicationRef);
         this.componentRef = null;
-        const { component, context, injector, vcr } = options;
+        this.componentInputs = null;
+        const { component, context, injector, projectableNodes, host } = options;
         this.componentRef = createComponent(component, {
             environmentInjector: injector.get(EnvironmentInjector),
             elementInjector: injector,
+            projectableNodes,
         });
-        if (vcr) {
-            vcr.insert(this.componentRef.hostView);
+        this.componentInputs =
+            (_b = (_a = reflectComponentType(this.componentRef.componentType)) === null || _a === void 0 ? void 0 : _a.inputs.reduce((acc, { propName }) => {
+                acc[propName] = true;
+                return acc;
+            }, {})) !== null && _b !== void 0 ? _b : null;
+        if (isViewContainer(host)) {
+            host.insert(this.componentRef.hostView);
         }
         else {
             this.application.attachView(this.componentRef.hostView);
+            if (host) {
+                host.appendChild(this.getElement());
+            }
         }
         if (context) {
             this.update(context);
@@ -69,11 +98,12 @@ class DynamicComponentRef {
             this.componentRef = null;
             return;
         }
-        if (this.componentRef && !this.options.vcr) {
+        if (this.componentRef && !isViewContainer(this.options.host)) {
             this.application.detachView(this.componentRef.hostView);
         }
         (_b = this.componentRef) === null || _b === void 0 ? void 0 : _b.destroy();
         this.componentRef = null;
+        this.componentInputs = null;
     }
     getElement() {
         var _a, _b;
@@ -81,10 +111,19 @@ class DynamicComponentRef {
     }
     update(context) {
         var _a;
-        for (const key in context) {
-            (_a = this.componentRef) === null || _a === void 0 ? void 0 : _a.setInput(key, context[key]);
+        this.options.context = deepmerge(this.options.context, context);
+        if (!this.componentRef)
+            return;
+        for (const key in this.options.context) {
+            if ((_a = this.componentInputs) === null || _a === void 0 ? void 0 : _a[key]) {
+                this.componentRef.setInput(key, this.options.context[key]);
+            }
         }
     }
+    getContext() {
+        var _a;
+        return (_a = this.options.context) !== null && _a !== void 0 ? _a : {};
+    }
     getView() {
         var _a, _b;
         return (_b = (_a = this.componentRef) === null || _a === void 0 ? void 0 : _a.hostView) !== null && _b !== void 0 ? _b : null;
@@ -108,7 +147,7 @@ class DynamicTemplateRef {
             this.embeddedViewRef = null;
             return;
         }
-        if (!this.options.vcr && this.embeddedViewRef) {
+        if (!isViewContainer(this.options.host) && this.embeddedViewRef) {
             this.application.detachView(this.embeddedViewRef);
         }
         (_b = this.embeddedViewRef) === null || _b === void 0 ? void 0 : _b.destroy();
@@ -119,17 +158,22 @@ class DynamicTemplateRef {
         return (_c = (_b = (_a = this.embeddedViewRef) === null || _a === void 0 ? void 0 : _a.rootNodes) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : null;
     }
     update(context) {
+        this.options.context = deepmerge(this.options.context, context);
         if (this.embeddedViewRef) {
-            this.embeddedViewRef.context = context;
+            this.embeddedViewRef.context = this.options.context;
             this.detectChanges();
         }
     }
+    getContext() {
+        var _a;
+        return (_a = this.options.context) !== null && _a !== void 0 ? _a : {};
+    }
     getView() {
         return this.embeddedViewRef;
     }
-    create({ context, template, vcr }) {
-        if (vcr) {
-            this.embeddedViewRef = vcr.createEmbeddedView(template, context, { injector: this.options.injector });
+    create({ context, template, host }) {
+        if (isViewContainer(host)) {
+            this.embeddedViewRef = host.createEmbeddedView(template, context, { injector: this.options.injector });
         }
         else {
             this.embeddedViewRef = template.createEmbeddedView(context !== null && context !== void 0 ? context : {}, this.options.injector);
@@ -144,15 +188,24 @@ function isDynamicView(value) {
 
 const DYNAMIC_VIEW_CONTEXT = new InjectionToken('@odx/angular/cdk/dynamic-view::DynamicViewContext');
 
+const ODX_DYNAMIC_VIEW_DEFAULT_HOST = new InjectionToken('@odx/angular/cdk/dynamic-view::DynamicViewDefaultHost', {
+    providedIn: 'root',
+    factory: () => inject(DOCUMENT).body,
+});
+function getDynamicViewDefaultHost() {
+    return inject(ODX_DYNAMIC_VIEW_DEFAULT_HOST);
+}
+
 class DynamicViewService {
     constructor() {
-        this.injector = inject(Injector);
+        this.injector = getInjector();
+        this.defaultHost = getDynamicViewDefaultHost();
     }
     createView(content, options = {}) {
-        var _a;
-        const viewOptions = Object.assign(Object.assign({}, options), { injector: Injector.create({
-                providers: [{ provide: DYNAMIC_VIEW_CONTEXT, useValue: options.context }],
-                parent: (_a = options.injector) !== null && _a !== void 0 ? _a : this.injector,
+        var _a, _b, _c;
+        const viewOptions = Object.assign(Object.assign({}, options), { host: (_a = options.host) !== null && _a !== void 0 ? _a : this.defaultHost, injector: Injector.create({
+                providers: [{ provide: DYNAMIC_VIEW_CONTEXT, useValue: options.context }, (_b = options.providers) !== null && _b !== void 0 ? _b : []],
+                parent: (_c = options.injector) !== null && _c !== void 0 ? _c : this.injector,
             }) });
         if (isTemplateRef(content)) {
             return new DynamicTemplateRef(Object.assign(Object.assign({}, viewOptions), { template: content }));
@@ -166,9 +219,9 @@ class DynamicViewService {
         throw new Error('Content type is not supported');
     }
 }
-DynamicViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DynamicViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DynamicViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DynamicViewService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DynamicViewService, decorators: [{
+DynamicViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DynamicViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DynamicViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DynamicViewService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DynamicViewService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -177,7 +230,10 @@ class DynamicViewDirective {
     constructor() {
         this.dynamicViewService = inject(DynamicViewService);
         this.viewContainer = inject(ViewContainerRef);
+        this.template = inject(TemplateRef);
         this.viewRef = null;
+        this.contentViewRef = null;
+        // eslint-disable-next-line @angular-eslint/no-input-rename
         this.content = null;
     }
     ngOnInit() {
@@ -204,8 +260,10 @@ class DynamicViewDirective {
     }
     render(reRender = true) {
         var _a, _b, _c, _d;
-        if (!this.content)
+        if (!this.content) {
+            this.destroy();
             return;
+        }
         if (!reRender && this.viewRef) {
             (_a = this.viewRef) === null || _a === void 0 ? void 0 : _a.update({ content: this.content });
             return;
@@ -219,25 +277,34 @@ class DynamicViewDirective {
             }
         }
         else {
+            let projectableNodes = [];
+            if (isComponent(this.content)) {
+                this.contentViewRef = this.dynamicViewService.createView(this.template, { injector: this.injector });
+                const rootNodes = this.contentViewRef.getView().rootNodes;
+                projectableNodes = createProjectableNodes(this.content, rootNodes);
+            }
             this.viewRef = this.dynamicViewService.createView(this.content, {
                 context: (_c = this.context) !== null && _c !== void 0 ? _c : undefined,
                 injector: (_d = this.injector) !== null && _d !== void 0 ? _d : this.viewContainer.injector,
-                vcr: this.viewContainer,
+                projectableNodes,
+                host: this.viewContainer,
             });
         }
     }
     destroy() {
-        var _a;
-        (_a = this.viewRef) === null || _a === void 0 ? void 0 : _a.destroy();
+        var _a, _b;
+        (_a = this.contentViewRef) === null || _a === void 0 ? void 0 : _a.destroy();
+        (_b = this.viewRef) === null || _b === void 0 ? void 0 : _b.destroy();
+        this.contentViewRef = null;
         this.viewRef = null;
     }
 }
-DynamicViewDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DynamicViewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DynamicViewDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: DynamicViewDirective, isStandalone: true, selector: "[odxDynamicView]", inputs: { content: ["odxDynamicView", "content"], injector: ["odxDynamicViewInjector", "injector"], context: ["odxDynamicViewContext", "context"] }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DynamicViewDirective, decorators: [{
+DynamicViewDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DynamicViewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DynamicViewDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.4", type: DynamicViewDirective, isStandalone: true, selector: "ng-template[odxDynamicView]", inputs: { content: ["odxDynamicView", "content"], injector: ["odxDynamicViewInjector", "injector"], context: ["odxDynamicViewContext", "context"] }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DynamicViewDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[odxDynamicView]',
+                    selector: 'ng-template[odxDynamicView]',
                     standalone: true,
                 }]
         }], propDecorators: { content: [{
@@ -255,5 +322,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { DYNAMIC_VIEW_CONTEXT, DynamicComponentRef, DynamicTemplateRef, DynamicViewComponent, DynamicViewDirective, DynamicViewService, isDynamicTextContent, isDynamicView };
+export { DYNAMIC_VIEW_CONTEXT, DynamicComponentRef, DynamicTemplateRef, DynamicViewComponent, DynamicViewDirective, DynamicViewService, ODX_DYNAMIC_VIEW_DEFAULT_HOST, createProjectableNodes, getDynamicViewDefaultHost, isDynamicTextContent, isDynamicView };
 //# sourceMappingURL=odx-angular-cdk-dynamic-view.mjs.map