@odx/angular 6.0.1 → 6.1.0

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\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\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\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  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('odxDynamicView')\n  public content?: T | DynamicViewRef<T> | null = null;\n\n  /**\n   * An optional injector to be used for dynamically created components. This allows for custom dependency injection\n   * into dynamically rendered components.\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  // 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","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  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('odxDynamicView')\n  public content?: T | DynamicViewRef<T> | null = null;\n\n  /**\n   * An optional injector to be used for dynamically created components. This allows for custom dependency injection\n   * into dynamically rendered components.\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  // 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-components-autocomplete.mjs

@@ -78,6 +78,7 @@ let AutocompleteComponent = class AutocompleteComponent extends AutocompleteCont
     constructor() {
         super(...arguments);
         this.defaultActiveOptionIndex = 0;
+        this.patchValueFlag = false;
         this.clickOutsideDirective = inject(ClickOutsideDirective, { host: true });
         this.dropdownOpenTriggers = [];
     }
@@ -87,6 +88,7 @@ let AutocompleteComponent = class AutocompleteComponent extends AutocompleteCont
             return;
         this.initKeyManager(this.options);
         this.handleQueryListOption(this.options);
+        this.handleSearchFieldChanges();
         this.handleClickOutside();
     }
     /**
@@ -117,7 +119,7 @@ let AutocompleteComponent = class AutocompleteComponent extends AutocompleteCont
         });
     }
     handleSearchFieldChanges() {
-        //
+        this.searchField?.valueChange$.pipe(this.takeUntilDestroyed()).subscribe(() => this.triggerControllerChange());
     }
     handleClickOutside() {
         this.clickOutsideDirective.odxClickOutside.pipe(this.takeUntilDestroyed()).subscribe(() => this.clickOutside());
@@ -127,6 +129,10 @@ let AutocompleteComponent = class AutocompleteComponent extends AutocompleteCont
         this.blurSelectSearchField();
     }
     updateDropdownState() {
+        if (this.patchValueFlag) {
+            this.patchValueFlag = false;
+            return;
+        }
         if (this.isOpen && !this.hasOptions) {
             this.closeDropdown();
         }
@@ -157,8 +163,8 @@ let AutocompleteComponent = class AutocompleteComponent extends AutocompleteCont
                 return;
             }
         }
-        if (event.key === 'Enter') {
-            this.optionSelected.emit((this.value ?? ''));
+        if (event.key === 'Enter' && !!this.value) {
+            this.optionSelected.emit(this.value);
             return;
         }
         if (!this.isOpen && event.key === 'Tab') {
@@ -179,6 +185,7 @@ let AutocompleteComponent = class AutocompleteComponent extends AutocompleteCont
     updateSearchField(value) {
         if (!this.searchField)
             return;
+        this.patchValueFlag = true;
         this.searchField.nativeElementValue = this.stringify?.(value) ?? value;
     }
     blurSelectSearchField() {
@@ -201,7 +208,7 @@ AutocompleteComponent = AutocompleteComponent_1 = __decorate([
 ], AutocompleteComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'odx-autocomplete', imports: [DropdownDirective, AutocompleteOptionComponent, LoadingSpinnerModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, selector: 'odx-autocomplete', imports: [DropdownDirective, AutocompleteOptionComponent, LoadingSpinnerModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         {
                             provide: AUTOCOMPLETE_CONTROL,
                             useExisting: forwardRef(() => AutocompleteComponent),

package/fesm2022/odx-angular-components-autocomplete.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-autocomplete.mjs","sources":["../../../../libs/angular/components/autocomplete/src/lib/autocomplete.tokens.ts","../../../../libs/angular/components/autocomplete/src/lib/components/option/autocomplete-option.component.ts","../../../../libs/angular/components/autocomplete/src/lib/components/option/autocomplete-option.component.html","../../../../libs/angular/components/autocomplete/src/lib/directives/autocomplete-input-control.directive.ts","../../../../libs/angular/components/autocomplete/src/lib/autocomplete.component.ts","../../../../libs/angular/components/autocomplete/src/lib/autocomplete.component.html","../../../../libs/angular/components/autocomplete/src/lib/pipes/autocomplete-search-filter.pipe.ts","../../../../libs/angular/components/autocomplete/src/lib/autocomplete.module.ts","../../../../libs/angular/components/autocomplete/src/odx-angular-components-autocomplete.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { AutocompleteComponent } from './autocomplete.component';\n\nexport const AUTOCOMPLETE_CONTROL = new InjectionToken<AutocompleteComponent>('@odx/angular/components/autocomplete::AutocompleteComponent');\n","import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { OptionControl } from '@odx/angular/cdk/option-control';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { AUTOCOMPLETE_CONTROL } from '../../autocomplete.tokens';\n\n@CSSComponent('autocomplete-option')\n@Component({\n  standalone: true,\n  selector: 'odx-autocomplete-option',\n  imports: [CoreModule],\n  templateUrl: './autocomplete-option.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AutocompleteOptionComponent<T> extends OptionControl<T> {\n  protected readonly autocompleteControl = inject(AUTOCOMPLETE_CONTROL);\n\n  public override setActiveStyles(): void {\n    this.isActive = true;\n\n    if (this.autocompleteControl.isOpen) {\n      this.autocompleteControl.scrollOptionIntoView(this);\n    }\n  }\n\n  protected selectOption(): void {\n    this.autocompleteControl.selectOption(this);\n  }\n}\n","<ng-content></ng-content>\n","import { Directive } from '@angular/core';\nimport { ReadonlyController, WithTabIndex } from '@odx/angular';\nimport { InputControlDirective } from '@odx/angular/cdk/custom-form-control';\nimport { CSSComponent } from '@odx/angular/internal';\n\n@CSSComponent('autocomplete__control')\n@Directive({\n  standalone: true,\n  selector: 'input[odxAutocompleteControl]',\n  host: {\n    '[attr.readonly]': 'readonlyController?.readonly || null',\n  },\n  providers: [ReadonlyController.connect()],\n  hostDirectives: [WithTabIndex],\n})\nexport class AutocompleteInputControlDirective extends InputControlDirective {\n  protected readonly readonlyController = ReadonlyController.inject();\n}\n","import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  ContentChildren,\n  forwardRef,\n  HostListener,\n  inject,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ClickOutsideDirective } from '@odx/angular';\nimport { AutocompleteControl, ODX_SEARCH_FILTER_HOST } from '@odx/angular/cdk/autocomplete-control';\nimport { DropdownDirective } from '@odx/angular/components/dropdown';\nimport { LoadingSpinnerModule } from '@odx/angular/components/loading-spinner';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { deferFn } from '@odx/angular/utils';\nimport { filter, tap } from 'rxjs';\nimport { AUTOCOMPLETE_CONTROL } from './autocomplete.tokens';\nimport { AutocompleteOptionComponent } from './components';\nimport { AutocompleteInputControlDirective } from './directives';\n\n/**\n * Represents an autocomplete component that provides user interface for a dropdown list to select from as users type.\n * It extends `AutocompleteControl`, integrating custom logic for handling keyboard and mouse events,\n * managing the dropdown state, and updating the associated search field.\n *\n * @see {AutocompleteControl}\n *\n * @template T The type of the value handled by the autocomplete.\n */\n@CSSComponent('autocomplete')\n@Component({\n  standalone: true,\n  selector: 'odx-autocomplete',\n  imports: [DropdownDirective, AutocompleteOptionComponent, LoadingSpinnerModule],\n  templateUrl: './autocomplete.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: AUTOCOMPLETE_CONTROL,\n      useExisting: forwardRef(() => AutocompleteComponent),\n    },\n    {\n      provide: ODX_SEARCH_FILTER_HOST,\n      useExisting: AUTOCOMPLETE_CONTROL,\n    },\n  ],\n  hostDirectives: [ClickOutsideDirective],\n})\nexport class AutocompleteComponent<T = unknown> extends AutocompleteControl<T | null> implements AfterViewInit {\n  private readonly defaultActiveOptionIndex = 0;\n\n  protected readonly clickOutsideDirective = inject(ClickOutsideDirective, { host: true });\n\n  @ContentChildren(AutocompleteOptionComponent, { descendants: true, emitDistinctChangesOnly: true })\n  public options?: QueryList<AutocompleteOptionComponent<T>>;\n\n  @ContentChild(AutocompleteInputControlDirective)\n  public searchField?: AutocompleteInputControlDirective;\n\n  public readonly dropdownOpenTriggers = [];\n\n  public override ngAfterViewInit(): void {\n    if (!this.options) return;\n\n    this.initKeyManager(this.options);\n    this.handleQueryListOption(this.options);\n    this.handleClickOutside();\n  }\n\n  /**\n   * Selects an option, updates the value, updates the search field display, emits the selected value, and closes the dropdown.\n   *\n   * @param option The option component to select. If the option is undefined or its value is undefined, no action is taken.\n   */\n  public selectOption(option?: AutocompleteOptionComponent<T> | null): void {\n    if (!option?.value) return;\n\n    this.updateValue(option.value);\n    this.updateSearchField(option.value);\n\n    this.optionSelected.emit(option.value);\n\n    this.closeDropdown();\n  }\n\n  /**\n   * Resets the search field to its initial state and updates the value of the autocomplete to an empty string or initial value.\n   */\n  public resetSearchField(): void {\n    this.updateValue('' as T);\n    this.searchField?.reset();\n  }\n\n  protected handleQueryListOption(options: QueryList<AutocompleteOptionComponent<T>>): void {\n    options.changes\n      .pipe(\n        tap(() => deferFn(() => this.updateDropdownState())),\n        filter(() => this.isOpen),\n        this.takeUntilDestroyed(),\n      )\n      .subscribe(() => {\n        deferFn(() => this.activateSelectedOption());\n      });\n  }\n\n  protected handleSearchFieldChanges(): void {\n    //\n  }\n\n  protected handleClickOutside(): void {\n    this.clickOutsideDirective.odxClickOutside.pipe(this.takeUntilDestroyed()).subscribe(() => this.clickOutside());\n  }\n\n  protected clickOutside(): void {\n    this.closeDropdown();\n    this.blurSelectSearchField();\n  }\n\n  protected updateDropdownState(): void {\n    if (this.isOpen && !this.hasOptions) {\n      this.closeDropdown();\n    } else if (!this.isOpen && this.hasOptions) {\n      this.openDropdown();\n    }\n  }\n\n  @HostListener('click')\n  protected handleClickEvent() {\n    if (this.isLoading && this.isOpen) {\n      this.closeDropdown();\n      this.blurSelectSearchField();\n      return;\n    }\n\n    if (this.isReadonly || this.isDisabled) return;\n\n    if (!this.isOpen && this.hasOptions) {\n      this.openDropdown();\n    }\n  }\n\n  @HostListener('keydown', ['$event'])\n  protected handleKeyboardEvent(event: KeyboardEvent) {\n    if (this.isReadonly || this.isDisabled) return;\n\n    if (this.isOpen && this.hasOptions) {\n      if (event.key === 'Enter' || event.key === 'Tab') {\n        event.preventDefault();\n        event.stopImmediatePropagation();\n        this.selectOption(this.keyManager?.activeItem as AutocompleteOptionComponent<T> | undefined);\n        return;\n      }\n    }\n\n    if (event.key === 'Enter') {\n      this.optionSelected.emit((this.value ?? '') as T);\n      return;\n    }\n\n    if (!this.isOpen && event.key === 'Tab') {\n      return;\n    }\n\n    if (!this.isOpen && this.hasOptions) {\n      this.openDropdown();\n      return;\n    }\n\n    this.keyManager?.onKeydown(event);\n  }\n\n  protected activateSelectedOption(): void {\n    this.keyManager?.setActiveItem(this.defaultActiveOptionIndex);\n  }\n\n  protected onDropdownBeforeOpen(): void {\n    this.activateSelectedOption();\n  }\n\n  private updateSearchField(value: T): void {\n    if (!this.searchField) return;\n\n    this.searchField.nativeElementValue = this.stringify?.(value) ?? (value as string);\n  }\n\n  private blurSelectSearchField(): void {\n    this.searchField?.blur();\n  }\n}\n","<div\n  aria-haspopup=\"listbox\"\n  class=\"odx-autocomplete__trigger\"\n  [odxDropdown]=\"dropdownContent\"\n  [odxDropdownDisabled]=\"isDisabled || isReadonly\"\n  [odxDropdownOptions]=\"{ matchReferenceWidth: true, offset: 4, outerPadding: 10, position: 'bottom-start' }\"\n  [odxDropdownReferenceElement]=\"dropdownReferenceElement\"\n  [odxDropdownShowLoader]=\"isLoading\"\n  [odxDropdownOpenTrigger]=\"dropdownOpenTriggers\"\n  [odxDropdownClickOutsideActive]=\"false\"\n  (odxDropdownBeforeOpen)=\"onDropdownBeforeOpen()\"\n  (odxDropdownAfterOpen)=\"enableSmoothScroll()\"\n  (odxDropdownBeforeClose)=\"disableSmoothScroll()\"\n>\n  <ng-content select=\"input[odxAutocompleteControl]\"></ng-content>\n</div>\n<ng-template #dropdownContent>\n  <div class=\"odx-dropdown__option-list\" role=\"listbox\">\n    <ng-template [ngIf]=\"hasOptions\">\n      <ng-content></ng-content>\n    </ng-template>\n  </div>\n</ng-template>\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { BaseSearchFilterPipe } from '@odx/angular/cdk/autocomplete-control';\n\n@Pipe({\n  pure: false,\n  name: 'odxAutocompleteSearchFilter',\n  standalone: true,\n})\nexport class AutocompleteSearchFilterPipe extends BaseSearchFilterPipe implements PipeTransform {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { AutocompleteComponent } from './autocomplete.component';\nimport { AutocompleteOptionComponent } from './components';\nimport { AutocompleteInputControlDirective } from './directives';\nimport { AutocompleteSearchFilterPipe } from './pipes';\n\nconst modules = [AutocompleteComponent, AutocompleteInputControlDirective, AutocompleteSearchFilterPipe, AutocompleteOptionComponent];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class AutocompleteModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MAGa,oBAAoB,GAAG,IAAI,cAAc,CAAwB,6DAA6D;;ACYpI,IAAM,2BAA2B,GAAjC,MAAM,2BAA+B,SAAQ,aAAgB,CAAA;AAA7D,IAAA,WAAA,GAAA;;AACc,QAAA,IAAA,CAAA,mBAAmB,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;AAavE,KAAA;IAXiB,eAAe,GAAA;AAC7B,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;AAErB,QAAA,IAAI,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE;AACnC,YAAA,IAAI,CAAC,mBAAmB,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;AACrD,SAAA;KACF;IAES,YAAY,GAAA;AACpB,QAAA,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;KAC7C;+GAbU,2BAA2B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECfxC,6BACA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDSY,UAAU,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;AAKT,2BAA2B,GAAA,UAAA,CAAA;IATvC,YAAY,CAAC,qBAAqB,CAAC;AASvB,CAAA,EAAA,2BAA2B,CAcvC,CAAA;4FAdY,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBARvC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,yBAAyB,EAC1B,OAAA,EAAA,CAAC,UAAU,CAAC,EAEN,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6BAAA,EAAA,CAAA;;;AEE1C,IAAM,iCAAiC,GAAvC,MAAM,iCAAkC,SAAQ,qBAAqB,CAAA;AAArE,IAAA,WAAA,GAAA;;AACc,QAAA,IAAA,CAAA,kBAAkB,GAAG,kBAAkB,CAAC,MAAM,EAAE,CAAC;AACrE,KAAA;+GAFY,iCAAiC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iCAAiC,+JAHjC,CAAC,kBAAkB,CAAC,OAAO,EAAE,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;AAG9B,iCAAiC,GAAA,UAAA,CAAA;IAV7C,YAAY,CAAC,uBAAuB,CAAC;AAUzB,CAAA,EAAA,iCAAiC,CAE7C,CAAA;4FAFY,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAT7C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,+BAA+B;AACzC,oBAAA,IAAI,EAAE;AACJ,wBAAA,iBAAiB,EAAE,sCAAsC;AAC1D,qBAAA;AACD,oBAAA,SAAS,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,CAAC;oBACzC,cAAc,EAAE,CAAC,YAAY,CAAC;AAC/B,iBAAA,CAAA;;;;ACSD;;;;;;;;AAQG;AAqBI,IAAM,qBAAqB,GAA3B,MAAM,qBAAmC,SAAQ,mBAA6B,CAAA;AAA9E,IAAA,WAAA,GAAA;;QACY,IAAwB,CAAA,wBAAA,GAAG,CAAC,CAAC;QAE3B,IAAqB,CAAA,qBAAA,GAAG,MAAM,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAQzE,IAAoB,CAAA,oBAAA,GAAG,EAAE,CAAC;AAiI3C,KAAA;;IA/HiB,eAAe,GAAA;QAC7B,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;AAE1B,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAClC,QAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACzC,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC3B;AAED;;;;AAIG;AACI,IAAA,YAAY,CAAC,MAA8C,EAAA;QAChE,IAAI,CAAC,MAAM,EAAE,KAAK;YAAE,OAAO;AAE3B,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC/B,QAAA,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAErC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAEvC,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;AAED;;AAEG;IACI,gBAAgB,GAAA;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,EAAO,CAAC,CAAC;AAC1B,QAAA,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC;KAC3B;AAES,IAAA,qBAAqB,CAAC,OAAkD,EAAA;AAChF,QAAA,OAAO,CAAC,OAAO;AACZ,aAAA,IAAI,CACH,GAAG,CAAC,MAAM,OAAO,CAAC,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,EACpD,MAAM,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,EACzB,IAAI,CAAC,kBAAkB,EAAE,CAC1B;aACA,SAAS,CAAC,MAAK;YACd,OAAO,CAAC,MAAM,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC;AAC/C,SAAC,CAAC,CAAC;KACN;IAES,wBAAwB,GAAA;;KAEjC;IAES,kBAAkB,GAAA;QAC1B,IAAI,CAAC,qBAAqB,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;KACjH;IAES,YAAY,GAAA;QACpB,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,qBAAqB,EAAE,CAAC;KAC9B;IAES,mBAAmB,GAAA;QAC3B,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACnC,IAAI,CAAC,aAAa,EAAE,CAAC;AACtB,SAAA;aAAM,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,UAAU,EAAE;YAC1C,IAAI,CAAC,YAAY,EAAE,CAAC;AACrB,SAAA;KACF;IAGS,gBAAgB,GAAA;AACxB,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;YACjC,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC7B,OAAO;AACR,SAAA;AAED,QAAA,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU;YAAE,OAAO;QAE/C,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,UAAU,EAAE;YACnC,IAAI,CAAC,YAAY,EAAE,CAAC;AACrB,SAAA;KACF;AAGS,IAAA,mBAAmB,CAAC,KAAoB,EAAA;AAChD,QAAA,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU;YAAE,OAAO;AAE/C,QAAA,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,UAAU,EAAE;YAClC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;gBAChD,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;gBACjC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,UAAwD,CAAC,CAAC;gBAC7F,OAAO;AACR,aAAA;AACF,SAAA;AAED,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;AACzB,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE,EAAO,CAAC;YAClD,OAAO;AACR,SAAA;QAED,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;YACvC,OAAO;AACR,SAAA;QAED,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,UAAU,EAAE;YACnC,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,OAAO;AACR,SAAA;AAED,QAAA,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;KACnC;IAES,sBAAsB,GAAA;QAC9B,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;KAC/D;IAES,oBAAoB,GAAA;QAC5B,IAAI,CAAC,sBAAsB,EAAE,CAAC;KAC/B;AAEO,IAAA,iBAAiB,CAAC,KAAQ,EAAA;QAChC,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO;AAE9B,QAAA,IAAI,CAAC,WAAW,CAAC,kBAAkB,GAAG,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAAK,KAAgB,CAAC;KACpF;IAEO,qBAAqB,GAAA;AAC3B,QAAA,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC;KAC1B;+GA3IU,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EAZrB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,oBAAA,EAAA,SAAA,EAAA,6BAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,oBAAoB;AAC7B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,uBAAqB,CAAC;AACrD,aAAA;AACD,YAAA;AACE,gBAAA,OAAO,EAAE,sBAAsB;AAC/B,gBAAA,WAAW,EAAE,oBAAoB;AAClC,aAAA;SACF,EAWa,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,iCAAiC,6DAH9B,2BAA2B,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzD9C,u6BAuBA,EDaY,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,iBAAiB,ucAA+B,oBAAoB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;AAgBnE,qBAAqB,GAAA,uBAAA,GAAA,UAAA,CAAA;IApBjC,YAAY,CAAC,cAAc,CAAC;AAoBhB,CAAA,EAAA,qBAAqB,CA4IjC,CAAA;4FA5IY,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAnBjC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YACN,kBAAkB,EAAA,OAAA,EACnB,CAAC,iBAAiB,EAAE,2BAA2B,EAAE,oBAAoB,CAAC,EAAA,aAAA,EAEhE,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,oBAAoB;AAC7B,4BAAA,WAAW,EAAE,UAAU,CAAC,2BAA2B,CAAC;AACrD,yBAAA;AACD,wBAAA;AACE,4BAAA,OAAO,EAAE,sBAAsB;AAC/B,4BAAA,WAAW,EAAE,oBAAoB;AAClC,yBAAA;qBACF,EACe,cAAA,EAAA,CAAC,qBAAqB,CAAC,EAAA,QAAA,EAAA,u6BAAA,EAAA,CAAA;8BAQhC,OAAO,EAAA,CAAA;sBADb,eAAe;uBAAC,2BAA2B,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI,EAAE,CAAA;gBAI3F,WAAW,EAAA,CAAA;sBADjB,YAAY;uBAAC,iCAAiC,CAAA;gBAuErC,gBAAgB,EAAA,CAAA;sBADzB,YAAY;uBAAC,OAAO,CAAA;gBAgBX,mBAAmB,EAAA,CAAA;sBAD5B,YAAY;uBAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAA;;;AEzI/B,MAAO,4BAA6B,SAAQ,oBAAoB,CAAA;+GAAzD,4BAA4B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;6GAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,6BAAA,EAAA,IAAA,EAAA,KAAA,EAAA,CAAA,CAAA,EAAA;;4FAA5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBALxC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,KAAK;AACX,oBAAA,IAAI,EAAE,6BAA6B;AACnC,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;;;ACAD,MAAM,OAAO,GAAG,CAAC,qBAAqB,EAAE,iCAAiC,EAAE,4BAA4B,EAAE,2BAA2B,CAAC,CAAC;MAMzH,kBAAkB,CAAA;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YANd,qBAAqB,EAAE,iCAAiC,EAAE,4BAA4B,EAAE,2BAA2B,CAIxH,EAAA,OAAA,EAAA,CAAA,UAAU,EAJL,qBAAqB,EAAE,iCAAiC,EAAE,4BAA4B,EAAE,2BAA2B,CAAA,EAAA,CAAA,CAAA,EAAA;AAMvH,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,EANd,OAAA,EAAA,CAAA,qBAAqB,EAAmE,2BAA2B,EAIxH,UAAU,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAET,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,OAAO;AAChB,oBAAA,OAAO,EAAE,CAAC,UAAU,EAAE,GAAG,OAAO,CAAC;AAClC,iBAAA,CAAA;;;ACZD;;AAEG;;;;"}
+{"version":3,"file":"odx-angular-components-autocomplete.mjs","sources":["../../../../libs/angular/components/autocomplete/src/lib/autocomplete.tokens.ts","../../../../libs/angular/components/autocomplete/src/lib/components/option/autocomplete-option.component.ts","../../../../libs/angular/components/autocomplete/src/lib/components/option/autocomplete-option.component.html","../../../../libs/angular/components/autocomplete/src/lib/directives/autocomplete-input-control.directive.ts","../../../../libs/angular/components/autocomplete/src/lib/autocomplete.component.ts","../../../../libs/angular/components/autocomplete/src/lib/autocomplete.component.html","../../../../libs/angular/components/autocomplete/src/lib/pipes/autocomplete-search-filter.pipe.ts","../../../../libs/angular/components/autocomplete/src/lib/autocomplete.module.ts","../../../../libs/angular/components/autocomplete/src/odx-angular-components-autocomplete.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { AutocompleteComponent } from './autocomplete.component';\n\nexport const AUTOCOMPLETE_CONTROL = new InjectionToken<AutocompleteComponent>('@odx/angular/components/autocomplete::AutocompleteComponent');\n","import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { OptionControl } from '@odx/angular/cdk/option-control';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { AUTOCOMPLETE_CONTROL } from '../../autocomplete.tokens';\n\n@CSSComponent('autocomplete-option')\n@Component({\n  standalone: true,\n  selector: 'odx-autocomplete-option',\n  imports: [CoreModule],\n  templateUrl: './autocomplete-option.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AutocompleteOptionComponent<T> extends OptionControl<T> {\n  protected readonly autocompleteControl = inject(AUTOCOMPLETE_CONTROL);\n\n  public override setActiveStyles(): void {\n    this.isActive = true;\n\n    if (this.autocompleteControl.isOpen) {\n      this.autocompleteControl.scrollOptionIntoView(this);\n    }\n  }\n\n  protected selectOption(): void {\n    this.autocompleteControl.selectOption(this);\n  }\n}\n","<ng-content></ng-content>\n","import { Directive } from '@angular/core';\nimport { ReadonlyController, WithTabIndex } from '@odx/angular';\nimport { InputControlDirective } from '@odx/angular/cdk/custom-form-control';\nimport { CSSComponent } from '@odx/angular/internal';\n\n@CSSComponent('autocomplete__control')\n@Directive({\n  standalone: true,\n  selector: 'input[odxAutocompleteControl]',\n  host: {\n    '[attr.readonly]': 'readonlyController?.readonly || null',\n  },\n  providers: [ReadonlyController.connect()],\n  hostDirectives: [WithTabIndex],\n})\nexport class AutocompleteInputControlDirective extends InputControlDirective {\n  protected readonly readonlyController = ReadonlyController.inject();\n}\n","import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  ContentChildren,\n  forwardRef,\n  HostListener,\n  inject,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ClickOutsideDirective } from '@odx/angular';\nimport { AutocompleteControl, ODX_SEARCH_FILTER_HOST } from '@odx/angular/cdk/autocomplete-control';\nimport { DropdownDirective } from '@odx/angular/components/dropdown';\nimport { LoadingSpinnerModule } from '@odx/angular/components/loading-spinner';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { deferFn } from '@odx/angular/utils';\nimport { filter, tap } from 'rxjs';\nimport { AUTOCOMPLETE_CONTROL } from './autocomplete.tokens';\nimport { AutocompleteOptionComponent } from './components';\nimport { AutocompleteInputControlDirective } from './directives';\n\n/**\n * Represents an autocomplete component that provides user interface for a dropdown list to select from as users type.\n * It extends `AutocompleteControl`, integrating custom logic for handling keyboard and mouse events,\n * managing the dropdown state, and updating the associated search field.\n *\n * @see {AutocompleteControl}\n *\n * @template T The type of the value handled by the autocomplete.\n */\n@CSSComponent('autocomplete')\n@Component({\n  standalone: true,\n  selector: 'odx-autocomplete',\n  imports: [DropdownDirective, AutocompleteOptionComponent, LoadingSpinnerModule],\n  templateUrl: './autocomplete.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: AUTOCOMPLETE_CONTROL,\n      useExisting: forwardRef(() => AutocompleteComponent),\n    },\n    {\n      provide: ODX_SEARCH_FILTER_HOST,\n      useExisting: AUTOCOMPLETE_CONTROL,\n    },\n  ],\n  hostDirectives: [ClickOutsideDirective],\n})\nexport class AutocompleteComponent<T = unknown> extends AutocompleteControl<T | null> implements AfterViewInit {\n  private readonly defaultActiveOptionIndex = 0;\n  private patchValueFlag = false;\n  protected readonly clickOutsideDirective = inject(ClickOutsideDirective, { host: true });\n\n  @ContentChildren(AutocompleteOptionComponent, { descendants: true, emitDistinctChangesOnly: true })\n  public options?: QueryList<AutocompleteOptionComponent<T>>;\n\n  @ContentChild(AutocompleteInputControlDirective)\n  public searchField?: AutocompleteInputControlDirective;\n\n  public readonly dropdownOpenTriggers = [];\n\n  public override ngAfterViewInit(): void {\n    if (!this.options) return;\n\n    this.initKeyManager(this.options);\n    this.handleQueryListOption(this.options);\n    this.handleSearchFieldChanges();\n    this.handleClickOutside();\n  }\n\n  /**\n   * Selects an option, updates the value, updates the search field display, emits the selected value, and closes the dropdown.\n   *\n   * @param option The option component to select. If the option is undefined or its value is undefined, no action is taken.\n   */\n  public selectOption(option?: AutocompleteOptionComponent<T> | null): void {\n    if (!option?.value) return;\n\n    this.updateValue(option.value);\n    this.updateSearchField(option.value);\n\n    this.optionSelected.emit(option.value);\n\n    this.closeDropdown();\n  }\n\n  /**\n   * Resets the search field to its initial state and updates the value of the autocomplete to an empty string or initial value.\n   */\n  public resetSearchField(): void {\n    this.updateValue('' as T);\n    this.searchField?.reset();\n  }\n\n  protected handleQueryListOption(options: QueryList<AutocompleteOptionComponent<T>>): void {\n    options.changes\n      .pipe(\n        tap(() => deferFn(() => this.updateDropdownState())),\n        filter(() => this.isOpen),\n        this.takeUntilDestroyed(),\n      )\n      .subscribe(() => {\n        deferFn(() => this.activateSelectedOption());\n      });\n  }\n\n  protected handleSearchFieldChanges(): void {\n    this.searchField?.valueChange$.pipe(this.takeUntilDestroyed()).subscribe(() => this.triggerControllerChange());\n  }\n\n  protected handleClickOutside(): void {\n    this.clickOutsideDirective.odxClickOutside.pipe(this.takeUntilDestroyed()).subscribe(() => this.clickOutside());\n  }\n\n  protected clickOutside(): void {\n    this.closeDropdown();\n    this.blurSelectSearchField();\n  }\n\n  protected updateDropdownState(): void {\n    if (this.patchValueFlag) {\n      this.patchValueFlag = false;\n      return;\n    }\n\n    if (this.isOpen && !this.hasOptions) {\n      this.closeDropdown();\n    } else if (!this.isOpen && this.hasOptions) {\n      this.openDropdown();\n    }\n  }\n\n  @HostListener('click')\n  protected handleClickEvent() {\n    if (this.isLoading && this.isOpen) {\n      this.closeDropdown();\n      this.blurSelectSearchField();\n      return;\n    }\n\n    if (this.isReadonly || this.isDisabled) return;\n\n    if (!this.isOpen && this.hasOptions) {\n      this.openDropdown();\n    }\n  }\n\n  @HostListener('keydown', ['$event'])\n  protected handleKeyboardEvent(event: KeyboardEvent) {\n    if (this.isReadonly || this.isDisabled) return;\n\n    if (this.isOpen && this.hasOptions) {\n      if (event.key === 'Enter' || event.key === 'Tab') {\n        event.preventDefault();\n        event.stopImmediatePropagation();\n        this.selectOption(this.keyManager?.activeItem as AutocompleteOptionComponent<T> | undefined);\n        return;\n      }\n    }\n\n    if (event.key === 'Enter' && !!this.value) {\n      this.optionSelected.emit(this.value as T);\n      return;\n    }\n\n    if (!this.isOpen && event.key === 'Tab') {\n      return;\n    }\n\n    if (!this.isOpen && this.hasOptions) {\n      this.openDropdown();\n      return;\n    }\n\n    this.keyManager?.onKeydown(event);\n  }\n\n  protected activateSelectedOption(): void {\n    this.keyManager?.setActiveItem(this.defaultActiveOptionIndex);\n  }\n\n  protected onDropdownBeforeOpen(): void {\n    this.activateSelectedOption();\n  }\n\n  private updateSearchField(value: T): void {\n    if (!this.searchField) return;\n    this.patchValueFlag = true;\n    this.searchField.nativeElementValue = this.stringify?.(value) ?? (value as string);\n  }\n\n  private blurSelectSearchField(): void {\n    this.searchField?.blur();\n  }\n}\n","<div\n  aria-haspopup=\"listbox\"\n  class=\"odx-autocomplete__trigger\"\n  [odxDropdown]=\"dropdownContent\"\n  [odxDropdownDisabled]=\"isDisabled || isReadonly\"\n  [odxDropdownOptions]=\"{ matchReferenceWidth: true, offset: 4, outerPadding: 10, position: 'bottom-start' }\"\n  [odxDropdownReferenceElement]=\"dropdownReferenceElement\"\n  [odxDropdownShowLoader]=\"isLoading\"\n  [odxDropdownOpenTrigger]=\"dropdownOpenTriggers\"\n  [odxDropdownClickOutsideActive]=\"false\"\n  (odxDropdownBeforeOpen)=\"onDropdownBeforeOpen()\"\n  (odxDropdownAfterOpen)=\"enableSmoothScroll()\"\n  (odxDropdownBeforeClose)=\"disableSmoothScroll()\"\n>\n  <ng-content select=\"input[odxAutocompleteControl]\"></ng-content>\n</div>\n<ng-template #dropdownContent>\n  <div class=\"odx-dropdown__option-list\" role=\"listbox\">\n    <ng-template [ngIf]=\"hasOptions\">\n      <ng-content></ng-content>\n    </ng-template>\n  </div>\n</ng-template>\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { BaseSearchFilterPipe } from '@odx/angular/cdk/autocomplete-control';\n\n@Pipe({\n  pure: false,\n  name: 'odxAutocompleteSearchFilter',\n  standalone: true,\n})\nexport class AutocompleteSearchFilterPipe extends BaseSearchFilterPipe implements PipeTransform {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { AutocompleteComponent } from './autocomplete.component';\nimport { AutocompleteOptionComponent } from './components';\nimport { AutocompleteInputControlDirective } from './directives';\nimport { AutocompleteSearchFilterPipe } from './pipes';\n\nconst modules = [AutocompleteComponent, AutocompleteInputControlDirective, AutocompleteSearchFilterPipe, AutocompleteOptionComponent];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class AutocompleteModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/odx-angular-components-checkbox.mjs

@@ -14,7 +14,7 @@ import { CheckboxRequiredValidator, NG_VALIDATORS } from '@angular/forms';
  * @extends {CheckBoxControl}
  *
  * @remarks
- * To add subtitle text to the checkbox, use class `odx-checkbox__subtitle` in templates content.
+ * To add subtitle text to the checkbox, use class `odx-checkbox__subtitle` in template's content.
  *
  * @example
  * ```html

package/fesm2022/odx-angular-components-checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-checkbox.mjs","sources":["../../../../libs/angular/components/checkbox/src/lib/checkbox.component.ts","../../../../libs/angular/components/checkbox/src/lib/checkbox.component.html","../../../../libs/angular/components/checkbox/src/lib/checkbox.validator.ts","../../../../libs/angular/components/checkbox/src/lib/checkbox.module.ts","../../../../libs/angular/components/checkbox/src/odx-angular-components-checkbox.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { ReadonlyController, WithDisabledState } from '@odx/angular';\nimport { CheckBoxControl } from '@odx/angular/cdk/checkbox-control';\nimport { ControlDirective } from '@odx/angular/cdk/custom-form-control';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\n\n/**\n * Represents a checkbox component.\n * @extends {CheckBoxControl}\n *\n * @remarks\n * To add subtitle text to the checkbox, use class `odx-checkbox__subtitle` in templates content.\n *\n * @example\n * ```html\n * <odx-checkbox [(checked)]=\"isChecked\">\n *  Checkbox label\n *  <span class=\"odx-checkbox__subtitle\">Subtitle text</span>\n * </odx-checkbox>\n * ```\n */\n@CSSComponent('checkbox')\n@Component({\n  standalone: true,\n  selector: 'odx-checkbox',\n  templateUrl: 'checkbox.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [IconComponent, ControlDirective],\n  providers: [ReadonlyController.connect()],\n  hostDirectives: [WithDisabledState],\n  host: {\n    '[class.is-active]': 'checked || indeterminate',\n  },\n})\nexport class CheckboxComponent extends CheckBoxControl {\n  private isIndeterminate = false;\n\n  /**\n   * Gets or sets a value indicating whether the checkbox is in an indeterminate state.\n   * @remarks\n   * The indeterminate state is typically used when the checkbox represents a group of checkboxes\n   * and not all of them are checked or unchecked.\n   */\n  @CSSModifier()\n  @Input({ transform: booleanAttribute })\n  public set indeterminate(value: boolean) {\n    if (this.isIndeterminate !== value) {\n      this.isIndeterminate = value;\n      this.indeterminateChange.emit(this.isIndeterminate);\n    }\n  }\n\n  public get indeterminate(): boolean {\n    return this.isIndeterminate;\n  }\n\n  /**\n   * Emits a boolean value when the indeterminate state of the checkbox changes.\n   */\n  @Output()\n  public readonly indeterminateChange = new EventEmitter<boolean>();\n\n  /**\n   * Gets the value of the `ariaChecked` attribute.\n   * @returns The value of the `ariaChecked` attribute as a string.\n   */\n  public override get ariaChecked(): string {\n    return this.checked ? 'true' : this.indeterminate ? 'mixed' : 'false';\n  }\n\n  /**\n   * Gets the modifier icon for the checkbox component.\n   * @returns 'minus' if the checkbox is in indeterminate state, otherwise returns 'check'.\n   */\n  public get modifierIcon(): string {\n    return this.indeterminate ? 'minus' : 'check';\n  }\n\n  public override onChanged(event: Event): void {\n    event.stopPropagation();\n    this.indeterminate = false;\n    super.updateValue((event.target as HTMLInputElement).checked);\n    this.checkedChange.next(this.checked);\n  }\n}\n","<label class=\"odx-checkbox__label\">\n  <input\n    odxControl\n    class=\"odx-checkbox__input\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"hasError || null\"\n    [attr.aria-readonly]=\"isReadonly || null\"\n    [attr.aria-required]=\"isRequired || null\"\n    [attr.tabindex]=\"tabindex || null\"\n    [checked]=\"checked\"\n    [disabled]=\"isDisabled || isReadonly\"\n    [indeterminate]=\"indeterminate\"\n    [name]=\"name\"\n    [readonly]=\"isReadonly\"\n    [value]=\"value\"\n    type=\"checkbox\"\n    (blur)=\"onTouched()\"\n    (change)=\"onChanged($event)\"\n  />\n  <div class=\"odx-checkbox__indicator\">\n    <odx-icon [name]=\"modifierIcon\" iconSet=\"core\" />\n  </div>\n  <div class=\"odx-checkbox__content\">\n    <ng-content />\n    <ng-content select=\".odx-checkbox__subtitle\" />\n  </div>\n</label>\n","import { Directive, forwardRef } from '@angular/core';\nimport { CheckboxRequiredValidator, NG_VALIDATORS } from '@angular/forms';\n\n/**\n * A directive that extends Angular's `CheckboxRequiredValidator` for use with `odx-checkbox` components,\n * enforcing required validation. This directive ensures that an `odx-checkbox` marked as required\n * is checked in order to be considered valid within a form.\n *\n * The directive is automatically applied to `odx-checkbox` elements that have the `required` attribute\n * along with either `formControlName`, `formControl`, or `ngModel` directives, making it integrate seamlessly\n * with both reactive and template-driven forms.\n *\n * @example\n * ```html\n * <!-- In a reactive form -->\n * <odx-checkbox formControlName=\"acceptTerms\" required></odx-checkbox>\n *\n * <!-- In a template-driven form -->\n * <odx-checkbox [(ngModel)]=\"acceptTerms\" name=\"acceptTerms\" required></odx-checkbox>\n * ```\n *\n * By using this directive, forms containing `odx-checkbox` components with the required validation\n * will ensure the checkbox is checked before considering the form valid.\n *\n * @extends {CheckboxRequiredValidator} Inherits the behavior of Angular's `CheckboxRequiredValidator`.\n */\n@Directive({\n  standalone: true,\n  selector: 'odx-checkbox[required][formControlName], odx-checkbox[required][formControl], odx-checkbox[required][ngModel]',\n  providers: [\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => CheckboxValidator),\n      multi: true,\n    },\n  ],\n})\nexport class CheckboxValidator extends CheckboxRequiredValidator {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { CheckboxComponent } from './checkbox.component';\nimport { CheckboxValidator } from './checkbox.validator';\n\nconst modules = [CheckboxComponent, CheckboxValidator];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class CheckboxModule {}\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-components-checkbox.mjs","sources":["../../../../libs/angular/components/checkbox/src/lib/checkbox.component.ts","../../../../libs/angular/components/checkbox/src/lib/checkbox.component.html","../../../../libs/angular/components/checkbox/src/lib/checkbox.validator.ts","../../../../libs/angular/components/checkbox/src/lib/checkbox.module.ts","../../../../libs/angular/components/checkbox/src/odx-angular-components-checkbox.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { ReadonlyController, WithDisabledState } from '@odx/angular';\nimport { CheckBoxControl } from '@odx/angular/cdk/checkbox-control';\nimport { ControlDirective } from '@odx/angular/cdk/custom-form-control';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\n\n/**\n * Represents a checkbox component.\n * @extends {CheckBoxControl}\n *\n * @remarks\n * To add subtitle text to the checkbox, use class `odx-checkbox__subtitle` in template's content.\n *\n * @example\n * ```html\n * <odx-checkbox [(checked)]=\"isChecked\">\n *  Checkbox label\n *  <span class=\"odx-checkbox__subtitle\">Subtitle text</span>\n * </odx-checkbox>\n * ```\n */\n@CSSComponent('checkbox')\n@Component({\n  standalone: true,\n  selector: 'odx-checkbox',\n  templateUrl: 'checkbox.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [IconComponent, ControlDirective],\n  providers: [ReadonlyController.connect()],\n  hostDirectives: [WithDisabledState],\n  host: {\n    '[class.is-active]': 'checked || indeterminate',\n  },\n})\nexport class CheckboxComponent extends CheckBoxControl {\n  private isIndeterminate = false;\n\n  /**\n   * Gets or sets a value indicating whether the checkbox is in an indeterminate state.\n   * @remarks\n   * The indeterminate state is typically used when the checkbox represents a group of checkboxes\n   * and not all of them are checked or unchecked.\n   */\n  @CSSModifier()\n  @Input({ transform: booleanAttribute })\n  public set indeterminate(value: boolean) {\n    if (this.isIndeterminate !== value) {\n      this.isIndeterminate = value;\n      this.indeterminateChange.emit(this.isIndeterminate);\n    }\n  }\n\n  public get indeterminate(): boolean {\n    return this.isIndeterminate;\n  }\n\n  /**\n   * Emits a boolean value when the indeterminate state of the checkbox changes.\n   */\n  @Output()\n  public readonly indeterminateChange = new EventEmitter<boolean>();\n\n  /**\n   * Gets the value of the `ariaChecked` attribute.\n   * @returns The value of the `ariaChecked` attribute as a string.\n   */\n  public override get ariaChecked(): string {\n    return this.checked ? 'true' : this.indeterminate ? 'mixed' : 'false';\n  }\n\n  /**\n   * Gets the modifier icon for the checkbox component.\n   * @returns 'minus' if the checkbox is in indeterminate state, otherwise returns 'check'.\n   */\n  public get modifierIcon(): string {\n    return this.indeterminate ? 'minus' : 'check';\n  }\n\n  public override onChanged(event: Event): void {\n    event.stopPropagation();\n    this.indeterminate = false;\n    super.updateValue((event.target as HTMLInputElement).checked);\n    this.checkedChange.next(this.checked);\n  }\n}\n","<label class=\"odx-checkbox__label\">\n  <input\n    odxControl\n    class=\"odx-checkbox__input\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"hasError || null\"\n    [attr.aria-readonly]=\"isReadonly || null\"\n    [attr.aria-required]=\"isRequired || null\"\n    [attr.tabindex]=\"tabindex || null\"\n    [checked]=\"checked\"\n    [disabled]=\"isDisabled || isReadonly\"\n    [indeterminate]=\"indeterminate\"\n    [name]=\"name\"\n    [readonly]=\"isReadonly\"\n    [value]=\"value\"\n    type=\"checkbox\"\n    (blur)=\"onTouched()\"\n    (change)=\"onChanged($event)\"\n  />\n  <div class=\"odx-checkbox__indicator\">\n    <odx-icon [name]=\"modifierIcon\" iconSet=\"core\" />\n  </div>\n  <div class=\"odx-checkbox__content\">\n    <ng-content />\n    <ng-content select=\".odx-checkbox__subtitle\" />\n  </div>\n</label>\n","import { Directive, forwardRef } from '@angular/core';\nimport { CheckboxRequiredValidator, NG_VALIDATORS } from '@angular/forms';\n\n/**\n * A directive that extends Angular's `CheckboxRequiredValidator` for use with `odx-checkbox` components,\n * enforcing required validation. This directive ensures that an `odx-checkbox` marked as required\n * is checked in order to be considered valid within a form.\n *\n * The directive is automatically applied to `odx-checkbox` elements that have the `required` attribute\n * along with either `formControlName`, `formControl`, or `ngModel` directives, making it integrate seamlessly\n * with both reactive and template-driven forms.\n *\n * @example\n * ```html\n * <!-- In a reactive form -->\n * <odx-checkbox formControlName=\"acceptTerms\" required></odx-checkbox>\n *\n * <!-- In a template-driven form -->\n * <odx-checkbox [(ngModel)]=\"acceptTerms\" name=\"acceptTerms\" required></odx-checkbox>\n * ```\n *\n * By using this directive, forms containing `odx-checkbox` components with the required validation\n * will ensure the checkbox is checked before considering the form valid.\n *\n * @extends {CheckboxRequiredValidator} Inherits the behavior of Angular's `CheckboxRequiredValidator`.\n */\n@Directive({\n  standalone: true,\n  selector: 'odx-checkbox[required][formControlName], odx-checkbox[required][formControl], odx-checkbox[required][ngModel]',\n  providers: [\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => CheckboxValidator),\n      multi: true,\n    },\n  ],\n})\nexport class CheckboxValidator extends CheckboxRequiredValidator {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { CheckboxComponent } from './checkbox.component';\nimport { CheckboxValidator } from './checkbox.validator';\n\nconst modules = [CheckboxComponent, CheckboxValidator];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class CheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/odx-angular-components-radio-group.mjs

@@ -8,6 +8,23 @@ import { RadioControlDirective, RadioGroupControlDirective, RADIO_GROUP_CONTROL
 import { CSSModifier, CSSComponent } from '@odx/angular/internal';
 import { injectElement } from '@odx/angular/utils';
 
+/**
+ * Represents a radio button component.
+ * @extends {RadioControlDirective<T>}
+ *
+ * @remarks
+ * To add subtitle text to the radio button, use class `odx-radio-button__subtitle` in template's content.
+ *
+ * @example
+ * ```html
+ * <odx-radio-group>
+ *  <odx-radio-button [value]="'a'" >
+ *   Radio button label
+ *   <span class="odx-radio-button__subtitle">Subtitle text</span>
+ *  </odx-radio-button>
+ * </odx-radio-group>
+ * ```
+ */
 let RadioButtonComponent = class RadioButtonComponent extends RadioControlDirective {
     constructor() {
         super(...arguments);
@@ -21,7 +38,7 @@ let RadioButtonComponent = class RadioButtonComponent extends RadioControlDirect
         this.withLabel = !!this.contentElement.nativeElement.textContent?.trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioButtonComponent, isStandalone: true, selector: "odx-radio-button", providers: [DisabledController.connect(), ReadonlyController.connect()], viewQueries: [{ propertyName: "contentElement", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<label class=\"odx-radio-button__label\">\n  <input\n    class=\"odx-radio-button__input\"\n    type=\"radio\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"radioGroupControl.hasError || null\"\n    [attr.aria-readonly]=\"readonlyController?.readonly || null\"\n    [attr.aria-required]=\"radioGroupControl.isRequired || null\"\n    [checked]=\"isActive\"\n    [disabled]=\"disabledController?.disabled || readonlyController?.readonly\"\n    [name]=\"radioGroupControl.name\"\n    [readonly]=\"readonlyController?.readonly\"\n    [required]=\"radioGroupControl.isRequired\"\n    [value]=\"value\"\n    (change)=\"radioGroupControl.updateValue(value)\"\n  />\n  <div class=\"odx-radio-button__indicator\"></div>\n  <div class=\"odx-radio-button__content\" [cdkObserveContentDisabled]=\"disabledController?.disabled\" (cdkObserveContent)=\"onContentChange()\" #content>\n    <ng-content></ng-content>\n  </div>\n</label>\n", dependencies: [{ kind: "ngmodule", type: ObserversModule }, { kind: "directive", type: i1.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioButtonComponent, isStandalone: true, selector: "odx-radio-button", providers: [DisabledController.connect(), ReadonlyController.connect()], viewQueries: [{ propertyName: "contentElement", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<label class=\"odx-radio-button__label\">\n  <input\n    class=\"odx-radio-button__input\"\n    type=\"radio\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"radioGroupControl.hasError || null\"\n    [attr.aria-readonly]=\"readonlyController?.readonly || null\"\n    [attr.aria-required]=\"radioGroupControl.isRequired || null\"\n    [checked]=\"isActive\"\n    [disabled]=\"disabledController?.disabled || readonlyController?.readonly\"\n    [name]=\"radioGroupControl.name\"\n    [readonly]=\"readonlyController?.readonly\"\n    [required]=\"radioGroupControl.isRequired\"\n    [value]=\"value\"\n    (change)=\"radioGroupControl.updateValue(value)\"\n  />\n  <div class=\"odx-radio-button__indicator\"></div>\n  <div class=\"odx-radio-button__content\" [cdkObserveContentDisabled]=\"disabledController?.disabled\" (cdkObserveContent)=\"onContentChange()\" #content>\n    <ng-content></ng-content>\n    <ng-content select=\".odx-radio-button__subtitle\" />\n  </div>\n</label>\n", dependencies: [{ kind: "ngmodule", type: ObserversModule }, { kind: "directive", type: i1.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 __decorate([
     CSSModifier(),
@@ -32,7 +49,7 @@ RadioButtonComponent = __decorate([
 ], RadioButtonComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'odx-radio-button', imports: [ObserversModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [DisabledController.connect(), ReadonlyController.connect()], template: "<label class=\"odx-radio-button__label\">\n  <input\n    class=\"odx-radio-button__input\"\n    type=\"radio\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"radioGroupControl.hasError || null\"\n    [attr.aria-readonly]=\"readonlyController?.readonly || null\"\n    [attr.aria-required]=\"radioGroupControl.isRequired || null\"\n    [checked]=\"isActive\"\n    [disabled]=\"disabledController?.disabled || readonlyController?.readonly\"\n    [name]=\"radioGroupControl.name\"\n    [readonly]=\"readonlyController?.readonly\"\n    [required]=\"radioGroupControl.isRequired\"\n    [value]=\"value\"\n    (change)=\"radioGroupControl.updateValue(value)\"\n  />\n  <div class=\"odx-radio-button__indicator\"></div>\n  <div class=\"odx-radio-button__content\" [cdkObserveContentDisabled]=\"disabledController?.disabled\" (cdkObserveContent)=\"onContentChange()\" #content>\n    <ng-content></ng-content>\n  </div>\n</label>\n" }]
+            args: [{ standalone: true, selector: 'odx-radio-button', imports: [ObserversModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [DisabledController.connect(), ReadonlyController.connect()], template: "<label class=\"odx-radio-button__label\">\n  <input\n    class=\"odx-radio-button__input\"\n    type=\"radio\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"radioGroupControl.hasError || null\"\n    [attr.aria-readonly]=\"readonlyController?.readonly || null\"\n    [attr.aria-required]=\"radioGroupControl.isRequired || null\"\n    [checked]=\"isActive\"\n    [disabled]=\"disabledController?.disabled || readonlyController?.readonly\"\n    [name]=\"radioGroupControl.name\"\n    [readonly]=\"readonlyController?.readonly\"\n    [required]=\"radioGroupControl.isRequired\"\n    [value]=\"value\"\n    (change)=\"radioGroupControl.updateValue(value)\"\n  />\n  <div class=\"odx-radio-button__indicator\"></div>\n  <div class=\"odx-radio-button__content\" [cdkObserveContentDisabled]=\"disabledController?.disabled\" (cdkObserveContent)=\"onContentChange()\" #content>\n    <ng-content></ng-content>\n    <ng-content select=\".odx-radio-button__subtitle\" />\n  </div>\n</label>\n" }]
         }], propDecorators: { withLabel: [], contentElement: [{
                 type: ViewChild,
                 args: ['content']

package/fesm2022/odx-angular-components-radio-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-radio-group.mjs","sources":["../../../../libs/angular/components/radio-group/src/lib/components/radio-button/radio-button.component.ts","../../../../libs/angular/components/radio-group/src/lib/components/radio-button/radio-button.component.html","../../../../libs/angular/components/radio-group/src/lib/radio-group.component.ts","../../../../libs/angular/components/radio-group/src/lib/radio-group.component.html","../../../../libs/angular/components/radio-group/src/lib/radio-group.module.ts","../../../../libs/angular/components/radio-group/src/odx-angular-components-radio-group.ts"],"sourcesContent":["import { ObserversModule } from '@angular/cdk/observers';\nimport { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { DisabledController, ReadonlyController } from '@odx/angular';\nimport { RadioControlDirective } from '@odx/angular/cdk/radio-group-control';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('radio-button')\n@Component({\n  standalone: true,\n  selector: 'odx-radio-button',\n  templateUrl: './radio-button.component.html',\n  imports: [ObserversModule],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [DisabledController.connect(), ReadonlyController.connect()],\n})\nexport class RadioButtonComponent<T = unknown> extends RadioControlDirective<T> implements AfterViewInit {\n  @CSSModifier()\n  protected withLabel = false;\n\n  public readonly element = injectElement();\n\n  @ViewChild('content')\n  public contentElement!: ElementRef<HTMLDivElement>;\n\n  public ngAfterViewInit(): void {\n    this.onContentChange();\n  }\n\n  protected onContentChange() {\n    this.withLabel = !!this.contentElement.nativeElement.textContent?.trim();\n  }\n}\n","<label class=\"odx-radio-button__label\">\n  <input\n    class=\"odx-radio-button__input\"\n    type=\"radio\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"radioGroupControl.hasError || null\"\n    [attr.aria-readonly]=\"readonlyController?.readonly || null\"\n    [attr.aria-required]=\"radioGroupControl.isRequired || null\"\n    [checked]=\"isActive\"\n    [disabled]=\"disabledController?.disabled || readonlyController?.readonly\"\n    [name]=\"radioGroupControl.name\"\n    [readonly]=\"readonlyController?.readonly\"\n    [required]=\"radioGroupControl.isRequired\"\n    [value]=\"value\"\n    (change)=\"radioGroupControl.updateValue(value)\"\n  />\n  <div class=\"odx-radio-button__indicator\"></div>\n  <div class=\"odx-radio-button__content\" [cdkObserveContentDisabled]=\"disabledController?.disabled\" (cdkObserveContent)=\"onContentChange()\" #content>\n    <ng-content></ng-content>\n  </div>\n</label>\n","import { ChangeDetectionStrategy, Component, forwardRef, Input, ViewEncapsulation } from '@angular/core';\nimport { DisabledController, ReadonlyController } from '@odx/angular';\nimport { RADIO_GROUP_CONTROL, RadioGroupControlDirective } from '@odx/angular/cdk/radio-group-control';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n/**\n * RadioGroupComponent manages a group of radio buttons, providing Angular form control integration\n * and additional states like disabled and readonly. It supports both vertical and horizontal layouts.\n *\n * The component extends the `RadioGroupControlDirective`, which provides the core functionality for managing.\n * @see {RadioGroupControlDirective}\n */\n@CSSComponent('radio-group')\n@Component({\n  standalone: true,\n  selector: 'odx-radio-group',\n  templateUrl: 'radio-group.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: RADIO_GROUP_CONTROL,\n      useExisting: forwardRef(() => RadioGroupComponent),\n      multi: false,\n    },\n    DisabledController.connect(),\n    ReadonlyController.connect(),\n  ],\n})\nexport class RadioGroupComponent<T = unknown> extends RadioGroupControlDirective<T> {\n  public readonly element = injectElement();\n\n  /**\n   * Determines whether the radio buttons are arranged horizontally.\n   * When set to `true`, radio buttons are aligned side by side.\n   */\n  @CSSModifier()\n  @Input()\n  public horizontal = false;\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { RadioButtonComponent } from './components';\nimport { RadioGroupComponent } from './radio-group.component';\n\nconst modules = [RadioGroupComponent, RadioButtonComponent];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class RadioGroupModule {}\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-components-radio-group.mjs","sources":["../../../../libs/angular/components/radio-group/src/lib/components/radio-button/radio-button.component.ts","../../../../libs/angular/components/radio-group/src/lib/components/radio-button/radio-button.component.html","../../../../libs/angular/components/radio-group/src/lib/radio-group.component.ts","../../../../libs/angular/components/radio-group/src/lib/radio-group.component.html","../../../../libs/angular/components/radio-group/src/lib/radio-group.module.ts","../../../../libs/angular/components/radio-group/src/odx-angular-components-radio-group.ts"],"sourcesContent":["import { ObserversModule } from '@angular/cdk/observers';\nimport { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { DisabledController, ReadonlyController } from '@odx/angular';\nimport { RadioControlDirective } from '@odx/angular/cdk/radio-group-control';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n/**\n * Represents a radio button component.\n * @extends {RadioControlDirective<T>}\n *\n * @remarks\n * To add subtitle text to the radio button, use class `odx-radio-button__subtitle` in template's content.\n *\n * @example\n * ```html\n * <odx-radio-group>\n *  <odx-radio-button [value]=\"'a'\" >\n *   Radio button label\n *   <span class=\"odx-radio-button__subtitle\">Subtitle text</span>\n *  </odx-radio-button>\n * </odx-radio-group>\n * ```\n */\n@CSSComponent('radio-button')\n@Component({\n  standalone: true,\n  selector: 'odx-radio-button',\n  templateUrl: './radio-button.component.html',\n  imports: [ObserversModule],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [DisabledController.connect(), ReadonlyController.connect()],\n})\nexport class RadioButtonComponent<T = unknown> extends RadioControlDirective<T> implements AfterViewInit {\n  @CSSModifier()\n  protected withLabel = false;\n\n  public readonly element = injectElement();\n\n  @ViewChild('content')\n  public contentElement!: ElementRef<HTMLDivElement>;\n\n  public ngAfterViewInit(): void {\n    this.onContentChange();\n  }\n\n  protected onContentChange() {\n    this.withLabel = !!this.contentElement.nativeElement.textContent?.trim();\n  }\n}\n","<label class=\"odx-radio-button__label\">\n  <input\n    class=\"odx-radio-button__input\"\n    type=\"radio\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"radioGroupControl.hasError || null\"\n    [attr.aria-readonly]=\"readonlyController?.readonly || null\"\n    [attr.aria-required]=\"radioGroupControl.isRequired || null\"\n    [checked]=\"isActive\"\n    [disabled]=\"disabledController?.disabled || readonlyController?.readonly\"\n    [name]=\"radioGroupControl.name\"\n    [readonly]=\"readonlyController?.readonly\"\n    [required]=\"radioGroupControl.isRequired\"\n    [value]=\"value\"\n    (change)=\"radioGroupControl.updateValue(value)\"\n  />\n  <div class=\"odx-radio-button__indicator\"></div>\n  <div class=\"odx-radio-button__content\" [cdkObserveContentDisabled]=\"disabledController?.disabled\" (cdkObserveContent)=\"onContentChange()\" #content>\n    <ng-content></ng-content>\n    <ng-content select=\".odx-radio-button__subtitle\" />\n  </div>\n</label>\n","import { ChangeDetectionStrategy, Component, forwardRef, Input, ViewEncapsulation } from '@angular/core';\nimport { DisabledController, ReadonlyController } from '@odx/angular';\nimport { RADIO_GROUP_CONTROL, RadioGroupControlDirective } from '@odx/angular/cdk/radio-group-control';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n/**\n * RadioGroupComponent manages a group of radio buttons, providing Angular form control integration\n * and additional states like disabled and readonly. It supports both vertical and horizontal layouts.\n *\n * The component extends the `RadioGroupControlDirective`, which provides the core functionality for managing.\n * @see {RadioGroupControlDirective}\n */\n@CSSComponent('radio-group')\n@Component({\n  standalone: true,\n  selector: 'odx-radio-group',\n  templateUrl: 'radio-group.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: RADIO_GROUP_CONTROL,\n      useExisting: forwardRef(() => RadioGroupComponent),\n      multi: false,\n    },\n    DisabledController.connect(),\n    ReadonlyController.connect(),\n  ],\n})\nexport class RadioGroupComponent<T = unknown> extends RadioGroupControlDirective<T> {\n  public readonly element = injectElement();\n\n  /**\n   * Determines whether the radio buttons are arranged horizontally.\n   * When set to `true`, radio buttons are aligned side by side.\n   */\n  @CSSModifier()\n  @Input()\n  public horizontal = false;\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { RadioButtonComponent } from './components';\nimport { RadioGroupComponent } from './radio-group.component';\n\nconst modules = [RadioGroupComponent, RadioButtonComponent];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class RadioGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/odx-angular-components-select.mjs

@@ -97,7 +97,7 @@ let SelectOptionComponent = class SelectOptionComponent extends OptionControl {
         this.selectControl.selectOption(this);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.12", type: SelectOptionComponent, isStandalone: true, selector: "odx-select-option, odx-option", inputs: { notFoundMessage: ["notFoundMessage", "notFoundMessage", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, host: { properties: { "attr.aria-disabled": "disabled || null", "class.is-disabled": "disabled" } }, usesInheritance: true, ngImport: i0, template: "<odx-checkbox [checked]=\"isSelected\" *ngIf=\"selectControl.multiple && !notFoundMessage; else single\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</odx-checkbox>\n\n<ng-template #single>\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CheckboxComponent, selector: "odx-checkbox", inputs: ["indeterminate"], outputs: ["indeterminateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.12", type: SelectOptionComponent, isStandalone: true, selector: "odx-select-option, odx-option", inputs: { notFoundMessage: ["notFoundMessage", "notFoundMessage", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, host: { properties: { "attr.aria-disabled": "disabled || null", "class.is-disabled": "disabled" } }, usesInheritance: true, ngImport: i0, template: "<odx-checkbox [checked]=\"isSelected\" [disabled]=\"disabled\" *ngIf=\"selectControl.multiple && !notFoundMessage; else single\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</odx-checkbox>\n\n<ng-template #single>\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "component", type: CheckboxComponent, selector: "odx-checkbox", inputs: ["indeterminate"], outputs: ["indeterminateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 SelectOptionComponent = __decorate([
     CSSComponent('select-option'),
@@ -108,7 +108,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             args: [{ standalone: true, selector: 'odx-select-option, odx-option', imports: [CoreModule, DynamicViewDirective, CheckboxComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.aria-disabled]': 'disabled || null',
                         '[class.is-disabled]': 'disabled',
-                    }, template: "<odx-checkbox [checked]=\"isSelected\" *ngIf=\"selectControl.multiple && !notFoundMessage; else single\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</odx-checkbox>\n\n<ng-template #single>\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n" }]
+                    }, template: "<odx-checkbox [checked]=\"isSelected\" [disabled]=\"disabled\" *ngIf=\"selectControl.multiple && !notFoundMessage; else single\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</odx-checkbox>\n\n<ng-template #single>\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { notFoundMessage: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -263,7 +263,7 @@ let SelectComponent = class SelectComponent extends AutocompleteControl {
             const value = this.multiple ? this.multipleSelectValueResolver(option) : option.value;
             this.updateValue(value ?? null);
         }
-        !this.multiple && this.closeDropdown();
+        !this.multiple && !option?.disabled && this.closeDropdown();
     }
     /**
      * Checks whether a given option is selected.
@@ -297,9 +297,9 @@ let SelectComponent = class SelectComponent extends AutocompleteControl {
         this.searchField?.valueChange$.pipe(this.takeUntilDestroyed()).subscribe(() => this.triggerControllerChange());
     }
     handleControllerEvent(event) {
-        if (this.isLoading || this.readonlyController?.readonly)
+        if (this.isLoading || this.readonlyController?.readonly || !this.isOpen)
             return;
-        if (this.isOpen && this.hasOptions) {
+        if (this.hasOptions) {
             if (event.key === 'Enter' || event.key === 'Tab') {
                 event.preventDefault();
                 event.stopImmediatePropagation();