@odx/angular 12.26.1 → 13.0.0

package/fesm2022/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/lib/input-control.directive.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 { booleanAttribute, Directive, inject, Input, ViewChild } from '@angular/core';\nimport { ControlValueAccessor, NgControl, RequiredValidator, ValidationErrors, ValidatorFn, Validators } from '@angular/forms';\nimport { Controller, DisabledController, ReadonlyController } from '@odx/angular';\nimport { arrayAttribute, Pure } from '@odx/angular/utils';\nimport { ControlDirective } from './control.directive';\n\n/**\n * An abstract directive that serves as a base for custom form controls, integrating seamlessly with Angular Forms.\n * It incorporates common form control behaviors such as handling disabled and readonly states, validation, and more.\n *\n * This approach allows the creation of highly reusable and consistent form controls within Angular applications,\n * simplifying the integration with Angular Forms and the handling of common form behaviors.\n *\n * Extends Controller to provide a consistent API for managing state changes and subscriptions.\n *\n * @see {Controller}\n */\n@Directive({\n  host: {\n    '[class.has-error]': 'hasError',\n    '[class.is-disabled]': 'isDisabled',\n    '[class.is-readonly]': 'isReadonly',\n    '[class.is-required]': 'isRequired',\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  /**\n   * A unique identifier for the custom form control. If not provided, a unique ID is generated automatically.\n   * This can be useful for associating form control with a label.\n   *\n   * @type {string}\n   */\n  @Input()\n  public id: string | null = null;\n\n  /**\n   * The name attribute for the custom form control. Defaults to a unique name if not provided.\n   * This is useful when the form control is part of a form and needs to be identified.\n   *\n   * @type {string}\n   */\n  @Input()\n  public name = `odx-form-control-${CustomFormControl.CURRENT_INDEX++}`;\n\n  /**\n   * The tabindex attribute for the custom form control. Can be used to control the order of focus navigation.\n   *\n   * @type {string | null}\n   */\n  @Input()\n  public tabindex: string | null = null;\n\n  /**\n   * An array of error codes to ignore. If an error code is included in this array, the form control will not\n   * consider it as an error state. Useful for ignoring specific validation errors.\n   *\n   * @type {string[]}\n   */\n  @Input({ transform: arrayAttribute })\n  public ignoreErrors: string[] = [];\n\n  @Input({ transform: booleanAttribute })\n  public required = false;\n\n  /**\n   * The current value of the form control. Setting this value updates the internal state and marks the control\n   * for checking changes. Getting this value returns the current internal value of the control.\n   *\n   * @example\n   * ```ts\n   * this.customInputControl.value = 'newValue'; // Sets the value\n   * const currentValue = this.customInputControl.value; // Gets the current value\n   * ```\n   */\n  public set value(value: T) {\n    if (this.internalValue !== value) {\n      this.internalValue = value;\n      this.triggerControllerChange();\n    }\n  }\n\n  /**\n   * Gets the value of the custom form control.\n   *\n   * @returns {T} - The value of the custom form control.\n   */\n  public get value(): T {\n    return this.internalValue;\n  }\n\n  /**\n   * Indicates whether the form control currently has an error. This takes into account any ignored errors.\n   *\n   * @returns {boolean} - True if the form control has an error, false otherwise.\n   *\n   * @example\n   * ```ts\n   * if (this.customInputControl.hasError) { ... }\n   * ```\n   */\n  public get hasError(): boolean {\n    return !!this.ngControl?.touched && !!this.ngControl?.invalid && this.hasNonIgnoredError(this.ngControl.errors);\n  }\n\n  /**\n   * Indicates whether the form control is currently disabled.\n   *\n   * @returns {boolean} - True if the form control is disabled, false otherwise.\n   *\n   * @example\n   * ```ts\n   * if (this.customInputControl.isDisabled) { ... }\n   * ```\n   */\n  public get isDisabled(): boolean {\n    return !!this.disabledController?.disabled;\n  }\n\n  /**\n   * Indicates whether the form control is currently in a readonly state.\n   *\n   * @returns {boolean} - True if the form control is readonly, false otherwise.\n   *\n   * @example\n   * ```ts\n   * if (this.customInputControl.isReadonly) { ... }\n   * ```\n   */\n  public get isReadonly(): boolean {\n    return !!this.readonlyController?.readonly;\n  }\n\n  /**\n   * Indicates whether the form control is marked as required, either through Validators.required, Validators.requiredTrue,\n   * or by a required attribute on a parent form field.\n   *\n   * @returns {boolean} - True if the form control is required, false otherwise.\n   *\n   * @example\n   * ````ts\n   * if (this.customInputControl.isRequired) { ... }\n   * ````\n   */\n  public get isRequired(): boolean {\n    return this.required || !!this.requiredValidator?.required || this.hasValidator(Validators.required) || this.hasValidator(Validators.requiredTrue);\n  }\n\n  /**\n   * A reference to the `ControlDirective` if it exists within the same host. This allows for direct interaction\n   * with the underlying form control directive.\n   *\n   * @type {ControlDirective | null}\n   *\n   * @example\n   * ```ts\n   * this.customInputControl.control?.focus();\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  /** @internal */\n  public onTouched() {\n    // implemented by control value accessor\n  }\n\n  /** @internal */\n  public onChange(_value: T) {\n    // implemented by control value accessor\n  }\n\n  /** @internal */\n  public registerOnChange(fn: (value: T) => void): void {\n    this.onChange = fn;\n  }\n  /** @internal */\n  public registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  /** @internal */\n  public setDisabledState(isDisabled: boolean): void {\n    this.disabledController?.setDisabledState(isDisabled);\n  }\n\n  /** @internal */\n  public writeValue(value: T): void {\n    this.value = value;\n    this.onChange(value);\n  }\n\n  /** @internal */\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  @Pure\n  private hasNonIgnoredError(errors: ValidationErrors | null): boolean {\n    if (!errors) return false;\n\n    return Object.keys(errors).some((error) => !this.ignoreErrors.includes(error));\n  }\n}\n","import { Directive } from '@angular/core';\nimport { injectElement, untilDestroyed } from '@odx/angular/utils';\nimport { distinctUntilChanged, fromEvent, map } from 'rxjs';\n\n/**\n * An abstract directive that facilitates handling input changes, focusing, and blurring programmatically for input elements.\n * It provides a reactive `valueChange$` observable to subscribe to input changes.\n * This directive can be extended to create more specific input handlers.\n *\n * @example\n * Extending InputControlDirective in a custom directive:\n * ```ts\n * @Directive({\n *   selector: '[appCustomInput]',\n *   standalone: true,\n * })\n * export class CustomInputDirective extends InputControlDirective {\n *   // Custom logic here\n * }\n * ```\n *\n * Using the directive in a component template:\n * ```html\n * <input appCustomInput type=\"text\" />\n * ```\n *\n * Subscribing to input changes in the component:\n * ```ts\n * @Component({...})\n * export class MyComponent implements AfterViewInit {\n *   @ViewChild(CustomInputDirective) customInputDirective!: CustomInputDirective;\n *\n *   ngAfterViewInit(): void {\n *     this.customInputDirective.valueChange$.subscribe(value => {\n *       console.log('Input value changed to:', value);\n *     });\n *   }\n * }\n *\n * // Focusing the input programmatically\n * this.customInputDirective.focus();\n *\n * // Blurring the input programmatically\n * this.customInputDirective.blur();\n *\n * // Resetting the input value programmatically\n * this.customInputDirective.reset();\n * ```\n */\n@Directive({\n  standalone: true,\n})\nexport abstract class InputControlDirective {\n  protected readonly takeUntilDestroyed = untilDestroyed();\n\n  public readonly element = injectElement<HTMLInputElement>();\n\n  /**\n   * Represents an observable stream of value changes for the input control.\n   *\n   * @emits {string} input value changes.\n   */\n  public valueChange$ = fromEvent(this.element.nativeElement, 'input').pipe(\n    distinctUntilChanged(),\n    map(() => this.nativeElementValue),\n  );\n\n  /**\n   * Gets the current value of the input element.\n   *\n   * @type {string} The current value of the input element.\n   */\n  public get nativeElementValue(): string {\n    return this.element.nativeElement.value;\n  }\n\n  /**\n   * Sets the value of the input element.\n   *\n   * @param {string} value - The value to set.\n   */\n  public set nativeElementValue(value: string) {\n    this.element.nativeElement.value = value;\n  }\n\n  /**\n   * Sets focus on the input element.\n   *\n   * @returns {void}\n   */\n  public focus(): void {\n    this.element.nativeElement.focus();\n  }\n\n  /**\n   * Removes focus from the input element.\n   *\n   * @returns {void}\n   */\n  public blur(): void {\n    this.element.nativeElement.blur();\n  }\n\n  /**\n   * Resets the input element value to an empty string.\n   *\n   * @returns {void}\n   */\n  public reset(): void {\n    this.element.nativeElement.value = '';\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/lib/input-control.directive.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 { booleanAttribute, Directive, inject, Input, ViewChild } from '@angular/core';\nimport { ControlValueAccessor, NgControl, RequiredValidator, ValidationErrors, ValidatorFn, Validators } from '@angular/forms';\nimport { Controller, DisabledController, ReadonlyController } from '@odx/angular';\nimport { arrayAttribute, Pure } from '@odx/angular/utils';\nimport { ControlDirective } from './control.directive';\n\n/**\n * An abstract directive that serves as a base for custom form controls, integrating seamlessly with Angular Forms.\n * It incorporates common form control behaviors such as handling disabled and readonly states, validation, and more.\n *\n * This approach allows the creation of highly reusable and consistent form controls within Angular applications,\n * simplifying the integration with Angular Forms and the handling of common form behaviors.\n *\n * Extends Controller to provide a consistent API for managing state changes and subscriptions.\n *\n * @see {Controller}\n */\n@Directive({\n  host: {\n    '[class.has-error]': 'hasError',\n    '[class.is-disabled]': 'isDisabled',\n    '[class.is-readonly]': 'isReadonly',\n    '[class.is-required]': 'isRequired',\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  /**\n   * A unique identifier for the custom form control. If not provided, a unique ID is generated automatically.\n   * This can be useful for associating form control with a label.\n   *\n   * @type {string}\n   */\n  @Input()\n  public id: string | null = null;\n\n  /**\n   * The name attribute for the custom form control. Defaults to a unique name if not provided.\n   * This is useful when the form control is part of a form and needs to be identified.\n   *\n   * @type {string}\n   */\n  @Input()\n  public name = `odx-form-control-${CustomFormControl.CURRENT_INDEX++}`;\n\n  /**\n   * The tabindex attribute for the custom form control. Can be used to control the order of focus navigation.\n   *\n   * @type {string | null}\n   */\n  @Input()\n  public tabindex: string | null = null;\n\n  /**\n   * An array of error codes to ignore. If an error code is included in this array, the form control will not\n   * consider it as an error state. Useful for ignoring specific validation errors.\n   *\n   * @type {string[]}\n   */\n  @Input({ transform: arrayAttribute })\n  public ignoreErrors: string[] = [];\n\n  @Input({ transform: booleanAttribute })\n  public required = false;\n\n  /**\n   * The current value of the form control. Setting this value updates the internal state and marks the control\n   * for checking changes. Getting this value returns the current internal value of the control.\n   *\n   * @example\n   * ```ts\n   * this.customInputControl.value = 'newValue'; // Sets the value\n   * const currentValue = this.customInputControl.value; // Gets the current value\n   * ```\n   */\n  public set value(value: T) {\n    if (this.internalValue !== value) {\n      this.internalValue = value;\n      this.triggerControllerChange();\n    }\n  }\n\n  /**\n   * Gets the value of the custom form control.\n   *\n   * @returns {T} - The value of the custom form control.\n   */\n  public get value(): T {\n    return this.internalValue;\n  }\n\n  /**\n   * Indicates whether the form control currently has an error. This takes into account any ignored errors.\n   *\n   * @returns {boolean} - True if the form control has an error, false otherwise.\n   *\n   * @example\n   * ```ts\n   * if (this.customInputControl.hasError) { ... }\n   * ```\n   */\n  public get hasError(): boolean {\n    return !!this.ngControl?.touched && !!this.ngControl?.invalid && this.hasNonIgnoredError(this.ngControl.errors);\n  }\n\n  /**\n   * Indicates whether the form control is currently disabled.\n   *\n   * @returns {boolean} - True if the form control is disabled, false otherwise.\n   *\n   * @example\n   * ```ts\n   * if (this.customInputControl.isDisabled) { ... }\n   * ```\n   */\n  public get isDisabled(): boolean {\n    return !!this.disabledController?.disabled;\n  }\n\n  /**\n   * Indicates whether the form control is currently in a readonly state.\n   *\n   * @returns {boolean} - True if the form control is readonly, false otherwise.\n   *\n   * @example\n   * ```ts\n   * if (this.customInputControl.isReadonly) { ... }\n   * ```\n   */\n  public get isReadonly(): boolean {\n    return !!this.readonlyController?.readonly;\n  }\n\n  /**\n   * Indicates whether the form control is marked as required, either through Validators.required, Validators.requiredTrue,\n   * or by a required attribute on a parent form field.\n   *\n   * @returns {boolean} - True if the form control is required, false otherwise.\n   *\n   * @example\n   * ````ts\n   * if (this.customInputControl.isRequired) { ... }\n   * ````\n   */\n  public get isRequired(): boolean {\n    return this.required || !!this.requiredValidator?.required || this.hasValidator(Validators.required) || this.hasValidator(Validators.requiredTrue);\n  }\n\n  /**\n   * A reference to the `ControlDirective` if it exists within the same host. This allows for direct interaction\n   * with the underlying form control directive.\n   *\n   * @type {ControlDirective | null}\n   *\n   * @example\n   * ```ts\n   * this.customInputControl.control?.focus();\n   * ```\n   */\n  @ViewChild(ControlDirective)\n  public readonly control: ControlDirective | null = null;\n\n  // eslint-disable-next-line @angular-eslint/prefer-inject\n  constructor(initialValue: T) {\n    super();\n    this.internalValue = initialValue;\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  /** @internal */\n  public onTouched() {\n    // implemented by control value accessor\n  }\n\n  /** @internal */\n  public onChange(_value: T) {\n    // implemented by control value accessor\n  }\n\n  /** @internal */\n  public registerOnChange(fn: (value: T) => void): void {\n    this.onChange = fn;\n  }\n  /** @internal */\n  public registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  /** @internal */\n  public setDisabledState(isDisabled: boolean): void {\n    this.disabledController?.setDisabledState(isDisabled);\n  }\n\n  /** @internal */\n  public writeValue(value: T): void {\n    this.value = value;\n    this.onChange(value);\n  }\n\n  /** @internal */\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  @Pure\n  private hasNonIgnoredError(errors: ValidationErrors | null): boolean {\n    if (!errors) return false;\n\n    return Object.keys(errors).some((error) => !this.ignoreErrors.includes(error));\n  }\n}\n","import { Directive } from '@angular/core';\nimport { injectElement, untilDestroyed } from '@odx/angular/utils';\nimport { distinctUntilChanged, fromEvent, map } from 'rxjs';\n\n/**\n * An abstract directive that facilitates handling input changes, focusing, and blurring programmatically for input elements.\n * It provides a reactive `valueChange$` observable to subscribe to input changes.\n * This directive can be extended to create more specific input handlers.\n *\n * @example\n * Extending InputControlDirective in a custom directive:\n * ```ts\n * @Directive({\n *   selector: '[appCustomInput]',\n *   standalone: true,\n * })\n * export class CustomInputDirective extends InputControlDirective {\n *   // Custom logic here\n * }\n * ```\n *\n * Using the directive in a component template:\n * ```html\n * <input appCustomInput type=\"text\" />\n * ```\n *\n * Subscribing to input changes in the component:\n * ```ts\n * @Component({...})\n * export class MyComponent implements AfterViewInit {\n *   @ViewChild(CustomInputDirective) customInputDirective!: CustomInputDirective;\n *\n *   ngAfterViewInit(): void {\n *     this.customInputDirective.valueChange$.subscribe(value => {\n *       console.log('Input value changed to:', value);\n *     });\n *   }\n * }\n *\n * // Focusing the input programmatically\n * this.customInputDirective.focus();\n *\n * // Blurring the input programmatically\n * this.customInputDirective.blur();\n *\n * // Resetting the input value programmatically\n * this.customInputDirective.reset();\n * ```\n */\n@Directive({\n  standalone: true,\n})\nexport abstract class InputControlDirective {\n  protected readonly takeUntilDestroyed = untilDestroyed();\n\n  public readonly element = injectElement<HTMLInputElement>();\n\n  /**\n   * Represents an observable stream of value changes for the input control.\n   *\n   * @emits {string} input value changes.\n   */\n  public valueChange$ = fromEvent(this.element.nativeElement, 'input').pipe(\n    distinctUntilChanged(),\n    map(() => this.nativeElementValue),\n  );\n\n  /**\n   * Gets the current value of the input element.\n   *\n   * @type {string} The current value of the input element.\n   */\n  public get nativeElementValue(): string {\n    return this.element.nativeElement.value;\n  }\n\n  /**\n   * Sets the value of the input element.\n   *\n   * @param {string} value - The value to set.\n   */\n  public set nativeElementValue(value: string) {\n    this.element.nativeElement.value = value;\n  }\n\n  /**\n   * Sets focus on the input element.\n   *\n   * @returns {void}\n   */\n  public focus(): void {\n    this.element.nativeElement.focus();\n  }\n\n  /**\n   * Removes focus from the input element.\n   *\n   * @returns {void}\n   */\n  public blur(): void {\n    this.element.nativeElement.blur();\n  }\n\n  /**\n   * Resets the input element value to an empty string.\n   *\n   * @returns {void}\n   */\n  public reset(): void {\n    this.element.nativeElement.value = '';\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,8 @@
 import * as i0 from '@angular/core';
-import { Input, ViewEncapsulation, ChangeDetectionStrategy, Component, reflectComponentType, ApplicationRef, createComponent, EnvironmentInjector, InjectionToken, inject, Injector, Injectable, ViewContainerRef, TemplateRef, Directive } from '@angular/core';
+import { Input, ViewEncapsulation, ChangeDetectionStrategy, Component, reflectComponentType, ApplicationRef, createComponent, EnvironmentInjector, InjectionToken, inject, DOCUMENT, Injector, Injectable, ViewContainerRef, TemplateRef, Directive } from '@angular/core';
 import { injectElement, isString, isViewContainer, isTemplateRef, isComponent, hasChanged } from '@odx/angular/utils';
 import { isObservable, distinctUntilChanged } from 'rxjs';
 import { deepmerge } from '@odx/angular/internal';
-import { DOCUMENT } from '@angular/common';
 
 class DynamicViewComponent {
     constructor() {
@@ -28,10 +27,10 @@ class DynamicViewComponent {
     setContent(value) {
         this.element.nativeElement.innerHTML = value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DynamicViewComponent, isStandalone: true, selector: "odx-dynamic-view", inputs: { content: "content" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DynamicViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", 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: "18.2.13", ngImport: i0, type: DynamicViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DynamicViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'odx-dynamic-view',
@@ -398,10 +397,10 @@ class DynamicViewService {
         }
         throw new Error('Content type is not supported');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicViewService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DynamicViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DynamicViewService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicViewService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DynamicViewService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -494,10 +493,10 @@ class DynamicViewDirective {
         this.contentViewRef = null;
         this.viewRef = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicViewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DynamicViewDirective, isStandalone: true, selector: "ng-template[odxDynamicView]", inputs: { content: ["odxDynamicView", "content"], injector: ["odxDynamicViewInjector", "injector"], context: ["odxDynamicViewContext", "context"] }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DynamicViewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", 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: "18.2.13", ngImport: i0, type: DynamicViewDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DynamicViewDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[odxDynamicView]',

package/fesm2022/odx-angular-cdk-dynamic-view.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-cdk-dynamic-view.mjs","sources":["../../../../libs/angular/cdk/dynamic-view/src/lib/dynamic-view.component.ts","../../../../libs/angular/cdk/dynamic-view/src/lib/helpers/create-projectable-nodes.ts","../../../../libs/angular/cdk/dynamic-view/src/lib/helpers/is-dynamic-text-content.ts","../../../../libs/angular/cdk/dynamic-view/src/lib/models/dynamic-component-ref.ts","../../../../libs/angular/cdk/dynamic-view/src/lib/models/dynamic-template-ref.ts","../../../../libs/angular/cdk/dynamic-view/src/lib/helpers/is-dynamic-view.ts","../../../../libs/angular/cdk/dynamic-view/src/lib/tokens/dynamic-view-context.ts","../../../../libs/angular/cdk/dynamic-view/src/lib/tokens/dynamic-view-default-host.ts","../../../../libs/angular/cdk/dynamic-view/src/lib/dynamic-view.service.ts","../../../../libs/angular/cdk/dynamic-view/src/lib/dynamic-view.directive.ts","../../../../libs/angular/cdk/dynamic-view/src/odx-angular-cdk-dynamic-view.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnDestroy, ViewEncapsulation } from '@angular/core';\nimport { injectElement } from '@odx/angular/utils';\nimport { distinctUntilChanged, isObservable, Subscription } from 'rxjs';\nimport { DynamicTextContent } from './facade';\n\n@Component({\n  selector: 'odx-dynamic-view',\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: true,\n})\nexport class DynamicViewComponent implements OnDestroy {\n  private readonly element = injectElement();\n  private currentSubscription: Subscription | null = null;\n\n  @Input()\n  public set content(value: DynamicTextContent) {\n    if (isObservable(value)) {\n      this.ngOnDestroy();\n      this.currentSubscription = value.pipe(distinctUntilChanged()).subscribe((innerValue) => {\n        this.setContent(innerValue);\n      });\n    } else {\n      this.setContent(value);\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.currentSubscription?.unsubscribe();\n    this.currentSubscription = null;\n  }\n\n  private setContent(value: string): void {\n    this.element.nativeElement.innerHTML = value;\n  }\n}\n","import { reflectComponentType, Type } from '@angular/core';\n\n/**\n * Prepares an array of node arrays suitable for projection into the `<ng-content>` slots\n * of a dynamically created Angular component based on its content selectors.\n *\n * The function inspects the component's content selectors and aligns the provided nodes\n * for projection according to these selectors. A selector of '*' indicates that the nodes\n * should be projected into this slot. If a content selector does not match '*', an empty\n * array is returned for that slot, indicating no nodes are projected into it.\n *\n * @param {Type<unknown>} component - The component class for which the projectable nodes are being prepared.\n * @param {Node[]} nodes - The nodes intended for projection into the component's `<ng-content>` slots.\n * @returns {Node[][]} An array of node arrays, each corresponding to a `<ng-content>` slot in the component.\n * Each sub-array contains nodes to be projected into the respective `<ng-content>` slot, based on the component's content selectors.\n *\n * @example\n * ```ts\n * // Given a component with two `<ng-content>` slots, the first without a selector and the second with the selector `<ng-content select=\".selector-class\">`,\n * const nodes = [document.createTextNode('Hello'), document.createElement('div')];\n * const projectableNodes = createProjectableNodes(MyComponent, nodes);\n * // projectableNodes would be `[[TextNode, DivElement], []]` for a component with selectors ['*', '.selector-class']\n * ```\n */\nexport function createProjectableNodes(component: Type<unknown>, nodes: Node[]): Node[][] {\n  const componentType = reflectComponentType(component);\n  if (componentType && componentType.ngContentSelectors.length > 0) {\n    return componentType.ngContentSelectors.map((selector) => (selector === '*' ? nodes : []));\n  }\n  return [];\n}\n","import { isString } from '@odx/angular/utils';\nimport { isObservable } from 'rxjs';\nimport { DynamicTextContent } from '../facade';\n\n/**\n * Type guard function to check if a given value is considered dynamic text content.\n * Dynamic text content can either be a plain string or an Observable. This function\n * facilitates type-safe handling of dynamic text content by checking the type of the value.\n *\n * @param {unknown} value - The value to be checked.\n * @returns {value is DynamicTextContent} Returns `true` if the value is a string or an Observable,\n * indicating it can be used as dynamic text content; otherwise, returns `false`.\n *\n * @example\n * ```ts\n * // Example usage of the isDynamicTextContent function\n * const textValue: unknown = getTextValue(); // This function may return either string or Observable\n *\n * if (isDynamicTextContent(textValue)) {\n *   // The type of textValue is now narrowed to DynamicTextContent (string | Observable)\n *   console.log('The value can be used as dynamic text content.');\n * } else {\n *   console.log('The value is not suitable as dynamic text content.');\n * }\n * ```\n */\nexport function isDynamicTextContent(value: unknown): value is DynamicTextContent {\n  return isString(value) || isObservable(value);\n}\n","import { ApplicationRef, ComponentRef, createComponent, EnvironmentInjector, reflectComponentType, Type, ViewRef } from '@angular/core';\nimport { deepmerge } from '@odx/angular/internal';\nimport { isViewContainer } from '@odx/angular/utils';\nimport { GetDynamicViewContext } from '../facade';\nimport { DynamicViewRef } from '../facade/dynamic-view-ref';\nimport { DynamicViewOptions } from './dynamic-view-options';\n\nexport interface DynamicComponentOptions<T extends Type<unknown>> extends DynamicViewOptions<T> {\n  component: T;\n}\n\n/**\n * The DynamicComponentRef class is a powerful utility for dynamically creating and managing\n * Angular components at runtime. It encapsulates the logic for component creation, input handling,\n * and lifecycle management, making it easier to work with dynamic components in complex applications.\n *\n * A reference to a dynamically created component, providing methods to manage its lifecycle,\n * detect changes, and update its inputs based on a context.\n *\n * @template T - The type of the component being managed.\n * @template C - The type of the context used to update the component's inputs.\n */\nexport class DynamicComponentRef<T extends Type<unknown>, C extends GetDynamicViewContext<T>> implements DynamicViewRef<T> {\n  private readonly application = this.options.injector.get(ApplicationRef);\n  private componentRef: ComponentRef<T> | null = null;\n  private componentInputs: Record<string, true> | null = null;\n\n  constructor(private readonly options: DynamicComponentOptions<T>) {\n    const { component, context, injector, projectableNodes, host } = options;\n\n    this.componentRef = createComponent(component as Type<T>, {\n      environmentInjector: injector.get(EnvironmentInjector),\n      elementInjector: injector,\n      projectableNodes,\n    });\n    this.componentInputs =\n      reflectComponentType(this.componentRef.componentType)?.inputs.reduce(\n        (acc, { propName }) => {\n          acc[propName] = true;\n          return acc;\n        },\n        {} as Record<string, true>,\n      ) ?? null;\n\n    if (isViewContainer(host)) {\n      host.insert(this.componentRef.hostView);\n    } else {\n      this.application.attachView(this.componentRef.hostView);\n      if (host) {\n        host.appendChild(this.getElement());\n      }\n    }\n    if (context) {\n      this.update(context as C);\n    }\n  }\n\n  /**\n   * Triggers change detection for the dynamically created component, ensuring that any updates to inputs\n   * or internal state are reflected in the view.\n   */\n  public detectChanges(): void {\n    this.componentRef?.changeDetectorRef.detectChanges();\n  }\n\n  /**\n   * Destroys the dynamically created component, cleaning up resources and detaching it from the application view.\n   */\n  public destroy(): void {\n    if (this.componentRef?.hostView.destroyed) {\n      this.componentRef = null;\n      return;\n    }\n    if (this.componentRef && !isViewContainer(this.options.host)) {\n      this.application.detachView(this.componentRef.hostView);\n    }\n    this.componentRef?.destroy();\n    this.componentRef = null;\n    this.componentInputs = null;\n  }\n\n  /**\n   * Retrieves the native element associated with the dynamically created component's host view.\n   *\n   * @returns {Element} The native DOM element of the component.\n   */\n  public getElement(): Element {\n    return this.componentRef?.location.nativeElement ?? null;\n  }\n\n  /**\n   * Updates the component's inputs based on the provided context. Merges the new context with the existing\n   * context and applies the combined context as inputs to the component.\n   *\n   * @param {C} context - The context containing new values for the component's inputs.\n   */\n  public update(context: C): void {\n    this.options.context = deepmerge({}, this.options.context, context) as C;\n    if (!this.componentRef) return;\n    for (const key in this.options.context) {\n      if (this.componentInputs?.[key]) {\n        this.componentRef.setInput(key, this.options.context[key]);\n      }\n    }\n  }\n\n  /**\n   * Retrieves the current context used for the component's inputs.\n   *\n   * @returns {GetDynamicViewContext<T>} The current context object.\n   */\n  public getContext(): GetDynamicViewContext<T> {\n    return this.options.context ?? {};\n  }\n\n  /**\n   * Retrieves the view reference associated with the dynamically created component.\n   *\n   * @returns {ViewRef | null} The view reference, or null if the component has not been created or has been destroyed.\n   */\n  public getView(): ViewRef | null {\n    return this.componentRef?.hostView ?? null;\n  }\n}\n","import { ApplicationRef, EmbeddedViewRef, TemplateRef as NgTemplateRef, ViewRef } from '@angular/core';\nimport { deepmerge } from '@odx/angular/internal';\nimport { isViewContainer } from '@odx/angular/utils';\nimport { DynamicViewRef, GetDynamicViewContext } from '../facade';\nimport { DynamicViewOptions } from './dynamic-view-options';\n\nexport interface DynamicTemplateOptions<T extends NgTemplateRef<unknown>> extends DynamicViewOptions<T> {\n  template: T;\n}\n\n/**\n * A reference to a dynamically created template, offering methods to manage its lifecycle,\n * detect changes, and update its context. It encapsulates the logic for creating and manipulating\n * an `EmbeddedViewRef` from a given `TemplateRef`.\n *\n * @template T - The type of the `NgTemplateRef` being managed.\n */\nexport class DynamicTemplateRef<T extends NgTemplateRef<unknown> = NgTemplateRef<unknown>> implements DynamicViewRef<T> {\n  private readonly application = this.options.injector.get(ApplicationRef);\n  private embeddedViewRef: EmbeddedViewRef<unknown> | null = null;\n\n  constructor(private readonly options: DynamicTemplateOptions<T>) {\n    this.create(options);\n  }\n\n  /**\n   * Triggers change detection on the embedded view created from the template, ensuring that any updates\n   * to the context or internal state are reflected in the view.\n   */\n  public detectChanges(): void {\n    this.embeddedViewRef?.detectChanges();\n  }\n\n  /**\n   * Destroys the embedded view associated with the template, cleaning up resources and detaching it from the\n   * application view if necessary.\n   */\n  public destroy(): void {\n    if (this.embeddedViewRef?.destroyed) {\n      this.embeddedViewRef = null;\n      return;\n    }\n    if (!isViewContainer(this.options.host) && this.embeddedViewRef) {\n      this.application.detachView(this.embeddedViewRef);\n    }\n    this.embeddedViewRef?.destroy();\n    this.embeddedViewRef = null;\n  }\n\n  /**\n   * Retrieves the native element associated with the template's embedded view's root node.\n   *\n   * @returns {Element} The native DOM element of the embedded view's root node, if available.\n   */\n  public getElement(): Element {\n    return this.embeddedViewRef?.rootNodes?.[0] ?? null;\n  }\n\n  /**\n   * Updates the context of the embedded view based on the provided context object. Merges the new context\n   * with the existing one and applies the combined context to the embedded view.\n   *\n   * @param {GetDynamicViewContext<T>} context - The context containing new values for the template's view.\n   */\n  public update(context: GetDynamicViewContext<T>): void {\n    this.options.context = deepmerge({}, this.options.context, context) as GetDynamicViewContext<T>;\n    if (this.embeddedViewRef) {\n      this.embeddedViewRef.context = this.options.context;\n      this.detectChanges();\n    }\n  }\n\n  /**\n   * Retrieves the current context used for the template's view.\n   *\n   * @returns {GetDynamicViewContext<T>} The current context object.\n   */\n  public getContext(): GetDynamicViewContext<T> {\n    return this.options.context ?? {};\n  }\n\n  /**\n   * Retrieves the view reference (`ViewRef`) associated with the dynamically created template's embedded view.\n   *\n   * @returns {ViewRef | null} The view reference, or null if the template has not been instantiated or has been destroyed.\n   */\n  public getView(): ViewRef | null {\n    return this.embeddedViewRef;\n  }\n\n  private create({ context, template, host }: DynamicTemplateOptions<T>) {\n    if (isViewContainer(host)) {\n      this.embeddedViewRef = host.createEmbeddedView(template, context, { injector: this.options.injector });\n    } else {\n      this.embeddedViewRef = template.createEmbeddedView(context ?? {}, this.options.injector);\n      this.application.attachView(this.embeddedViewRef);\n    }\n  }\n}\n","import { DynamicContent, DynamicViewRef } from '../facade';\nimport { DynamicComponentRef, DynamicTemplateRef } from '../models';\n\n/**\n * Type guard function to check if a given value is a reference to a dynamically created view.\n * This helps in distinguishing between dynamic view references (`DynamicComponentRef` or `DynamicTemplateRef`)\n * and other types of values, facilitating type-safe operations on dynamic views.\n *\n * @param {unknown} value - The value to check.\n * @returns {value is DynamicViewRef<DynamicContent>} `true` if the value is an instance of `DynamicComponentRef`\n * or `DynamicTemplateRef`, indicating it is a dynamic view reference; otherwise, `false`.\n *\n * @example\n * ```ts\n * // Given a value that could be a dynamic view reference or something else\n * const value: unknown = getSomeValue();\n *\n * if (isDynamicView(value)) {\n *   // TypeScript now knows `value` is a dynamic view reference, so you can access its methods safely\n *   value.detectChanges();\n * } else {\n *   console.log('Value is not a dynamic view reference');\n * }\n * ```\n */\nexport function isDynamicView(value: unknown): value is DynamicViewRef<DynamicContent> {\n  return value instanceof DynamicComponentRef || value instanceof DynamicTemplateRef;\n}\n","import { InjectionToken, TemplateRef } from '@angular/core';\n\nexport interface DynamicViewContextWithImplicitTemplate<T = unknown> {\n  $implicit: TemplateRef<T>;\n}\n\n/**\n * @internal\n * Injection token for the dynamic view context.\n */\nexport const DYNAMIC_VIEW_CONTEXT = new InjectionToken('@odx/angular/cdk/dynamic-view::DynamicViewContext');\n","import { DOCUMENT } from '@angular/common';\nimport { inject, InjectionToken } from '@angular/core';\n\n/**\n * @internal\n * Injection token for the default host element for dynamic views.\n */\nexport const ODX_DYNAMIC_VIEW_DEFAULT_HOST = new InjectionToken<Element>('@odx/angular/cdk/dynamic-view::DynamicViewDefaultHost', {\n  providedIn: 'root',\n  factory: () => inject(DOCUMENT).body,\n});\n\n/**\n * @internal\n * Retrieves the default host for dynamic views.\n *\n * @returns {Element} The default host element for dynamic views.\n */\nexport function getDynamicViewDefaultHost(): Element {\n  return inject(ODX_DYNAMIC_VIEW_DEFAULT_HOST);\n}\n","import { inject, Injectable, Injector } from '@angular/core';\nimport { isComponent, isTemplateRef } from '@odx/angular/utils';\nimport { DynamicViewComponent } from './dynamic-view.component';\nimport { DynamicContent, DynamicViewRef } from './facade';\nimport { isDynamicTextContent } from './helpers';\nimport { DynamicComponentRef, DynamicViewOptions } from './models';\nimport { DynamicTemplateRef } from './models/dynamic-template-ref';\nimport { DYNAMIC_VIEW_CONTEXT, getDynamicViewDefaultHost } from './tokens';\n\n/**\n * A service for creating and managing dynamic views in an Angular application.\n * It supports rendering Angular components, templates, and text content dynamically,\n * allowing for flexible and dynamic content composition.\n */\n@Injectable({ providedIn: 'root' })\nexport class DynamicViewService {\n  private readonly injector = inject(Injector);\n  private readonly defaultHost = getDynamicViewDefaultHost();\n\n  /**\n   * Creates and returns a reference to a dynamic view based on the provided content and options.\n   * The method supports dynamic creation of components, template references, and text content,\n   * providing a unified API for dynamic content rendering.\n   *\n   * @template T - The type of the content to be dynamically rendered.\n   * @param {T} content - The content to be rendered dynamically. This can be a component class,\n   * a template reference, or text content.\n   * @param {Partial<DynamicViewOptions<T>>} [options={}] - Optional configuration for the dynamic view creation,\n   * including a custom injector, context, host element, and additional providers for the dynamic component's injector.\n   * @returns {DynamicViewRef<T>} A reference to the dynamically created view, encapsulating the rendered content\n   * and providing methods for interaction and management.\n   * @throws {Error} Throws an error if the content type is not supported.\n   * @example\n   * ```ts\n   * // Create a dynamic view for a component\n   * const componentRef = dynamicViewService.createView(MyComponent, { context: { ... } });\n   *\n   * // Create a dynamic view for a template reference\n   * const templateRef = dynamicViewService.createView(myTemplate, { context: { ... } });\n   *\n   * // Create a dynamic view for text content\n   * const textRef = dynamicViewService.createView('Dynamic text content', {});\n   * ```\n   */\n  public createView<T extends DynamicContent>(content: T, options: Partial<DynamicViewOptions<T>> = {}): DynamicViewRef<T> {\n    const viewOptions: DynamicViewOptions<T> = {\n      ...options,\n      host: options.host ?? this.defaultHost,\n      injector: Injector.create({\n        providers: [{ provide: DYNAMIC_VIEW_CONTEXT, useValue: options.context }, options.providers ?? []],\n        parent: options.injector ?? this.injector,\n      }),\n    };\n    if (isTemplateRef(content)) {\n      return new DynamicTemplateRef({ ...viewOptions, template: content });\n    }\n    if (isComponent(content)) {\n      return new DynamicComponentRef({ ...viewOptions, context: options.context, component: content });\n    }\n    if (isDynamicTextContent(content)) {\n      return new DynamicComponentRef({\n        ...viewOptions,\n        component: DynamicViewComponent,\n        context: { content },\n      }) as never;\n    }\n    throw new Error('Content type is not supported');\n  }\n}\n","import { Directive, EmbeddedViewRef, inject, Injector, Input, OnChanges, OnDestroy, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { hasChanged, isComponent, NgChanges } from '@odx/angular/utils';\nimport { DynamicViewService } from './dynamic-view.service';\nimport { DynamicContent, DynamicViewRef, GetDynamicViewContext } from './facade';\nimport { createProjectableNodes, isDynamicTextContent, isDynamicView } from './helpers';\n\n/**\n * A directive that dynamically renders content based on the provided input. It supports rendering\n * Angular components, templates, and text content, allowing for dynamic and flexible content\n * management within Angular applications.\n *\n * @template T - A type parameter that extends `DynamicContent<unknown>`, representing the type of content to be dynamically rendered.\n */\n@Directive({\n  selector: 'ng-template[odxDynamicView]',\n  standalone: true,\n})\nexport class DynamicViewDirective<T extends DynamicContent<unknown> = DynamicContent<unknown>> implements OnDestroy, OnInit, OnChanges {\n  private readonly dynamicViewService = inject(DynamicViewService);\n  private readonly viewContainer = inject(ViewContainerRef);\n  private readonly template = inject(TemplateRef);\n  private viewRef: DynamicViewRef<T> | null = null;\n  private contentViewRef: DynamicViewRef<TemplateRef<unknown>> | null = null;\n\n  /**\n   * The content to be dynamically rendered. This can be a component, template reference, or text content.\n   * The content is wrapped in a `DynamicViewRef`, providing additional control over the dynamically rendered view.\n   *\n   * @type {T | DynamicViewRef<T> | null}\n   * @default null\n   */\n  @Input('odxDynamicView')\n  public content?: T | DynamicViewRef<T> | null = null;\n\n  /**\n   * An optional injector to be used for dynamically created components.\n   * This allows for custom dependency injection\n   * into dynamically rendered components.\n   *\n   * @type {Injector | undefined}\n   */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('odxDynamicViewInjector')\n  public injector?: Injector;\n\n  /**\n   * An optional context providing function for dynamically created views. This function returns the context\n   * object to be passed to the dynamically rendered content, allowing for dynamic interaction with the content.\n   *\n   * @type {GetDynamicViewContext<T> | undefined}\n   */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('odxDynamicViewContext')\n  public context?: GetDynamicViewContext<T>;\n\n  public ngOnInit(): void {\n    this.render();\n  }\n\n  public ngOnChanges(changes: NgChanges<DynamicViewDirective<DynamicContent>>): void {\n    if (hasChanged(changes, 'injector')) {\n      this.render();\n    }\n    if (hasChanged(changes, 'content')) {\n      const hasChangedTextContent = isDynamicTextContent(changes.content?.previousValue) && isDynamicTextContent(changes.content?.currentValue);\n      this.render(!hasChangedTextContent);\n    }\n    if (hasChanged(changes, 'context')) {\n      this.viewRef?.update(changes.context?.currentValue ?? {});\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.destroy();\n  }\n\n  /**\n   * Retrieves the current `DynamicViewRef` associated with the rendered content, providing access\n   * to the view reference for additional operations like updating context or manual destruction.\n   *\n   * @returns {DynamicViewRef<T> | null} The current view reference for the dynamically rendered content, if available.\n   */\n  public getView(): DynamicViewRef<T> | null {\n    return this.viewRef;\n  }\n\n  private render(reRender = true) {\n    if (!this.content) {\n      this.destroy();\n      return;\n    }\n    if (!reRender && this.viewRef) {\n      this.viewRef?.update({ content: this.content } as object);\n      return;\n    }\n    this.viewRef?.destroy();\n    if (isDynamicView(this.content)) {\n      this.viewRef = this.content;\n      const hostView = this.viewRef.getView();\n      if (hostView) {\n        this.viewContainer.insert(hostView);\n      }\n    } else {\n      let projectableNodes: Node[][] = [];\n      if (isComponent(this.content)) {\n        this.contentViewRef = this.dynamicViewService.createView(this.template, { injector: this.injector });\n        const rootNodes = (this.contentViewRef.getView() as EmbeddedViewRef<unknown>).rootNodes;\n        projectableNodes = createProjectableNodes(this.content, rootNodes);\n      }\n      this.viewRef = this.dynamicViewService.createView(this.content, {\n        context: this.context ?? undefined,\n        injector: this.injector ?? this.viewContainer.injector,\n        projectableNodes,\n        host: this.viewContainer,\n      });\n    }\n  }\n\n  private destroy() {\n    this.contentViewRef?.destroy();\n    this.viewRef?.destroy();\n    this.contentViewRef = null;\n    this.viewRef = null;\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-dynamic-view.mjs","sources":["../../../../libs/angular/cdk/dynamic-view/src/lib/dynamic-view.component.ts","../../../../libs/angular/cdk/dynamic-view/src/lib/helpers/create-projectable-nodes.ts","../../../../libs/angular/cdk/dynamic-view/src/lib/helpers/is-dynamic-text-content.ts","../../../../libs/angular/cdk/dynamic-view/src/lib/models/dynamic-component-ref.ts","../../../../libs/angular/cdk/dynamic-view/src/lib/models/dynamic-template-ref.ts","../../../../libs/angular/cdk/dynamic-view/src/lib/helpers/is-dynamic-view.ts","../../../../libs/angular/cdk/dynamic-view/src/lib/tokens/dynamic-view-context.ts","../../../../libs/angular/cdk/dynamic-view/src/lib/tokens/dynamic-view-default-host.ts","../../../../libs/angular/cdk/dynamic-view/src/lib/dynamic-view.service.ts","../../../../libs/angular/cdk/dynamic-view/src/lib/dynamic-view.directive.ts","../../../../libs/angular/cdk/dynamic-view/src/odx-angular-cdk-dynamic-view.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnDestroy, ViewEncapsulation } from '@angular/core';\nimport { injectElement } from '@odx/angular/utils';\nimport { distinctUntilChanged, isObservable, Subscription } from 'rxjs';\nimport { DynamicTextContent } from './facade';\n\n@Component({\n  selector: 'odx-dynamic-view',\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: true,\n})\nexport class DynamicViewComponent implements OnDestroy {\n  private readonly element = injectElement();\n  private currentSubscription: Subscription | null = null;\n\n  @Input()\n  public set content(value: DynamicTextContent) {\n    if (isObservable(value)) {\n      this.ngOnDestroy();\n      this.currentSubscription = value.pipe(distinctUntilChanged()).subscribe((innerValue) => {\n        this.setContent(innerValue);\n      });\n    } else {\n      this.setContent(value);\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.currentSubscription?.unsubscribe();\n    this.currentSubscription = null;\n  }\n\n  private setContent(value: string): void {\n    this.element.nativeElement.innerHTML = value;\n  }\n}\n","import { reflectComponentType, Type } from '@angular/core';\n\n/**\n * Prepares an array of node arrays suitable for projection into the `<ng-content>` slots\n * of a dynamically created Angular component based on its content selectors.\n *\n * The function inspects the component's content selectors and aligns the provided nodes\n * for projection according to these selectors. A selector of '*' indicates that the nodes\n * should be projected into this slot. If a content selector does not match '*', an empty\n * array is returned for that slot, indicating no nodes are projected into it.\n *\n * @param {Type<unknown>} component - The component class for which the projectable nodes are being prepared.\n * @param {Node[]} nodes - The nodes intended for projection into the component's `<ng-content>` slots.\n * @returns {Node[][]} An array of node arrays, each corresponding to a `<ng-content>` slot in the component.\n * Each sub-array contains nodes to be projected into the respective `<ng-content>` slot, based on the component's content selectors.\n *\n * @example\n * ```ts\n * // Given a component with two `<ng-content>` slots, the first without a selector and the second with the selector `<ng-content select=\".selector-class\">`,\n * const nodes = [document.createTextNode('Hello'), document.createElement('div')];\n * const projectableNodes = createProjectableNodes(MyComponent, nodes);\n * // projectableNodes would be `[[TextNode, DivElement], []]` for a component with selectors ['*', '.selector-class']\n * ```\n */\nexport function createProjectableNodes(component: Type<unknown>, nodes: Node[]): Node[][] {\n  const componentType = reflectComponentType(component);\n  if (componentType && componentType.ngContentSelectors.length > 0) {\n    return componentType.ngContentSelectors.map((selector) => (selector === '*' ? nodes : []));\n  }\n  return [];\n}\n","import { isString } from '@odx/angular/utils';\nimport { isObservable } from 'rxjs';\nimport { DynamicTextContent } from '../facade';\n\n/**\n * Type guard function to check if a given value is considered dynamic text content.\n * Dynamic text content can either be a plain string or an Observable. This function\n * facilitates type-safe handling of dynamic text content by checking the type of the value.\n *\n * @param {unknown} value - The value to be checked.\n * @returns {value is DynamicTextContent} Returns `true` if the value is a string or an Observable,\n * indicating it can be used as dynamic text content; otherwise, returns `false`.\n *\n * @example\n * ```ts\n * // Example usage of the isDynamicTextContent function\n * const textValue: unknown = getTextValue(); // This function may return either string or Observable\n *\n * if (isDynamicTextContent(textValue)) {\n *   // The type of textValue is now narrowed to DynamicTextContent (string | Observable)\n *   console.log('The value can be used as dynamic text content.');\n * } else {\n *   console.log('The value is not suitable as dynamic text content.');\n * }\n * ```\n */\nexport function isDynamicTextContent(value: unknown): value is DynamicTextContent {\n  return isString(value) || isObservable(value);\n}\n","import { ApplicationRef, ComponentRef, createComponent, EnvironmentInjector, reflectComponentType, Type, ViewRef } from '@angular/core';\nimport { deepmerge } from '@odx/angular/internal';\nimport { isViewContainer } from '@odx/angular/utils';\nimport { GetDynamicViewContext } from '../facade';\nimport { DynamicViewRef } from '../facade/dynamic-view-ref';\nimport { DynamicViewOptions } from './dynamic-view-options';\n\nexport interface DynamicComponentOptions<T extends Type<unknown>> extends DynamicViewOptions<T> {\n  component: T;\n}\n\n/**\n * The DynamicComponentRef class is a powerful utility for dynamically creating and managing\n * Angular components at runtime. It encapsulates the logic for component creation, input handling,\n * and lifecycle management, making it easier to work with dynamic components in complex applications.\n *\n * A reference to a dynamically created component, providing methods to manage its lifecycle,\n * detect changes, and update its inputs based on a context.\n *\n * @template T - The type of the component being managed.\n * @template C - The type of the context used to update the component's inputs.\n */\nexport class DynamicComponentRef<T extends Type<unknown>, C extends GetDynamicViewContext<T>> implements DynamicViewRef<T> {\n  private readonly application = this.options.injector.get(ApplicationRef);\n  private componentRef: ComponentRef<T> | null = null;\n  private componentInputs: Record<string, true> | null = null;\n\n  constructor(private readonly options: DynamicComponentOptions<T>) {\n    const { component, context, injector, projectableNodes, host } = options;\n\n    this.componentRef = createComponent(component as Type<T>, {\n      environmentInjector: injector.get(EnvironmentInjector),\n      elementInjector: injector,\n      projectableNodes,\n    });\n    this.componentInputs =\n      reflectComponentType(this.componentRef.componentType)?.inputs.reduce(\n        (acc, { propName }) => {\n          acc[propName] = true;\n          return acc;\n        },\n        {} as Record<string, true>,\n      ) ?? null;\n\n    if (isViewContainer(host)) {\n      host.insert(this.componentRef.hostView);\n    } else {\n      this.application.attachView(this.componentRef.hostView);\n      if (host) {\n        host.appendChild(this.getElement());\n      }\n    }\n    if (context) {\n      this.update(context as C);\n    }\n  }\n\n  /**\n   * Triggers change detection for the dynamically created component, ensuring that any updates to inputs\n   * or internal state are reflected in the view.\n   */\n  public detectChanges(): void {\n    this.componentRef?.changeDetectorRef.detectChanges();\n  }\n\n  /**\n   * Destroys the dynamically created component, cleaning up resources and detaching it from the application view.\n   */\n  public destroy(): void {\n    if (this.componentRef?.hostView.destroyed) {\n      this.componentRef = null;\n      return;\n    }\n    if (this.componentRef && !isViewContainer(this.options.host)) {\n      this.application.detachView(this.componentRef.hostView);\n    }\n    this.componentRef?.destroy();\n    this.componentRef = null;\n    this.componentInputs = null;\n  }\n\n  /**\n   * Retrieves the native element associated with the dynamically created component's host view.\n   *\n   * @returns {Element} The native DOM element of the component.\n   */\n  public getElement(): Element {\n    return this.componentRef?.location.nativeElement ?? null;\n  }\n\n  /**\n   * Updates the component's inputs based on the provided context. Merges the new context with the existing\n   * context and applies the combined context as inputs to the component.\n   *\n   * @param {C} context - The context containing new values for the component's inputs.\n   */\n  public update(context: C): void {\n    this.options.context = deepmerge({}, this.options.context, context) as C;\n    if (!this.componentRef) return;\n    for (const key in this.options.context) {\n      if (this.componentInputs?.[key]) {\n        this.componentRef.setInput(key, this.options.context[key]);\n      }\n    }\n  }\n\n  /**\n   * Retrieves the current context used for the component's inputs.\n   *\n   * @returns {GetDynamicViewContext<T>} The current context object.\n   */\n  public getContext(): GetDynamicViewContext<T> {\n    return this.options.context ?? {};\n  }\n\n  /**\n   * Retrieves the view reference associated with the dynamically created component.\n   *\n   * @returns {ViewRef | null} The view reference, or null if the component has not been created or has been destroyed.\n   */\n  public getView(): ViewRef | null {\n    return this.componentRef?.hostView ?? null;\n  }\n}\n","import { ApplicationRef, EmbeddedViewRef, TemplateRef as NgTemplateRef, ViewRef } from '@angular/core';\nimport { deepmerge } from '@odx/angular/internal';\nimport { isViewContainer } from '@odx/angular/utils';\nimport { DynamicViewRef, GetDynamicViewContext } from '../facade';\nimport { DynamicViewOptions } from './dynamic-view-options';\n\nexport interface DynamicTemplateOptions<T extends NgTemplateRef<unknown>> extends DynamicViewOptions<T> {\n  template: T;\n}\n\n/**\n * A reference to a dynamically created template, offering methods to manage its lifecycle,\n * detect changes, and update its context. It encapsulates the logic for creating and manipulating\n * an `EmbeddedViewRef` from a given `TemplateRef`.\n *\n * @template T - The type of the `NgTemplateRef` being managed.\n */\nexport class DynamicTemplateRef<T extends NgTemplateRef<unknown> = NgTemplateRef<unknown>> implements DynamicViewRef<T> {\n  private readonly application = this.options.injector.get(ApplicationRef);\n  private embeddedViewRef: EmbeddedViewRef<unknown> | null = null;\n\n  constructor(private readonly options: DynamicTemplateOptions<T>) {\n    this.create(options);\n  }\n\n  /**\n   * Triggers change detection on the embedded view created from the template, ensuring that any updates\n   * to the context or internal state are reflected in the view.\n   */\n  public detectChanges(): void {\n    this.embeddedViewRef?.detectChanges();\n  }\n\n  /**\n   * Destroys the embedded view associated with the template, cleaning up resources and detaching it from the\n   * application view if necessary.\n   */\n  public destroy(): void {\n    if (this.embeddedViewRef?.destroyed) {\n      this.embeddedViewRef = null;\n      return;\n    }\n    if (!isViewContainer(this.options.host) && this.embeddedViewRef) {\n      this.application.detachView(this.embeddedViewRef);\n    }\n    this.embeddedViewRef?.destroy();\n    this.embeddedViewRef = null;\n  }\n\n  /**\n   * Retrieves the native element associated with the template's embedded view's root node.\n   *\n   * @returns {Element} The native DOM element of the embedded view's root node, if available.\n   */\n  public getElement(): Element {\n    return this.embeddedViewRef?.rootNodes?.[0] ?? null;\n  }\n\n  /**\n   * Updates the context of the embedded view based on the provided context object. Merges the new context\n   * with the existing one and applies the combined context to the embedded view.\n   *\n   * @param {GetDynamicViewContext<T>} context - The context containing new values for the template's view.\n   */\n  public update(context: GetDynamicViewContext<T>): void {\n    this.options.context = deepmerge({}, this.options.context, context) as GetDynamicViewContext<T>;\n    if (this.embeddedViewRef) {\n      this.embeddedViewRef.context = this.options.context;\n      this.detectChanges();\n    }\n  }\n\n  /**\n   * Retrieves the current context used for the template's view.\n   *\n   * @returns {GetDynamicViewContext<T>} The current context object.\n   */\n  public getContext(): GetDynamicViewContext<T> {\n    return this.options.context ?? {};\n  }\n\n  /**\n   * Retrieves the view reference (`ViewRef`) associated with the dynamically created template's embedded view.\n   *\n   * @returns {ViewRef | null} The view reference, or null if the template has not been instantiated or has been destroyed.\n   */\n  public getView(): ViewRef | null {\n    return this.embeddedViewRef;\n  }\n\n  private create({ context, template, host }: DynamicTemplateOptions<T>) {\n    if (isViewContainer(host)) {\n      this.embeddedViewRef = host.createEmbeddedView(template, context, { injector: this.options.injector });\n    } else {\n      this.embeddedViewRef = template.createEmbeddedView(context ?? {}, this.options.injector);\n      this.application.attachView(this.embeddedViewRef);\n    }\n  }\n}\n","import { DynamicContent, DynamicViewRef } from '../facade';\nimport { DynamicComponentRef, DynamicTemplateRef } from '../models';\n\n/**\n * Type guard function to check if a given value is a reference to a dynamically created view.\n * This helps in distinguishing between dynamic view references (`DynamicComponentRef` or `DynamicTemplateRef`)\n * and other types of values, facilitating type-safe operations on dynamic views.\n *\n * @param {unknown} value - The value to check.\n * @returns {value is DynamicViewRef<DynamicContent>} `true` if the value is an instance of `DynamicComponentRef`\n * or `DynamicTemplateRef`, indicating it is a dynamic view reference; otherwise, `false`.\n *\n * @example\n * ```ts\n * // Given a value that could be a dynamic view reference or something else\n * const value: unknown = getSomeValue();\n *\n * if (isDynamicView(value)) {\n *   // TypeScript now knows `value` is a dynamic view reference, so you can access its methods safely\n *   value.detectChanges();\n * } else {\n *   console.log('Value is not a dynamic view reference');\n * }\n * ```\n */\nexport function isDynamicView(value: unknown): value is DynamicViewRef<DynamicContent> {\n  return value instanceof DynamicComponentRef || value instanceof DynamicTemplateRef;\n}\n","import { InjectionToken, TemplateRef } from '@angular/core';\n\nexport interface DynamicViewContextWithImplicitTemplate<T = unknown> {\n  $implicit: TemplateRef<T>;\n}\n\n/**\n * @internal\n * Injection token for the dynamic view context.\n */\nexport const DYNAMIC_VIEW_CONTEXT = new InjectionToken('@odx/angular/cdk/dynamic-view::DynamicViewContext');\n","\nimport { inject, InjectionToken, DOCUMENT } from '@angular/core';\n\n/**\n * @internal\n * Injection token for the default host element for dynamic views.\n */\nexport const ODX_DYNAMIC_VIEW_DEFAULT_HOST = new InjectionToken<Element>('@odx/angular/cdk/dynamic-view::DynamicViewDefaultHost', {\n  providedIn: 'root',\n  factory: () => inject(DOCUMENT).body,\n});\n\n/**\n * @internal\n * Retrieves the default host for dynamic views.\n *\n * @returns {Element} The default host element for dynamic views.\n */\nexport function getDynamicViewDefaultHost(): Element {\n  return inject(ODX_DYNAMIC_VIEW_DEFAULT_HOST);\n}\n","import { inject, Injectable, Injector } from '@angular/core';\nimport { isComponent, isTemplateRef } from '@odx/angular/utils';\nimport { DynamicViewComponent } from './dynamic-view.component';\nimport { DynamicContent, DynamicViewRef } from './facade';\nimport { isDynamicTextContent } from './helpers';\nimport { DynamicComponentRef, DynamicViewOptions } from './models';\nimport { DynamicTemplateRef } from './models/dynamic-template-ref';\nimport { DYNAMIC_VIEW_CONTEXT, getDynamicViewDefaultHost } from './tokens';\n\n/**\n * A service for creating and managing dynamic views in an Angular application.\n * It supports rendering Angular components, templates, and text content dynamically,\n * allowing for flexible and dynamic content composition.\n */\n@Injectable({ providedIn: 'root' })\nexport class DynamicViewService {\n  private readonly injector = inject(Injector);\n  private readonly defaultHost = getDynamicViewDefaultHost();\n\n  /**\n   * Creates and returns a reference to a dynamic view based on the provided content and options.\n   * The method supports dynamic creation of components, template references, and text content,\n   * providing a unified API for dynamic content rendering.\n   *\n   * @template T - The type of the content to be dynamically rendered.\n   * @param {T} content - The content to be rendered dynamically. This can be a component class,\n   * a template reference, or text content.\n   * @param {Partial<DynamicViewOptions<T>>} [options={}] - Optional configuration for the dynamic view creation,\n   * including a custom injector, context, host element, and additional providers for the dynamic component's injector.\n   * @returns {DynamicViewRef<T>} A reference to the dynamically created view, encapsulating the rendered content\n   * and providing methods for interaction and management.\n   * @throws {Error} Throws an error if the content type is not supported.\n   * @example\n   * ```ts\n   * // Create a dynamic view for a component\n   * const componentRef = dynamicViewService.createView(MyComponent, { context: { ... } });\n   *\n   * // Create a dynamic view for a template reference\n   * const templateRef = dynamicViewService.createView(myTemplate, { context: { ... } });\n   *\n   * // Create a dynamic view for text content\n   * const textRef = dynamicViewService.createView('Dynamic text content', {});\n   * ```\n   */\n  public createView<T extends DynamicContent>(content: T, options: Partial<DynamicViewOptions<T>> = {}): DynamicViewRef<T> {\n    const viewOptions: DynamicViewOptions<T> = {\n      ...options,\n      host: options.host ?? this.defaultHost,\n      injector: Injector.create({\n        providers: [{ provide: DYNAMIC_VIEW_CONTEXT, useValue: options.context }, options.providers ?? []],\n        parent: options.injector ?? this.injector,\n      }),\n    };\n    if (isTemplateRef(content)) {\n      return new DynamicTemplateRef({ ...viewOptions, template: content });\n    }\n    if (isComponent(content)) {\n      return new DynamicComponentRef({ ...viewOptions, context: options.context, component: content });\n    }\n    if (isDynamicTextContent(content)) {\n      return new DynamicComponentRef({\n        ...viewOptions,\n        component: DynamicViewComponent,\n        context: { content },\n      }) as never;\n    }\n    throw new Error('Content type is not supported');\n  }\n}\n","import { Directive, EmbeddedViewRef, inject, Injector, Input, OnChanges, OnDestroy, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { hasChanged, isComponent, NgChanges } from '@odx/angular/utils';\nimport { DynamicViewService } from './dynamic-view.service';\nimport { DynamicContent, DynamicViewRef, GetDynamicViewContext } from './facade';\nimport { createProjectableNodes, isDynamicTextContent, isDynamicView } from './helpers';\n\n/**\n * A directive that dynamically renders content based on the provided input. It supports rendering\n * Angular components, templates, and text content, allowing for dynamic and flexible content\n * management within Angular applications.\n *\n * @template T - A type parameter that extends `DynamicContent<unknown>`, representing the type of content to be dynamically rendered.\n */\n@Directive({\n  selector: 'ng-template[odxDynamicView]',\n  standalone: true,\n})\nexport class DynamicViewDirective<T extends DynamicContent<unknown> = DynamicContent<unknown>> implements OnDestroy, OnInit, OnChanges {\n  private readonly dynamicViewService = inject(DynamicViewService);\n  private readonly viewContainer = inject(ViewContainerRef);\n  private readonly template = inject(TemplateRef);\n  private viewRef: DynamicViewRef<T> | null = null;\n  private contentViewRef: DynamicViewRef<TemplateRef<unknown>> | null = null;\n\n  /**\n   * The content to be dynamically rendered. This can be a component, template reference, or text content.\n   * The content is wrapped in a `DynamicViewRef`, providing additional control over the dynamically rendered view.\n   *\n   * @type {T | DynamicViewRef<T> | null}\n   * @default null\n   */\n  @Input('odxDynamicView')\n  public content?: T | DynamicViewRef<T> | null = null;\n\n  /**\n   * An optional injector to be used for dynamically created components.\n   * This allows for custom dependency injection\n   * into dynamically rendered components.\n   *\n   * @type {Injector | undefined}\n   */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('odxDynamicViewInjector')\n  public injector?: Injector;\n\n  /**\n   * An optional context providing function for dynamically created views. This function returns the context\n   * object to be passed to the dynamically rendered content, allowing for dynamic interaction with the content.\n   *\n   * @type {GetDynamicViewContext<T> | undefined}\n   */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('odxDynamicViewContext')\n  public context?: GetDynamicViewContext<T>;\n\n  public ngOnInit(): void {\n    this.render();\n  }\n\n  public ngOnChanges(changes: NgChanges<DynamicViewDirective<DynamicContent>>): void {\n    if (hasChanged(changes, 'injector')) {\n      this.render();\n    }\n    if (hasChanged(changes, 'content')) {\n      const hasChangedTextContent = isDynamicTextContent(changes.content?.previousValue) && isDynamicTextContent(changes.content?.currentValue);\n      this.render(!hasChangedTextContent);\n    }\n    if (hasChanged(changes, 'context')) {\n      this.viewRef?.update(changes.context?.currentValue ?? {});\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.destroy();\n  }\n\n  /**\n   * Retrieves the current `DynamicViewRef` associated with the rendered content, providing access\n   * to the view reference for additional operations like updating context or manual destruction.\n   *\n   * @returns {DynamicViewRef<T> | null} The current view reference for the dynamically rendered content, if available.\n   */\n  public getView(): DynamicViewRef<T> | null {\n    return this.viewRef;\n  }\n\n  private render(reRender = true) {\n    if (!this.content) {\n      this.destroy();\n      return;\n    }\n    if (!reRender && this.viewRef) {\n      this.viewRef?.update({ content: this.content } as object);\n      return;\n    }\n    this.viewRef?.destroy();\n    if (isDynamicView(this.content)) {\n      this.viewRef = this.content;\n      const hostView = this.viewRef.getView();\n      if (hostView) {\n        this.viewContainer.insert(hostView);\n      }\n    } else {\n      let projectableNodes: Node[][] = [];\n      if (isComponent(this.content)) {\n        this.contentViewRef = this.dynamicViewService.createView(this.template, { injector: this.injector });\n        const rootNodes = (this.contentViewRef.getView() as EmbeddedViewRef<unknown>).rootNodes;\n        projectableNodes = createProjectableNodes(this.content, rootNodes);\n      }\n      this.viewRef = this.dynamicViewService.createView(this.content, {\n        context: this.context ?? undefined,\n        injector: this.injector ?? this.viewContainer.injector,\n        projectableNodes,\n        host: this.viewContainer,\n      });\n    }\n  }\n\n  private destroy() {\n    this.contentViewRef?.destroy();\n    this.viewRef?.destroy();\n    this.contentViewRef = null;\n    this.viewRef = null;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/odx-angular-cdk-event-plugins.mjs

@@ -118,10 +118,10 @@ class DebounceEventPlugin extends EventPlugin {
         });
         return this.teardown(listener);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DebounceEventPlugin, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DebounceEventPlugin }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DebounceEventPlugin, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DebounceEventPlugin }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DebounceEventPlugin, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DebounceEventPlugin, decorators: [{
             type: Injectable
         }] });
 
@@ -166,10 +166,10 @@ class DeferEventPlugin extends EventPlugin {
             setTimeout(() => this.getZone().runGuarded(() => originalHandler(event)), 0);
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DeferEventPlugin, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DeferEventPlugin }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DeferEventPlugin, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DeferEventPlugin }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DeferEventPlugin, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DeferEventPlugin, decorators: [{
             type: Injectable
         }] });
 

package/fesm2022/odx-angular-cdk-expandable.mjs

@@ -90,10 +90,10 @@ class ExpandableContainerDirective {
     hasExpandedItem() {
         return this.expandedItems.size > 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandableContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.13", type: ExpandableContainerDirective, isStandalone: true, selector: "[odxExpandableContainer]", inputs: { multiple: ["multiple", "multiple", booleanAttribute] }, providers: [{ provide: ODX_EXPANDABLE_CONTAINER, useExisting: ExpandableContainerDirective }], exportAs: ["odxExpandableContainer"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ExpandableContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.16", type: ExpandableContainerDirective, isStandalone: true, selector: "[odxExpandableContainer]", inputs: { multiple: ["multiple", "multiple", booleanAttribute] }, providers: [{ provide: ODX_EXPANDABLE_CONTAINER, useExisting: ExpandableContainerDirective }], exportAs: ["odxExpandableContainer"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandableContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ExpandableContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -201,10 +201,10 @@ class ExpandableItemDirective {
     closeAllChildren() {
         this.childContainers.forEach((container) => container.collapseAll());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandableItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.13", type: ExpandableItemDirective, isStandalone: true, selector: "[odxExpandableItem]", inputs: { container: "container", id: "id", expanded: ["expanded", "expanded", booleanAttribute] }, providers: [{ provide: ODX_EXPANDABLE_ITEM, useExisting: ExpandableItemDirective }], exportAs: ["odxExpandableItem"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ExpandableItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.16", type: ExpandableItemDirective, isStandalone: true, selector: "[odxExpandableItem]", inputs: { container: "container", id: "id", expanded: ["expanded", "expanded", booleanAttribute] }, providers: [{ provide: ODX_EXPANDABLE_ITEM, useExisting: ExpandableItemDirective }], exportAs: ["odxExpandableItem"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandableItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ExpandableItemDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -223,11 +223,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 const modules = [ExpandableContainerDirective, ExpandableItemDirective];
 class ExpandableModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ExpandableModule, imports: [ExpandableContainerDirective, ExpandableItemDirective], exports: [ExpandableContainerDirective, ExpandableItemDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandableModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ExpandableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: ExpandableModule, imports: [ExpandableContainerDirective, ExpandableItemDirective], exports: [ExpandableContainerDirective, ExpandableItemDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ExpandableModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ExpandableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: modules,

package/fesm2022/odx-angular-cdk-expandable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-cdk-expandable.mjs","sources":["../../../../libs/angular/cdk/expandable/src/lib/expandable.tokens.ts","../../../../libs/angular/cdk/expandable/src/lib/directives/expandable-container.directive.ts","../../../../libs/angular/cdk/expandable/src/lib/directives/expandable-item.directive.ts","../../../../libs/angular/cdk/expandable/src/lib/expandable.module.ts","../../../../libs/angular/cdk/expandable/src/odx-angular-cdk-expandable.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { ExpandableContainer, ExpandableItem } from './facade';\n\nexport const ODX_EXPANDABLE_CONTAINER = new InjectionToken<ExpandableContainer>('@odx/angular/cdk/expandable::ExpandableContainer');\nexport const ODX_EXPANDABLE_ITEM = new InjectionToken<ExpandableItem>('@odx/angular/cdk/expandable::ExpandableItem');\n","import { booleanAttribute, Directive, inject, Input, OnDestroy, OnInit } from '@angular/core';\nimport { ODX_EXPANDABLE_CONTAINER, ODX_EXPANDABLE_ITEM } from '../expandable.tokens';\nimport type { ExpandableContainer, ExpandableItem } from '../facade';\n\n/**\n * `ExpandableContainerDirective` provides a container for managing a group of expandable items,\n * allowing them to expand or collapse. It supports the functionality to either allow multiple\n * items to be expanded simultaneously or restrict to a single item at a time.\n *\n * This directive uses Angular's dependency injection to optionally inject a parent `ExpandableItem` or `ExpandableContainer`,\n * enabling nested expandable structures. The `multiple` property can be set to dictate the expand/collapse behavior.\n */\n@Directive({\n  standalone: true,\n  selector: '[odxExpandableContainer]',\n  exportAs: 'odxExpandableContainer',\n  providers: [{ provide: ODX_EXPANDABLE_CONTAINER, useExisting: ExpandableContainerDirective }],\n})\nexport class ExpandableContainerDirective implements ExpandableContainer, OnInit, OnDestroy {\n  private readonly expandedItems = new Set<ExpandableItem>();\n  private readonly parentItem = inject(ODX_EXPANDABLE_ITEM, { optional: true, skipSelf: true });\n  private readonly parentContainer = inject(ODX_EXPANDABLE_CONTAINER, { optional: true, skipSelf: true });\n\n  /**\n   * Determines whether multiple items can be expanded within the container.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  @Input({ transform: booleanAttribute })\n  public multiple = this.parentContainer?.multiple ?? false;\n\n  public ngOnInit(): void {\n    this.parentItem?.addChild(this);\n  }\n\n  public ngOnDestroy(): void {\n    this.parentItem?.removeChild(this);\n  }\n\n  /**\n   * Collapses all the expanded items within the expandable container.\n   */\n  public collapseAll(): void {\n    this.expandedItems.forEach((item) => item.collapse());\n  }\n\n  /**\n   * Collapses the specified item.\n   *\n   * @param {ExpandableItem} item - The item to collapse.\n   */\n  public collapse(item: ExpandableItem): void {\n    this.expandedItems.delete(item);\n  }\n\n  /**\n   * Expands the specified item.\n   * If `multiple` is set to `false`, it collapses all other items before expanding the specified item.\n   * @param {ExpandableItem} item - The item to expand.\n   */\n  public expand(item: ExpandableItem): void {\n    if (!this.multiple) {\n      this.collapseAll();\n    }\n    this.expandedItems.add(item);\n  }\n\n  /**\n   * Toggles the expansion state of the specified item.\n   * If `forceState` is provided, it will set the expansion state to the specified value.\n   * If `forceState` is not provided, it will toggle the expansion state of the item.\n   *\n   * @param {ExpandableItem} item - The item to toggle the expansion state for.\n   * @param {boolean} forceState - Optional. The desired expansion state to set for the item.\n   */\n  public toggle(item: ExpandableItem, forceState?: boolean): void {\n    const shouldExpand = forceState ?? !this.isExpanded(item);\n    if (shouldExpand) {\n      this.expand(item);\n    } else {\n      this.collapse(item);\n    }\n  }\n\n  /**\n   * Checks if the specified item is expanded.\n   * @param {ExpandableItem} item - The item to check.\n   * @returns `true` if the item is expanded, `false` otherwise.\n   */\n  public isExpanded(item: ExpandableItem): boolean {\n    return this.expandedItems.has(item);\n  }\n\n  /**\n   * Checks if there is any expanded item.\n   *\n   * @returns {boolean} True if there is at least one expanded item, false otherwise.\n   */\n  public hasExpandedItem(): boolean {\n    return this.expandedItems.size > 0;\n  }\n}\n","import { booleanAttribute, ChangeDetectorRef, Directive, inject, Input } from '@angular/core';\nimport { getUniqueId } from '@odx/angular/utils';\nimport { ODX_EXPANDABLE_CONTAINER, ODX_EXPANDABLE_ITEM } from '../expandable.tokens';\nimport type { ExpandableContainer, ExpandableItem } from '../facade';\n\n/**\n * `ExpandableItemDirective` allows you to manage the expansion state of an item within an expandable container, such as an accordion or a nested list. It provides methods to expand, collapse, and toggle the item, and automatically registers itself with a parent expandable container if one is available.\n *\n * You can control the expanded state programmatically by binding to the `expanded` property.\n */\n@Directive({\n  standalone: true,\n  selector: '[odxExpandableItem]',\n  exportAs: 'odxExpandableItem',\n  providers: [{ provide: ODX_EXPANDABLE_ITEM, useExisting: ExpandableItemDirective }],\n})\nexport class ExpandableItemDirective implements ExpandableItem {\n  private readonly changeDetectorRef = inject(ChangeDetectorRef);\n  private readonly childContainers = new Set<ExpandableContainer>();\n  private _expanded = false;\n\n  /**\n   * Container which can be set manually.\n   */\n  @Input()\n  public container: ExpandableContainer | null = inject(ODX_EXPANDABLE_CONTAINER, { optional: true, skipSelf: true });\n\n  /** Unique identifier for the expandable item.\n   *\n   * @type {string}\n   */\n  @Input()\n  public id = getUniqueId('odx-expandable-item');\n\n  /**\n   * Controls the expanded state of the item.\n   *\n   * @param {boolean} value - When `true`, expands the item; when `false`, collapses the item.\n   *\n   * @example\n   * Bind to the expanded state:\n   * ```html\n   * <div odxExpandableItem [expanded]=\"isItemExpanded\"></div>\n   * ```\n   */\n  @Input({ transform: booleanAttribute })\n  public set expanded(value: boolean) {\n    if (this._expanded === value) return;\n    this._expanded = value;\n    if (this._expanded) {\n      this.container?.expand(this);\n    } else {\n      this.closeAllChildren();\n      this.container?.collapse(this);\n    }\n    this.changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * Gets a value indicating whether the item is expanded.\n   * If the item is contained within a container, it checks the container's `isExpanded` method.\n   * Otherwise, it returns the value of the `_expanded` property.\n   *\n   * @type {boolean} `true` if the item is expanded; otherwise, `false`.\n   */\n  public get expanded(): boolean {\n    return this.container?.isExpanded(this) ?? this._expanded;\n  }\n\n  /**\n   * Toggles the expansion state of the item, optionally forcing a specific state.\n   *\n   * @param {boolean} forceState - When provided, forces the expansion state to the specified value.\n   */\n  public toggle(forceState?: boolean): void {\n    this.expanded = forceState ?? !this.expanded;\n  }\n\n  /** Expands the item.\n   *\n   * @returns {void}\n   */\n  public expand(): void {\n    this.toggle(true);\n  }\n\n  /** Collapses the item.\n   *\n   * @returns {void}\n   */\n  public collapse(): void {\n    this.toggle(false);\n  }\n\n  /** Adds a child container to the item.\n   *\n   * @param {ExpandableContainer} container - The child container to add.\n   * @returns {void}\n   */\n  public addChild(container: ExpandableContainer): void {\n    this.childContainers.add(container);\n  }\n\n  /** Removes a child container from the item.\n   *\n   * @param {ExpandableContainer} container - The child container to remove.\n   * @returns {void}\n   */\n  public removeChild(container: ExpandableContainer): void {\n    this.childContainers.delete(container);\n  }\n\n  private closeAllChildren(): void {\n    this.childContainers.forEach((container) => container.collapseAll());\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { ExpandableContainerDirective, ExpandableItemDirective } from './directives';\n\nconst modules = [ExpandableContainerDirective, ExpandableItemDirective];\n\n@NgModule({\n  imports: modules,\n  exports: modules,\n})\nexport class ExpandableModule {}\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-expandable.mjs","sources":["../../../../libs/angular/cdk/expandable/src/lib/expandable.tokens.ts","../../../../libs/angular/cdk/expandable/src/lib/directives/expandable-container.directive.ts","../../../../libs/angular/cdk/expandable/src/lib/directives/expandable-item.directive.ts","../../../../libs/angular/cdk/expandable/src/lib/expandable.module.ts","../../../../libs/angular/cdk/expandable/src/odx-angular-cdk-expandable.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { ExpandableContainer, ExpandableItem } from './facade';\n\nexport const ODX_EXPANDABLE_CONTAINER = new InjectionToken<ExpandableContainer>('@odx/angular/cdk/expandable::ExpandableContainer');\nexport const ODX_EXPANDABLE_ITEM = new InjectionToken<ExpandableItem>('@odx/angular/cdk/expandable::ExpandableItem');\n","import { booleanAttribute, Directive, inject, Input, OnDestroy, OnInit } from '@angular/core';\nimport { ODX_EXPANDABLE_CONTAINER, ODX_EXPANDABLE_ITEM } from '../expandable.tokens';\nimport type { ExpandableContainer, ExpandableItem } from '../facade';\n\n/**\n * `ExpandableContainerDirective` provides a container for managing a group of expandable items,\n * allowing them to expand or collapse. It supports the functionality to either allow multiple\n * items to be expanded simultaneously or restrict to a single item at a time.\n *\n * This directive uses Angular's dependency injection to optionally inject a parent `ExpandableItem` or `ExpandableContainer`,\n * enabling nested expandable structures. The `multiple` property can be set to dictate the expand/collapse behavior.\n */\n@Directive({\n  standalone: true,\n  selector: '[odxExpandableContainer]',\n  exportAs: 'odxExpandableContainer',\n  providers: [{ provide: ODX_EXPANDABLE_CONTAINER, useExisting: ExpandableContainerDirective }],\n})\nexport class ExpandableContainerDirective implements ExpandableContainer, OnInit, OnDestroy {\n  private readonly expandedItems = new Set<ExpandableItem>();\n  private readonly parentItem = inject(ODX_EXPANDABLE_ITEM, { optional: true, skipSelf: true });\n  private readonly parentContainer = inject(ODX_EXPANDABLE_CONTAINER, { optional: true, skipSelf: true });\n\n  /**\n   * Determines whether multiple items can be expanded within the container.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  @Input({ transform: booleanAttribute })\n  public multiple = this.parentContainer?.multiple ?? false;\n\n  public ngOnInit(): void {\n    this.parentItem?.addChild(this);\n  }\n\n  public ngOnDestroy(): void {\n    this.parentItem?.removeChild(this);\n  }\n\n  /**\n   * Collapses all the expanded items within the expandable container.\n   */\n  public collapseAll(): void {\n    this.expandedItems.forEach((item) => item.collapse());\n  }\n\n  /**\n   * Collapses the specified item.\n   *\n   * @param {ExpandableItem} item - The item to collapse.\n   */\n  public collapse(item: ExpandableItem): void {\n    this.expandedItems.delete(item);\n  }\n\n  /**\n   * Expands the specified item.\n   * If `multiple` is set to `false`, it collapses all other items before expanding the specified item.\n   * @param {ExpandableItem} item - The item to expand.\n   */\n  public expand(item: ExpandableItem): void {\n    if (!this.multiple) {\n      this.collapseAll();\n    }\n    this.expandedItems.add(item);\n  }\n\n  /**\n   * Toggles the expansion state of the specified item.\n   * If `forceState` is provided, it will set the expansion state to the specified value.\n   * If `forceState` is not provided, it will toggle the expansion state of the item.\n   *\n   * @param {ExpandableItem} item - The item to toggle the expansion state for.\n   * @param {boolean} forceState - Optional. The desired expansion state to set for the item.\n   */\n  public toggle(item: ExpandableItem, forceState?: boolean): void {\n    const shouldExpand = forceState ?? !this.isExpanded(item);\n    if (shouldExpand) {\n      this.expand(item);\n    } else {\n      this.collapse(item);\n    }\n  }\n\n  /**\n   * Checks if the specified item is expanded.\n   * @param {ExpandableItem} item - The item to check.\n   * @returns `true` if the item is expanded, `false` otherwise.\n   */\n  public isExpanded(item: ExpandableItem): boolean {\n    return this.expandedItems.has(item);\n  }\n\n  /**\n   * Checks if there is any expanded item.\n   *\n   * @returns {boolean} True if there is at least one expanded item, false otherwise.\n   */\n  public hasExpandedItem(): boolean {\n    return this.expandedItems.size > 0;\n  }\n}\n","import { booleanAttribute, ChangeDetectorRef, Directive, inject, Input } from '@angular/core';\nimport { getUniqueId } from '@odx/angular/utils';\nimport { ODX_EXPANDABLE_CONTAINER, ODX_EXPANDABLE_ITEM } from '../expandable.tokens';\nimport type { ExpandableContainer, ExpandableItem } from '../facade';\n\n/**\n * `ExpandableItemDirective` allows you to manage the expansion state of an item within an expandable container, such as an accordion or a nested list. It provides methods to expand, collapse, and toggle the item, and automatically registers itself with a parent expandable container if one is available.\n *\n * You can control the expanded state programmatically by binding to the `expanded` property.\n */\n@Directive({\n  standalone: true,\n  selector: '[odxExpandableItem]',\n  exportAs: 'odxExpandableItem',\n  providers: [{ provide: ODX_EXPANDABLE_ITEM, useExisting: ExpandableItemDirective }],\n})\nexport class ExpandableItemDirective implements ExpandableItem {\n  private readonly changeDetectorRef = inject(ChangeDetectorRef);\n  private readonly childContainers = new Set<ExpandableContainer>();\n  private _expanded = false;\n\n  /**\n   * Container which can be set manually.\n   */\n  @Input()\n  public container: ExpandableContainer | null = inject(ODX_EXPANDABLE_CONTAINER, { optional: true, skipSelf: true });\n\n  /** Unique identifier for the expandable item.\n   *\n   * @type {string}\n   */\n  @Input()\n  public id = getUniqueId('odx-expandable-item');\n\n  /**\n   * Controls the expanded state of the item.\n   *\n   * @param {boolean} value - When `true`, expands the item; when `false`, collapses the item.\n   *\n   * @example\n   * Bind to the expanded state:\n   * ```html\n   * <div odxExpandableItem [expanded]=\"isItemExpanded\"></div>\n   * ```\n   */\n  @Input({ transform: booleanAttribute })\n  public set expanded(value: boolean) {\n    if (this._expanded === value) return;\n    this._expanded = value;\n    if (this._expanded) {\n      this.container?.expand(this);\n    } else {\n      this.closeAllChildren();\n      this.container?.collapse(this);\n    }\n    this.changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * Gets a value indicating whether the item is expanded.\n   * If the item is contained within a container, it checks the container's `isExpanded` method.\n   * Otherwise, it returns the value of the `_expanded` property.\n   *\n   * @type {boolean} `true` if the item is expanded; otherwise, `false`.\n   */\n  public get expanded(): boolean {\n    return this.container?.isExpanded(this) ?? this._expanded;\n  }\n\n  /**\n   * Toggles the expansion state of the item, optionally forcing a specific state.\n   *\n   * @param {boolean} forceState - When provided, forces the expansion state to the specified value.\n   */\n  public toggle(forceState?: boolean): void {\n    this.expanded = forceState ?? !this.expanded;\n  }\n\n  /** Expands the item.\n   *\n   * @returns {void}\n   */\n  public expand(): void {\n    this.toggle(true);\n  }\n\n  /** Collapses the item.\n   *\n   * @returns {void}\n   */\n  public collapse(): void {\n    this.toggle(false);\n  }\n\n  /** Adds a child container to the item.\n   *\n   * @param {ExpandableContainer} container - The child container to add.\n   * @returns {void}\n   */\n  public addChild(container: ExpandableContainer): void {\n    this.childContainers.add(container);\n  }\n\n  /** Removes a child container from the item.\n   *\n   * @param {ExpandableContainer} container - The child container to remove.\n   * @returns {void}\n   */\n  public removeChild(container: ExpandableContainer): void {\n    this.childContainers.delete(container);\n  }\n\n  private closeAllChildren(): void {\n    this.childContainers.forEach((container) => container.collapseAll());\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { ExpandableContainerDirective, ExpandableItemDirective } from './directives';\n\nconst modules = [ExpandableContainerDirective, ExpandableItemDirective];\n\n@NgModule({\n  imports: modules,\n  exports: modules,\n})\nexport class ExpandableModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/odx-angular-cdk-option-control.mjs

@@ -68,10 +68,10 @@ class OptionControl {
         event.preventDefault();
         this.selectOption();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OptionControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: OptionControl, isStandalone: true, inputs: { value: "value" }, host: { attributes: { "role": "option" }, listeners: { "click": "select($event)" }, properties: { "class.odx-option": "true", "class.is-active": "isActive", "attr.aria-selected": "isSelected", "class.is-selected": "isSelected" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: OptionControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: OptionControl, isStandalone: true, inputs: { value: "value" }, host: { attributes: { "role": "option" }, listeners: { "click": "select($event)" }, properties: { "class.odx-option": "true", "class.is-active": "isActive", "attr.aria-selected": "isSelected", "class.is-selected": "isSelected" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OptionControl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: OptionControl, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/fesm2022/odx-angular-cdk-option-control.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-cdk-option-control.mjs","sources":["../../../../libs/angular/cdk/option-control/src/lib/option-control.ts","../../../../libs/angular/cdk/option-control/src/odx-angular-cdk-option-control.ts"],"sourcesContent":["import { Highlightable } from '@angular/cdk/a11y';\nimport { ChangeDetectorRef, Directive, ElementRef, HostListener, inject, Input } from '@angular/core';\nimport { deferFn, injectElement, untilDestroyed } from '@odx/angular/utils';\n\n/**\n * `OptionControl` is an abstract directive that serves as a base class for implementing selectable options in a dropdown\n * list or a similar component. It integrates with CDK's `Highlightable` interface to provide keyboard navigation support.\n *\n * @param {T} - The type of the value.\n *\n * This base class handles the visual feedback for active and selected states and provides a structure for defining\n * how an option is selected.\n *\n * Extend `OptionControl` to create a concrete option component:\n * @example\n * ```ts\n * @Component({\n *   selector: 'my-option',\n *   templateUrl: './my-option.component.html',\n *   providers: [{ provide: OptionControl, useExisting: forwardRef(() => MyOptionComponent) }],\n * })\n * class MyOptionComponent extends OptionControl<MyDataType> {\n *   @Input() override value: MyDataType | null = null;\n *\n *   protected override selectOption(): void {\n *     // Custom logic for when this option is selected\n *   }\n * }\n * ```\n *\n * Implement `selectOption` in subclasses to define what happens when an option is selected, such as updating a model\n * or closing a dropdown.\n */\n@Directive({\n  standalone: true,\n  host: {\n    role: 'option',\n    '[class.odx-option]': 'true',\n    '[class.is-active]': 'isActive',\n    '[attr.aria-selected]': 'isSelected',\n    '[class.is-selected]': 'isSelected',\n  },\n})\nexport abstract class OptionControl<T> implements Highlightable {\n  protected readonly takeUntilDestroyed = untilDestroyed();\n  protected readonly cdr = inject(ChangeDetectorRef);\n\n  protected isActive = false;\n\n  /**\n   * Represents the value of the option control.\n   *\n   * @type {T} - The type of the value.\n   */\n  @Input()\n  public value: T | null = null;\n\n  public readonly element: ElementRef<HTMLElement> = injectElement();\n\n  /**\n   * Sets the active styles for the option control.\n   *\n   * @returns {void}\n   */\n  public abstract setActiveStyles(): void;\n\n  /**\n   * Sets the inactive styles for the option control.\n   *\n   * @returns {void}\n   */\n  public setInactiveStyles(): void {\n    deferFn(() => {\n      this.isActive = false;\n      this.cdr.markForCheck();\n    });\n  }\n\n  /**\n   * Retrieves the label of the option control.\n   *\n   * @returns {string} - The label of the option control.\n   */\n  public getLabel(): string {\n    return this.element.nativeElement.textContent?.trim() ?? '';\n  }\n\n  protected abstract selectOption(): void;\n\n  @HostListener('click', ['$event'])\n  protected select(event: Event): void {\n    event.stopPropagation();\n    event.preventDefault();\n\n    this.selectOption();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BG;MAWmB,aAAa,CAAA;AAVnC,IAAA,WAAA,GAAA;QAWqB,IAAA,CAAA,kBAAkB,GAAG,cAAc,EAAE;AACrC,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;QAExC,IAAA,CAAA,QAAQ,GAAG,KAAK;AAE1B;;;;AAIG;QAEI,IAAA,CAAA,KAAK,GAAa,IAAI;QAEb,IAAA,CAAA,OAAO,GAA4B,aAAa,EAAE;AAuCnE,IAAA;AA9BC;;;;AAIG;IACI,iBAAiB,GAAA;QACtB,OAAO,CAAC,MAAK;AACX,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,YAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;AACzB,QAAA,CAAC,CAAC;IACJ;AAEA;;;;AAIG;IACI,QAAQ,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE;IAC7D;AAKU,IAAA,MAAM,CAAC,KAAY,EAAA;QAC3B,KAAK,CAAC,eAAe,EAAE;QACvB,KAAK,CAAC,cAAc,EAAE;QAEtB,IAAI,CAAC,YAAY,EAAE;IACrB;+GApDoB,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAVlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,oBAAoB,EAAE,MAAM;AAC5B,wBAAA,mBAAmB,EAAE,UAAU;AAC/B,wBAAA,sBAAsB,EAAE,YAAY;AACpC,wBAAA,qBAAqB,EAAE,YAAY;AACpC,qBAAA;AACF,iBAAA;8BAaQ,KAAK,EAAA,CAAA;sBADX;gBAoCS,MAAM,EAAA,CAAA;sBADf,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;;ACzFnC;;AAEG;;;;"}
+{"version":3,"file":"odx-angular-cdk-option-control.mjs","sources":["../../../../libs/angular/cdk/option-control/src/lib/option-control.ts","../../../../libs/angular/cdk/option-control/src/odx-angular-cdk-option-control.ts"],"sourcesContent":["import { Highlightable } from '@angular/cdk/a11y';\nimport { ChangeDetectorRef, Directive, ElementRef, HostListener, inject, Input } from '@angular/core';\nimport { deferFn, injectElement, untilDestroyed } from '@odx/angular/utils';\n\n/**\n * `OptionControl` is an abstract directive that serves as a base class for implementing selectable options in a dropdown\n * list or a similar component. It integrates with CDK's `Highlightable` interface to provide keyboard navigation support.\n *\n * @param {T} - The type of the value.\n *\n * This base class handles the visual feedback for active and selected states and provides a structure for defining\n * how an option is selected.\n *\n * Extend `OptionControl` to create a concrete option component:\n * @example\n * ```ts\n * @Component({\n *   selector: 'my-option',\n *   templateUrl: './my-option.component.html',\n *   providers: [{ provide: OptionControl, useExisting: forwardRef(() => MyOptionComponent) }],\n * })\n * class MyOptionComponent extends OptionControl<MyDataType> {\n *   @Input() override value: MyDataType | null = null;\n *\n *   protected override selectOption(): void {\n *     // Custom logic for when this option is selected\n *   }\n * }\n * ```\n *\n * Implement `selectOption` in subclasses to define what happens when an option is selected, such as updating a model\n * or closing a dropdown.\n */\n@Directive({\n  standalone: true,\n  host: {\n    role: 'option',\n    '[class.odx-option]': 'true',\n    '[class.is-active]': 'isActive',\n    '[attr.aria-selected]': 'isSelected',\n    '[class.is-selected]': 'isSelected',\n  },\n})\nexport abstract class OptionControl<T> implements Highlightable {\n  protected readonly takeUntilDestroyed = untilDestroyed();\n  protected readonly cdr = inject(ChangeDetectorRef);\n\n  protected isActive = false;\n\n  /**\n   * Represents the value of the option control.\n   *\n   * @type {T} - The type of the value.\n   */\n  @Input()\n  public value: T | null = null;\n\n  public readonly element: ElementRef<HTMLElement> = injectElement();\n\n  /**\n   * Sets the active styles for the option control.\n   *\n   * @returns {void}\n   */\n  public abstract setActiveStyles(): void;\n\n  /**\n   * Sets the inactive styles for the option control.\n   *\n   * @returns {void}\n   */\n  public setInactiveStyles(): void {\n    deferFn(() => {\n      this.isActive = false;\n      this.cdr.markForCheck();\n    });\n  }\n\n  /**\n   * Retrieves the label of the option control.\n   *\n   * @returns {string} - The label of the option control.\n   */\n  public getLabel(): string {\n    return this.element.nativeElement.textContent?.trim() ?? '';\n  }\n\n  protected abstract selectOption(): void;\n\n  @HostListener('click', ['$event'])\n  protected select(event: Event): void {\n    event.stopPropagation();\n    event.preventDefault();\n\n    this.selectOption();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BG;MAWmB,aAAa,CAAA;AAVnC,IAAA,WAAA,GAAA;QAWqB,IAAA,CAAA,kBAAkB,GAAG,cAAc,EAAE;AACrC,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;QAExC,IAAA,CAAA,QAAQ,GAAG,KAAK;AAE1B;;;;AAIG;QAEI,IAAA,CAAA,KAAK,GAAa,IAAI;QAEb,IAAA,CAAA,OAAO,GAA4B,aAAa,EAAE;AAuCnE,IAAA;AA9BC;;;;AAIG;IACI,iBAAiB,GAAA;QACtB,OAAO,CAAC,MAAK;AACX,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,YAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;AACzB,QAAA,CAAC,CAAC;IACJ;AAEA;;;;AAIG;IACI,QAAQ,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE;IAC7D;AAKU,IAAA,MAAM,CAAC,KAAY,EAAA;QAC3B,KAAK,CAAC,eAAe,EAAE;QACvB,KAAK,CAAC,cAAc,EAAE;QAEtB,IAAI,CAAC,YAAY,EAAE;IACrB;+GApDoB,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAVlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,oBAAoB,EAAE,MAAM;AAC5B,wBAAA,mBAAmB,EAAE,UAAU;AAC/B,wBAAA,sBAAsB,EAAE,YAAY;AACpC,wBAAA,qBAAqB,EAAE,YAAY;AACpC,qBAAA;AACF,iBAAA;;sBAYE;;sBAmCA,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;;ACzFnC;;AAEG;;;;"}

package/fesm2022/odx-angular-cdk-radio-group-control.mjs

@@ -28,8 +28,8 @@ class RadioGroupControlDirective extends CustomFormControl {
             this.onTouched();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioGroupControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: RadioGroupControlDirective, isStandalone: true, selector: "[odxRadioGroupControl]", host: { listeners: { "focusout": "onFocusOut($event)" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RadioGroupControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: RadioGroupControlDirective, isStandalone: true, selector: "[odxRadioGroupControl]", host: { listeners: { "focusout": "onFocusOut($event)" } }, providers: [
             {
                 provide: RADIO_GROUP_CONTROL,
                 useExisting: forwardRef(() => RadioGroupControlDirective),
@@ -39,7 +39,7 @@ class RadioGroupControlDirective extends CustomFormControl {
             ReadonlyController.connect(),
         ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioGroupControlDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RadioGroupControlDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -99,10 +99,10 @@ class RadioControlDirective {
         this.value = null;
         detectControllerChanges(this.radioGroupControl).subscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: RadioControlDirective, isStandalone: true, selector: "[odxRadioControl]", inputs: { value: "value" }, host: { properties: { "class.is-active": "isActive", "class.is-disabled": "disabledController?.disabled", "class.is-readonly": "readonlyController?.readonly", "class.has-error": "radioGroupControl.hasError" } }, providers: [DisabledController.connect(), ReadonlyController.connect()], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RadioControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: RadioControlDirective, isStandalone: true, selector: "[odxRadioControl]", inputs: { value: "value" }, host: { properties: { "class.is-active": "isActive", "class.is-disabled": "disabledController?.disabled", "class.is-readonly": "readonlyController?.readonly", "class.has-error": "radioGroupControl.hasError" } }, providers: [DisabledController.connect(), ReadonlyController.connect()], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioControlDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RadioControlDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -121,11 +121,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 const modules = [RadioGroupControlDirective, RadioControlDirective];
 class RadioGroupControlModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioGroupControlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: RadioGroupControlModule, imports: [RadioGroupControlDirective, RadioControlDirective], exports: [CoreModule, RadioGroupControlDirective, RadioControlDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioGroupControlModule, imports: [CoreModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RadioGroupControlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: RadioGroupControlModule, imports: [RadioGroupControlDirective, RadioControlDirective], exports: [CoreModule, RadioGroupControlDirective, RadioControlDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RadioGroupControlModule, imports: [CoreModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioGroupControlModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RadioGroupControlModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: modules,