@odx/angular 1.0.0-rc.6 → 1.0.0-rc.8

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

@@ -2,6 +2,7 @@ import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, reflectComponentType, ApplicationRef, createComponent, EnvironmentInjector, InjectionToken, inject, Injector, Injectable, ViewContainerRef, TemplateRef, Directive } from '@angular/core';
 import { injectElement, isString, isViewContainer, getInjector, isTemplateRef, isComponent, hasChanged } from '@odx/angular/utils';
 import { isObservable, distinctUntilChanged } from 'rxjs';
+import { deepmerge } from 'deepmerge-ts';
 import { DOCUMENT } from '@angular/common';
 
 class DynamicViewComponent {
@@ -97,8 +98,9 @@ class DynamicComponentRef {
         return this.componentRef?.location.nativeElement ?? null;
     }
     update(context) {
-        for (const key in context) {
-            this.componentRef?.setInput(key, context[key]);
+        this.options.context = deepmerge(this.options.context, context);
+        for (const key in this.options.context) {
+            this.componentRef?.setInput(key, this.options.context[key]);
         }
     }
     getContext() {
@@ -134,8 +136,9 @@ class DynamicTemplateRef {
         return this.embeddedViewRef?.rootNodes?.[0] ?? null;
     }
     update(context) {
+        this.options.context = deepmerge(this.options.context, context);
         if (this.embeddedViewRef) {
-            this.embeddedViewRef.context = context;
+            this.embeddedViewRef.context = this.options.context;
             this.detectChanges();
         }
     }

package/fesm2020/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\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\nexport function isDynamicTextContent(value: unknown): value is DynamicTextContent {\n  return isString(value) || isObservable(value);\n}\n","import { ApplicationRef, ComponentRef, createComponent, EnvironmentInjector, Type, ViewRef } from '@angular/core';\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\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\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\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  public detectChanges(): void {\n    this.componentRef?.changeDetectorRef.detectChanges();\n  }\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  }\n\n  public getElement(): Element {\n    return this.componentRef?.location.nativeElement ?? null;\n  }\n\n  public update(context: C): void {\n    for (const key in context) {\n      this.componentRef?.setInput(key, context[key]);\n    }\n  }\n\n  public getContext(): GetDynamicViewContext<T> {\n    return this.options.context ?? {};\n  }\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 { 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\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  public detectChanges(): void {\n    this.embeddedViewRef?.detectChanges();\n  }\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  public getElement(): Element {\n    return this.embeddedViewRef?.rootNodes?.[0] ?? null;\n  }\n\n  public update(context: GetDynamicViewContext<T>): void {\n    if (this.embeddedViewRef) {\n      this.embeddedViewRef.context = context;\n      this.detectChanges();\n    }\n  }\n\n  public getContext(): GetDynamicViewContext<T> {\n    return this.options.context ?? {};\n  }\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\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 { Injectable, Injector } from '@angular/core';\nimport { getInjector, 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@Injectable({ providedIn: 'root' })\nexport class DynamicViewService {\n  private readonly injector = getInjector();\n  private readonly defaultHost = getDynamicViewDefaultHost();\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@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  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('odxDynamicView')\n  public content?: T | DynamicViewRef<T> | null = null;\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('odxDynamicViewInjector')\n  public injector?: Injector;\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  public getView(): DynamicViewRef<T> | null {\n    return this.viewRef;\n  }\n\n  private render(reRender = true) {\n    if (!this.content) return;\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\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\nexport function isDynamicTextContent(value: unknown): value is DynamicTextContent {\n  return isString(value) || isObservable(value);\n}\n","import { ApplicationRef, ComponentRef, createComponent, EnvironmentInjector, Type, ViewRef } from '@angular/core';\nimport { isViewContainer } from '@odx/angular/utils';\nimport { deepmerge } from 'deepmerge-ts';\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\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\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\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  public detectChanges(): void {\n    this.componentRef?.changeDetectorRef.detectChanges();\n  }\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  }\n\n  public getElement(): Element {\n    return this.componentRef?.location.nativeElement ?? null;\n  }\n\n  public update(context: C): void {\n    this.options.context = deepmerge(this.options.context, context) as C;\n    for (const key in this.options.context) {\n      this.componentRef?.setInput(key, this.options.context[key]);\n    }\n  }\n\n  public getContext(): GetDynamicViewContext<T> {\n    return this.options.context ?? {};\n  }\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 { isViewContainer } from '@odx/angular/utils';\nimport { deepmerge } from 'deepmerge-ts';\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\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  public detectChanges(): void {\n    this.embeddedViewRef?.detectChanges();\n  }\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  public getElement(): Element {\n    return this.embeddedViewRef?.rootNodes?.[0] ?? null;\n  }\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  public getContext(): GetDynamicViewContext<T> {\n    return this.options.context ?? {};\n  }\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\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 { Injectable, Injector } from '@angular/core';\nimport { getInjector, 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@Injectable({ providedIn: 'root' })\nexport class DynamicViewService {\n  private readonly injector = getInjector();\n  private readonly defaultHost = getDynamicViewDefaultHost();\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@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  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('odxDynamicView')\n  public content?: T | DynamicViewRef<T> | null = null;\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('odxDynamicViewInjector')\n  public injector?: Injector;\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  public getView(): DynamicViewRef<T> | null {\n    return this.viewRef;\n  }\n\n  private render(reRender = true) {\n    if (!this.content) return;\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/fesm2020/odx-angular-components-accordion.mjs

@@ -51,7 +51,7 @@ let AccordionItemComponent = class AccordionItemComponent extends ExpandableItem
     }
 };
 AccordionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AccordionItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-AccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: AccordionItemComponent, isStandalone: true, selector: "odx-accordion-item", inputs: { title: "title" }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.is-disabled": "isDisabled", "class.odx-accordion-item--expanded": "isExpanded", "attr.id": "\"odx-accordion-item-\" + id", "attr.title": "null" } }, providers: [DisabledController.connect()], usesInheritance: true, ngImport: i0, template: "<div\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.tabindex]=\"isDisabled ? -1 : 0\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-disabled]=\"isDisabled\"\n  [attr.aria-controls]=\"slotId\"\n  (keydown.Space)=\"toggle()\"\n  (keydown.enter)=\"toggle()\"\n  (click)=\"toggle()\"\n>\n  <div *ngIf=\"title; else titleTpl\">\n    {{ title }}\n  </div>\n  <ng-template #titleTpl>\n    <ng-content select=\"odx-accordion-item-title\"></ng-content>\n  </ng-template>\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\"></odx-icon>\n</div>\n<div\n  class=\"odx-accordion-item__slot\"\n  [attr.id]=\"slotId\"\n  [attr.aria-labelledby]=\"titleId\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  *ngIf=\"isExpanded\"\n>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name"] }], animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: AccordionItemComponent, isStandalone: true, selector: "odx-accordion-item", inputs: { title: "title" }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.is-disabled": "isDisabled", "class.odx-accordion-item--expanded": "isExpanded", "attr.id": "\"odx-accordion-item-\" + id", "attr.title": "null" } }, providers: [DisabledController.connect()], usesInheritance: true, ngImport: i0, template: "<div\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.tabindex]=\"isDisabled ? -1 : 0\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-disabled]=\"isDisabled || null\"\n  [attr.aria-controls]=\"slotId\"\n  (keydown.Space)=\"toggle()\"\n  (keydown.enter)=\"toggle()\"\n  (click)=\"toggle()\"\n>\n  <div *ngIf=\"title; else titleTpl\">\n    {{ title }}\n  </div>\n  <ng-template #titleTpl>\n    <ng-content select=\"odx-accordion-item-title\"></ng-content>\n  </ng-template>\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\"></odx-icon>\n</div>\n<div\n  class=\"odx-accordion-item__slot\"\n  [attr.id]=\"slotId\"\n  [attr.aria-labelledby]=\"titleId\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  *ngIf=\"isExpanded\"\n>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name"] }], animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 AccordionItemComponent = __decorate([
     CSSComponent('accordion-item')
 ], AccordionItemComponent);
@@ -62,7 +62,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                         '[class.odx-accordion-item--expanded]': 'isExpanded',
                         '[attr.id]': '"odx-accordion-item-" + id',
                         '[attr.title]': 'null',
-                    }, animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], template: "<div\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.tabindex]=\"isDisabled ? -1 : 0\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-disabled]=\"isDisabled\"\n  [attr.aria-controls]=\"slotId\"\n  (keydown.Space)=\"toggle()\"\n  (keydown.enter)=\"toggle()\"\n  (click)=\"toggle()\"\n>\n  <div *ngIf=\"title; else titleTpl\">\n    {{ title }}\n  </div>\n  <ng-template #titleTpl>\n    <ng-content select=\"odx-accordion-item-title\"></ng-content>\n  </ng-template>\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\"></odx-icon>\n</div>\n<div\n  class=\"odx-accordion-item__slot\"\n  [attr.id]=\"slotId\"\n  [attr.aria-labelledby]=\"titleId\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  *ngIf=\"isExpanded\"\n>\n  <ng-content></ng-content>\n</div>\n" }]
+                    }, animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], template: "<div\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.tabindex]=\"isDisabled ? -1 : 0\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-disabled]=\"isDisabled || null\"\n  [attr.aria-controls]=\"slotId\"\n  (keydown.Space)=\"toggle()\"\n  (keydown.enter)=\"toggle()\"\n  (click)=\"toggle()\"\n>\n  <div *ngIf=\"title; else titleTpl\">\n    {{ title }}\n  </div>\n  <ng-template #titleTpl>\n    <ng-content select=\"odx-accordion-item-title\"></ng-content>\n  </ng-template>\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\"></odx-icon>\n</div>\n<div\n  class=\"odx-accordion-item__slot\"\n  [attr.id]=\"slotId\"\n  [attr.aria-labelledby]=\"titleId\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  *ngIf=\"isExpanded\"\n>\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { title: [{
                 type: Input
             }], expandedChange: [{

package/fesm2020/odx-angular-components-accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-accordion.mjs","sources":["../../../../libs/angular/components/accordion/src/lib/accordion.component.ts","../../../../libs/angular/components/accordion/src/lib/accordion.component.html","../../../../libs/angular/components/accordion/src/lib/components/accordion-item/accordion-item.component.ts","../../../../libs/angular/components/accordion/src/lib/components/accordion-item/accordion-item.component.html","../../../../libs/angular/components/accordion/src/lib/directives/accordion-item-title.ts","../../../../libs/angular/components/accordion/src/lib/accordion.module.ts","../../../../libs/angular/components/accordion/src/odx-angular-components-accordion.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { ExpandableContainer, ExpandableContainerDirective } from '@odx/angular/cdk/expandable';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('accordion')\n@Component({\n  selector: 'odx-accordion',\n  templateUrl: './accordion.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: ExpandableContainer, useExisting: AccordionComponent }],\n})\nexport class AccordionComponent extends ExpandableContainerDirective {\n  public readonly element = injectElement();\n}\n","<ng-content select=\"odx-accordion-item\"></ng-content>\n","import { transition, trigger, useAnimation } from '@angular/animations';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { CoreModule, DisabledController } from '@odx/angular';\nimport { collapse, expand } from '@odx/angular/animations';\nimport { ExpandableItemDirective } from '@odx/angular/cdk/expandable';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('accordion-item')\n@Component({\n  selector: 'odx-accordion-item',\n  templateUrl: './accordion-item.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [CoreModule, IconComponent],\n  providers: [DisabledController.connect()],\n  host: {\n    '[class.is-disabled]': 'isDisabled',\n    '[class.odx-accordion-item--expanded]': 'isExpanded',\n    '[attr.id]': '\"odx-accordion-item-\" + id',\n    '[attr.title]': 'null',\n  },\n  animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])],\n})\nexport class AccordionItemComponent extends ExpandableItemDirective {\n  private readonly disabledController = DisabledController.inject();\n  public readonly element = injectElement();\n\n  @Input()\n  public title?: string | null;\n\n  @Output()\n  public expandedChange: EventEmitter<boolean> = new EventEmitter();\n\n  public get isDisabled(): boolean {\n    return !!this.disabledController?.disabled;\n  }\n\n  public get isExpanded(): boolean {\n    return !this.isDisabled && this.expanded;\n  }\n\n  public get titleId(): string {\n    return `odx-accordion-item-title-${this.id}`;\n  }\n\n  public get slotId(): string {\n    return `odx-accordion-item-slot-${this.id}`;\n  }\n\n  public onAnimationEnd(): void {\n    this.expandedChange.emit(this.expanded);\n  }\n}\n","<div\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.tabindex]=\"isDisabled ? -1 : 0\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-disabled]=\"isDisabled\"\n  [attr.aria-controls]=\"slotId\"\n  (keydown.Space)=\"toggle()\"\n  (keydown.enter)=\"toggle()\"\n  (click)=\"toggle()\"\n>\n  <div *ngIf=\"title; else titleTpl\">\n    {{ title }}\n  </div>\n  <ng-template #titleTpl>\n    <ng-content select=\"odx-accordion-item-title\"></ng-content>\n  </ng-template>\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\"></odx-icon>\n</div>\n<div\n  class=\"odx-accordion-item__slot\"\n  [attr.id]=\"slotId\"\n  [attr.aria-labelledby]=\"titleId\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  *ngIf=\"isExpanded\"\n>\n  <ng-content></ng-content>\n</div>\n","import { Directive } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  selector: 'odx-accordion-item-title',\n})\nexport class AccordionItemTitleDirective {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { AccordionComponent } from './accordion.component';\nimport { AccordionItemComponent } from './components';\nimport { AccordionItemTitleDirective } from './directives';\n\nconst modules = [AccordionComponent, AccordionItemComponent, AccordionItemTitleDirective];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class AccordionModule {}\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-accordion.mjs","sources":["../../../../libs/angular/components/accordion/src/lib/accordion.component.ts","../../../../libs/angular/components/accordion/src/lib/accordion.component.html","../../../../libs/angular/components/accordion/src/lib/components/accordion-item/accordion-item.component.ts","../../../../libs/angular/components/accordion/src/lib/components/accordion-item/accordion-item.component.html","../../../../libs/angular/components/accordion/src/lib/directives/accordion-item-title.ts","../../../../libs/angular/components/accordion/src/lib/accordion.module.ts","../../../../libs/angular/components/accordion/src/odx-angular-components-accordion.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { ExpandableContainer, ExpandableContainerDirective } from '@odx/angular/cdk/expandable';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('accordion')\n@Component({\n  selector: 'odx-accordion',\n  templateUrl: './accordion.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: ExpandableContainer, useExisting: AccordionComponent }],\n})\nexport class AccordionComponent extends ExpandableContainerDirective {\n  public readonly element = injectElement();\n}\n","<ng-content select=\"odx-accordion-item\"></ng-content>\n","import { transition, trigger, useAnimation } from '@angular/animations';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { CoreModule, DisabledController } from '@odx/angular';\nimport { collapse, expand } from '@odx/angular/animations';\nimport { ExpandableItemDirective } from '@odx/angular/cdk/expandable';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('accordion-item')\n@Component({\n  selector: 'odx-accordion-item',\n  templateUrl: './accordion-item.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [CoreModule, IconComponent],\n  providers: [DisabledController.connect()],\n  host: {\n    '[class.is-disabled]': 'isDisabled',\n    '[class.odx-accordion-item--expanded]': 'isExpanded',\n    '[attr.id]': '\"odx-accordion-item-\" + id',\n    '[attr.title]': 'null',\n  },\n  animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])],\n})\nexport class AccordionItemComponent extends ExpandableItemDirective {\n  private readonly disabledController = DisabledController.inject();\n  public readonly element = injectElement();\n\n  @Input()\n  public title?: string | null;\n\n  @Output()\n  public expandedChange: EventEmitter<boolean> = new EventEmitter();\n\n  public get isDisabled(): boolean {\n    return !!this.disabledController?.disabled;\n  }\n\n  public get isExpanded(): boolean {\n    return !this.isDisabled && this.expanded;\n  }\n\n  public get titleId(): string {\n    return `odx-accordion-item-title-${this.id}`;\n  }\n\n  public get slotId(): string {\n    return `odx-accordion-item-slot-${this.id}`;\n  }\n\n  public onAnimationEnd(): void {\n    this.expandedChange.emit(this.expanded);\n  }\n}\n","<div\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.tabindex]=\"isDisabled ? -1 : 0\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-disabled]=\"isDisabled || null\"\n  [attr.aria-controls]=\"slotId\"\n  (keydown.Space)=\"toggle()\"\n  (keydown.enter)=\"toggle()\"\n  (click)=\"toggle()\"\n>\n  <div *ngIf=\"title; else titleTpl\">\n    {{ title }}\n  </div>\n  <ng-template #titleTpl>\n    <ng-content select=\"odx-accordion-item-title\"></ng-content>\n  </ng-template>\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\"></odx-icon>\n</div>\n<div\n  class=\"odx-accordion-item__slot\"\n  [attr.id]=\"slotId\"\n  [attr.aria-labelledby]=\"titleId\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  *ngIf=\"isExpanded\"\n>\n  <ng-content></ng-content>\n</div>\n","import { Directive } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  selector: 'odx-accordion-item-title',\n})\nexport class AccordionItemTitleDirective {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { AccordionComponent } from './accordion.component';\nimport { AccordionItemComponent } from './components';\nimport { AccordionItemTitleDirective } from './directives';\n\nconst modules = [AccordionComponent, AccordionItemComponent, AccordionItemTitleDirective];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class AccordionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/odx-angular-components-circular-progress.mjs

@@ -3,7 +3,8 @@ import { coerceNumberProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
 import { inject, ChangeDetectorRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';
 import { CSSModifier, CSSComponent } from '@odx/angular/internal';
-import { injectElement, hasChanged, Transform } from '@odx/angular/utils';
+import { fromElementResize$ } from '@odx/angular/rxjs';
+import { untilDestroyed, injectElement, hasChanged, Transform } from '@odx/angular/utils';
 
 const CircularProgressSize = {
     AUTO: 'auto',
@@ -15,6 +16,7 @@ const CircularProgressSize = {
 let CircularProgressComponent = class CircularProgressComponent {
     constructor() {
         this.changeDetector = inject(ChangeDetectorRef);
+        this.takeUntilDestroyed = untilDestroyed();
         this._value = 0;
         this.viewPortSize = 100;
         this.radius = 0;
@@ -42,7 +44,9 @@ let CircularProgressComponent = class CircularProgressComponent {
         return this._value;
     }
     ngAfterViewInit() {
-        this.updateDimensions();
+        fromElementResize$(this.element.nativeElement)
+            .pipe(this.takeUntilDestroyed())
+            .subscribe(() => this.updateDimensions());
     }
     ngOnChanges(changes) {
         if (hasChanged(changes, ['stroke', 'size'])) {
@@ -51,7 +55,10 @@ let CircularProgressComponent = class CircularProgressComponent {
     }
     updateDimensions() {
         const normalizeFactor = this.viewPortSize / (this.element.nativeElement.offsetWidth || 1);
-        this.normalizedStroke = Math.floor(normalizeFactor * this.stroke);
+        this.normalizedStroke = normalizeFactor * this.stroke;
+        if (normalizeFactor >= 3) {
+            this.normalizedStroke = Math.max(0, this.normalizedStroke - normalizeFactor);
+        }
         this.radius = this.viewPortSize / 2 - this.normalizedStroke / 2;
         this.circumference = Math.floor(2 * this.radius * Math.PI);
         this.changeDetector.detectChanges();

package/fesm2020/odx-angular-components-circular-progress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-circular-progress.mjs","sources":["../../../../libs/angular/components/circular-progress/src/lib/models/circular-progress-size.ts","../../../../libs/angular/components/circular-progress/src/lib/circular-progress.component.ts","../../../../libs/angular/components/circular-progress/src/lib/circular-progress.component.html","../../../../libs/angular/components/circular-progress/src/odx-angular-components-circular-progress.ts"],"sourcesContent":["export type CircularProgressSize = typeof CircularProgressSize[keyof typeof CircularProgressSize];\n\nexport const CircularProgressSize = {\n  AUTO: 'auto',\n  SMALL: 'small',\n  MEDIUM: 'medium',\n  LARGE: 'large',\n} as const;\n","import { coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';\nimport { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, Input, OnChanges, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { hasChanged, injectElement, NgChanges, Transform } from '@odx/angular/utils';\nimport { CircularProgressSize } from './models/circular-progress-size';\n\n@CSSComponent('circular-progress')\n@Component({\n  standalone: true,\n  selector: 'odx-circular-progress',\n  templateUrl: './circular-progress.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[attr.aria-valuenow]': 'ariaValueNow',\n    '[attr.aria-valuemax]': '100',\n    '[attr.aria-valuemin]': '0',\n    '[attr.role]': '\"meter\"',\n  },\n})\nexport class CircularProgressComponent implements OnChanges, AfterViewInit {\n  public static ngAcceptInputType_size: NumberInput;\n  public static ngAcceptInputType_stroke: NumberInput;\n  public static ngAcceptInputType_value: NumberInput;\n\n  private readonly changeDetector = inject(ChangeDetectorRef);\n  private _value = 0;\n\n  protected readonly viewPortSize = 100;\n  protected radius = 0;\n  protected normalizedStroke = 0;\n  protected circumference = 283;\n\n  protected get ariaValueNow(): null | number {\n    return this.indeterminate ? null : this.value;\n  }\n\n  protected get progressValue(): number {\n    return this.indeterminate ? this.circumference : Math.floor((1 - this.value / 100) * this.circumference);\n  }\n\n  public readonly element = injectElement();\n\n  @CSSModifier()\n  public indeterminate = false;\n\n  @Transform(coerceNumberProperty)\n  @Input()\n  public stroke = 4;\n\n  @CSSModifier()\n  @Input()\n  public size = CircularProgressSize.MEDIUM;\n\n  @Transform(coerceNumberProperty)\n  @Input()\n  public set value(value: unknown) {\n    const coercedValue = coerceNumberProperty(value);\n    if (coercedValue <= 100 && coercedValue >= -1) {\n      this._value = coercedValue;\n      this.indeterminate = coercedValue === -1;\n    }\n  }\n\n  public get value(): number {\n    return this._value;\n  }\n\n  public ngAfterViewInit(): void {\n    this.updateDimensions();\n  }\n\n  public ngOnChanges(changes: NgChanges<CircularProgressComponent>): void {\n    if (hasChanged(changes, ['stroke', 'size'])) {\n      this.updateDimensions();\n    }\n  }\n\n  private updateDimensions(): void {\n    const normalizeFactor = this.viewPortSize / (this.element.nativeElement.offsetWidth || 1);\n    this.normalizedStroke = Math.floor(normalizeFactor * this.stroke);\n    this.radius = this.viewPortSize / 2 - this.normalizedStroke / 2;\n    this.circumference = Math.floor(2 * this.radius * Math.PI);\n    this.changeDetector.detectChanges();\n  }\n}\n","<svg class=\"odx-circular-progress__inner\" attr.viewBox=\"0 0 {{ viewPortSize }} {{ viewPortSize }}\">\n  <circle class=\"odx-circular-progress__track\" [attr.stroke-width]=\"normalizedStroke\" [attr.r]=\"radius\" cx=\"50%\" cy=\"50%\" />\n  <circle\n    class=\"odx-circular-progress__indicator\"\n    [attr.stroke-dasharray]=\"circumference\"\n    [attr.stroke-dashoffset]=\"progressValue\"\n    [attr.stroke-width]=\"normalizedStroke\"\n    [attr.r]=\"radius\"\n    cx=\"50%\"\n    cy=\"50%\"\n  />\n</svg>\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-circular-progress.mjs","sources":["../../../../libs/angular/components/circular-progress/src/lib/models/circular-progress-size.ts","../../../../libs/angular/components/circular-progress/src/lib/circular-progress.component.ts","../../../../libs/angular/components/circular-progress/src/lib/circular-progress.component.html","../../../../libs/angular/components/circular-progress/src/odx-angular-components-circular-progress.ts"],"sourcesContent":["export type CircularProgressSize = typeof CircularProgressSize[keyof typeof CircularProgressSize];\n\nexport const CircularProgressSize = {\n  AUTO: 'auto',\n  SMALL: 'small',\n  MEDIUM: 'medium',\n  LARGE: 'large',\n} as const;\n","import { coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';\nimport { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, Input, OnChanges, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { fromElementResize$ } from '@odx/angular/rxjs';\nimport { hasChanged, injectElement, NgChanges, Transform, untilDestroyed } from '@odx/angular/utils';\nimport { CircularProgressSize } from './models/circular-progress-size';\n\n@CSSComponent('circular-progress')\n@Component({\n  standalone: true,\n  selector: 'odx-circular-progress',\n  templateUrl: './circular-progress.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[attr.aria-valuenow]': 'ariaValueNow',\n    '[attr.aria-valuemax]': '100',\n    '[attr.aria-valuemin]': '0',\n    '[attr.role]': '\"meter\"',\n  },\n})\nexport class CircularProgressComponent implements OnChanges, AfterViewInit {\n  public static ngAcceptInputType_size: NumberInput;\n  public static ngAcceptInputType_stroke: NumberInput;\n  public static ngAcceptInputType_value: NumberInput;\n\n  private readonly changeDetector = inject(ChangeDetectorRef);\n  private readonly takeUntilDestroyed = untilDestroyed();\n  private _value = 0;\n\n  protected readonly viewPortSize = 100;\n  protected radius = 0;\n  protected normalizedStroke = 0;\n  protected circumference = 283;\n\n  protected get ariaValueNow(): null | number {\n    return this.indeterminate ? null : this.value;\n  }\n\n  protected get progressValue(): number {\n    return this.indeterminate ? this.circumference : Math.floor((1 - this.value / 100) * this.circumference);\n  }\n\n  public readonly element = injectElement();\n\n  @CSSModifier()\n  public indeterminate = false;\n\n  @Transform(coerceNumberProperty)\n  @Input()\n  public stroke = 4;\n\n  @CSSModifier()\n  @Input()\n  public size = CircularProgressSize.MEDIUM;\n\n  @Transform(coerceNumberProperty)\n  @Input()\n  public set value(value: unknown) {\n    const coercedValue = coerceNumberProperty(value);\n    if (coercedValue <= 100 && coercedValue >= -1) {\n      this._value = coercedValue;\n      this.indeterminate = coercedValue === -1;\n    }\n  }\n\n  public get value(): number {\n    return this._value;\n  }\n\n  public ngAfterViewInit(): void {\n    fromElementResize$(this.element.nativeElement)\n      .pipe(this.takeUntilDestroyed())\n      .subscribe(() => this.updateDimensions());\n  }\n\n  public ngOnChanges(changes: NgChanges<CircularProgressComponent>): void {\n    if (hasChanged(changes, ['stroke', 'size'])) {\n      this.updateDimensions();\n    }\n  }\n\n  private updateDimensions(): void {\n    const normalizeFactor = this.viewPortSize / (this.element.nativeElement.offsetWidth || 1);\n\n    this.normalizedStroke = normalizeFactor * this.stroke;\n    if (normalizeFactor >= 3) {\n      this.normalizedStroke = Math.max(0, this.normalizedStroke - normalizeFactor);\n    }\n    this.radius = this.viewPortSize / 2 - this.normalizedStroke / 2;\n    this.circumference = Math.floor(2 * this.radius * Math.PI);\n    this.changeDetector.detectChanges();\n  }\n}\n","<svg class=\"odx-circular-progress__inner\" attr.viewBox=\"0 0 {{ viewPortSize }} {{ viewPortSize }}\">\n  <circle class=\"odx-circular-progress__track\" [attr.stroke-width]=\"normalizedStroke\" [attr.r]=\"radius\" cx=\"50%\" cy=\"50%\" />\n  <circle\n    class=\"odx-circular-progress__indicator\"\n    [attr.stroke-dasharray]=\"circumference\"\n    [attr.stroke-dashoffset]=\"progressValue\"\n    [attr.stroke-width]=\"normalizedStroke\"\n    [attr.r]=\"radius\"\n    cx=\"50%\"\n    cy=\"50%\"\n  />\n</svg>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/odx-angular-components-dropdown.mjs

@@ -0,0 +1,187 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { inject, EventEmitter, Directive, Input, Output, Component, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@odx/angular';
+import { CoreModule } from '@odx/angular';
+import { DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';
+import * as i2 from '@odx/angular/components/loading-spinner';
+import { LoadingSpinnerModule } from '@odx/angular/components/loading-spinner';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+import { EventManager, getInjector, injectElement, hasChanged, Transform } from '@odx/angular/utils';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { ConnectedOverlayService } from '@odx/angular/cdk/connected-overlay';
+
+const DefaultDropdownOptions = {
+    position: 'bottom',
+    matchReferenceWidth: false,
+    enableFallback: true,
+    minHeight: 0,
+    offset: 8,
+};
+
+let DropdownDirective = class DropdownDirective {
+    constructor() {
+        this.connectedOverlayService = inject(ConnectedOverlayService);
+        this.eventManager = inject(EventManager);
+        this.injector = getInjector();
+        this.overlayRef = null;
+        this.element = injectElement();
+        this.disabled = false;
+        this.showLoader = false;
+        this.openTrigger = ['click', 'keydown.enter'];
+        this.closeTrigger = ['keyup.esc'];
+        this.beforeOpen = new EventEmitter();
+        this.afterOpen = new EventEmitter();
+        this.beforeClose = new EventEmitter();
+        this.afterClose = new EventEmitter();
+    }
+    get isOpen() {
+        return this.overlayRef !== null;
+    }
+    ngAfterViewInit() {
+        this.eventManager.register(this.openTrigger ?? [], (event) => this.open(event), this.triggerElement ?? this.referenceElement);
+        this.eventManager.register(this.closeTrigger ?? [], () => this.close(), 'document');
+    }
+    ngOnChanges(changes) {
+        if (hasChanged(changes, 'disabled') && this.disabled) {
+            this.close();
+        }
+        if (hasChanged(changes, ['options', 'content', 'showLoader'])) {
+            this.overlayRef?.update(this.createOverlayOptions());
+        }
+    }
+    open(event) {
+        event?.preventDefault();
+        if (this.isOpen || !this.content || this.disabled)
+            return;
+        this.overlayRef = this.connectedOverlayService.createOverlay(this.referenceElement ?? this.element.nativeElement, this.createOverlayOptions(), {
+            host: this.host === undefined ? this.referenceElement : this.host,
+            injector: this.injector,
+        });
+    }
+    close() {
+        this.overlayRef?.close();
+        this.overlayRef = null;
+    }
+    createOverlayOptions() {
+        return {
+            ...DefaultDropdownOptions,
+            ...this.options,
+            containerClass: [this.options?.containerClass, 'odx-dropdown-overlay'].filter(Boolean).join(' '),
+            content: DropdownComponent,
+            context: { content: this.content },
+            hooks: {
+                beforeOpen: () => this.beforeOpen.emit(),
+                afterOpen: () => this.afterOpen.emit(),
+                beforeClose: () => this.beforeClose.emit(),
+                afterClose: () => this.afterClose.emit(),
+            },
+        };
+    }
+};
+DropdownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DropdownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DropdownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: DropdownDirective, isStandalone: true, selector: "[odxDropdown]", inputs: { content: ["odxDropdown", "content"], disabled: ["odxDropdownDisabled", "disabled"], showLoader: ["odxDropdownShowLoader", "showLoader"], options: ["odxDropdownOptions", "options"], referenceElement: ["odxDropdownReferenceElement", "referenceElement"], triggerElement: ["odxDropdownTriggerElement", "triggerElement"], host: ["odxDropdownHost", "host"], openTrigger: ["odxDropdownOpenTrigger", "openTrigger"], closeTrigger: ["odxDropdownCloseTrigger", "closeTrigger"] }, outputs: { beforeOpen: "odxDropdownBeforeOpen", afterOpen: "odxDropdownAfterOpen", beforeClose: "odxDropdownBeforeClose", afterClose: "odxDropdownAfterClose" }, providers: [EventManager], exportAs: ["odxDropdown"], usesOnChanges: true, ngImport: i0 });
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [])
+], DropdownDirective.prototype, "isOpen", null);
+__decorate([
+    Transform(coerceBooleanProperty),
+    __metadata("design:type", Object)
+], DropdownDirective.prototype, "disabled", void 0);
+__decorate([
+    Transform(coerceBooleanProperty),
+    __metadata("design:type", Object)
+], DropdownDirective.prototype, "showLoader", void 0);
+DropdownDirective = __decorate([
+    CSSComponent('dropdown-host')
+], DropdownDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DropdownDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[odxDropdown]',
+                    exportAs: 'odxDropdown',
+                    providers: [EventManager],
+                }]
+        }], propDecorators: { isOpen: [], content: [{
+                type: Input,
+                args: ['odxDropdown']
+            }], disabled: [{
+                type: Input,
+                args: ['odxDropdownDisabled']
+            }], showLoader: [{
+                type: Input,
+                args: ['odxDropdownShowLoader']
+            }], options: [{
+                type: Input,
+                args: ['odxDropdownOptions']
+            }], referenceElement: [{
+                type: Input,
+                args: ['odxDropdownReferenceElement']
+            }], triggerElement: [{
+                type: Input,
+                args: ['odxDropdownTriggerElement']
+            }], host: [{
+                type: Input,
+                args: ['odxDropdownHost']
+            }], openTrigger: [{
+                type: Input,
+                args: ['odxDropdownOpenTrigger']
+            }], closeTrigger: [{
+                type: Input,
+                args: ['odxDropdownCloseTrigger']
+            }], beforeOpen: [{
+                type: Output,
+                args: ['odxDropdownBeforeOpen']
+            }], afterOpen: [{
+                type: Output,
+                args: ['odxDropdownAfterOpen']
+            }], beforeClose: [{
+                type: Output,
+                args: ['odxDropdownBeforeClose']
+            }], afterClose: [{
+                type: Output,
+                args: ['odxDropdownAfterClose']
+            }] } });
+
+let DropdownComponent = class DropdownComponent {
+    constructor() {
+        this.host = inject(DropdownDirective);
+        this.injector = getInjector();
+        this.element = injectElement();
+    }
+};
+DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DropdownComponent, isStandalone: true, selector: "odx-dropdown", inputs: { content: "content" }, ngImport: i0, template: "<div class=\"odx-dropdown__inner\" [odxLoadingSpinner]=\"host.showLoader\" [odxClickOutsideActive]=\"true\" (odxClickOutside)=\"host.close()\">\n  <ng-template [odxDynamicView]=\"content\" [odxDynamicViewInjector]=\"injector\"></ng-template>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.ClickOutsideDirective, selector: "[odxClickOutside]", inputs: ["odxClickOutsideActive"], outputs: ["odxClickOutside"] }, { kind: "directive", type: DynamicViewDirective, selector: "ng-template[odxDynamicView]", inputs: ["odxDynamicView", "odxDynamicViewInjector", "odxDynamicViewContext"] }, { kind: "ngmodule", type: LoadingSpinnerModule }, { kind: "directive", type: i2.LoadingSpinnerDirective, selector: "[odxLoadingSpinner]", inputs: ["odxLoadingSpinnerAutoColor", "odxLoadingSpinner", "odxLoadingSpinnerMinHeight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+DropdownComponent = __decorate([
+    CSSComponent('dropdown')
+], DropdownComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DropdownComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-dropdown', imports: [CoreModule, DynamicViewDirective, LoadingSpinnerModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"odx-dropdown__inner\" [odxLoadingSpinner]=\"host.showLoader\" [odxClickOutsideActive]=\"true\" (odxClickOutside)=\"host.close()\">\n  <ng-template [odxDynamicView]=\"content\" [odxDynamicViewInjector]=\"injector\"></ng-template>\n</div>\n" }]
+        }], propDecorators: { content: [{
+                type: Input
+            }] } });
+
+const modules = [DropdownDirective];
+class DropdownModule {
+}
+DropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: DropdownModule, imports: [DropdownDirective], exports: [CoreModule, DropdownDirective] });
+DropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DropdownModule, imports: [CoreModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DropdownModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DefaultDropdownOptions, DropdownComponent, DropdownDirective, DropdownModule };
+//# sourceMappingURL=odx-angular-components-dropdown.mjs.map

package/fesm2020/odx-angular-components-dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-dropdown.mjs","sources":["../../../../libs/angular/components/dropdown/src/lib/models/dropdown-options.ts","../../../../libs/angular/components/dropdown/src/lib/dropdown.directive.ts","../../../../libs/angular/components/dropdown/src/lib/dropdown.component.ts","../../../../libs/angular/components/dropdown/src/lib/dropdown.component.html","../../../../libs/angular/components/dropdown/src/lib/dropdown.module.ts","../../../../libs/angular/components/dropdown/src/odx-angular-components-dropdown.ts"],"sourcesContent":["import { ConnectedOverlayOptions } from '@odx/angular/cdk/connected-overlay';\n\nexport type DropdownOptions = Pick<\n  ConnectedOverlayOptions,\n  'position' | 'containerClass' | 'enableFallback' | 'matchReferenceWidth' | 'minHeight' | 'offset' | 'showArrow'\n>;\n\nexport const DefaultDropdownOptions: DropdownOptions = {\n  position: 'bottom',\n  matchReferenceWidth: false,\n  enableFallback: true,\n  minHeight: 0,\n  offset: 8,\n};\n","import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { AfterViewInit, Directive, EventEmitter, inject, Input, OnChanges, Output } from '@angular/core';\nimport { ConnectedOverlayOptions, ConnectedOverlayRef, ConnectedOverlayService } from '@odx/angular/cdk/connected-overlay';\nimport { DynamicContent } from '@odx/angular/cdk/dynamic-view';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { EventManager, getInjector, hasChanged, injectElement, NgChanges, Transform } from '@odx/angular/utils';\nimport { DropdownComponent } from './dropdown.component';\nimport { DefaultDropdownOptions, DropdownOptions } from './models';\n\n@CSSComponent('dropdown-host')\n@Directive({\n  standalone: true,\n  selector: '[odxDropdown]',\n  exportAs: 'odxDropdown',\n  providers: [EventManager],\n})\nexport class DropdownDirective implements AfterViewInit, OnChanges {\n  public static ngAcceptInputType_disabled: BooleanInput;\n  public static ngAcceptInputType_loading: BooleanInput;\n\n  private readonly connectedOverlayService = inject(ConnectedOverlayService);\n  private readonly eventManager = inject(EventManager);\n  private readonly injector = getInjector();\n  private overlayRef: ConnectedOverlayRef | null = null;\n\n  public readonly element = injectElement();\n\n  @CSSModifier()\n  public get isOpen(): boolean {\n    return this.overlayRef !== null;\n  }\n\n  @Input('odxDropdown')\n  public content?: DynamicContent | null;\n\n  @Transform(coerceBooleanProperty)\n  @Input('odxDropdownDisabled')\n  public disabled = false;\n\n  @Transform(coerceBooleanProperty)\n  @Input('odxDropdownShowLoader')\n  public showLoader = false;\n\n  @Input('odxDropdownOptions')\n  public options?: Partial<DropdownOptions> | null;\n\n  @Input('odxDropdownReferenceElement')\n  public referenceElement?: HTMLElement | null;\n\n  @Input('odxDropdownTriggerElement')\n  public triggerElement?: HTMLElement | null;\n\n  @Input('odxDropdownHost')\n  public host?: HTMLElement | null;\n\n  @Input('odxDropdownOpenTrigger')\n  public openTrigger?: string[] | null = ['click', 'keydown.enter'];\n\n  @Input('odxDropdownCloseTrigger')\n  public closeTrigger?: string[] | null = ['keyup.esc'];\n\n  @Output('odxDropdownBeforeOpen')\n  public beforeOpen = new EventEmitter<void>();\n\n  @Output('odxDropdownAfterOpen')\n  public afterOpen = new EventEmitter<void>();\n\n  @Output('odxDropdownBeforeClose')\n  public beforeClose = new EventEmitter<void>();\n\n  @Output('odxDropdownAfterClose')\n  public afterClose = new EventEmitter<void>();\n\n  public ngAfterViewInit(): void {\n    this.eventManager.register(this.openTrigger ?? [], (event) => this.open(event), this.triggerElement ?? this.referenceElement);\n    this.eventManager.register(this.closeTrigger ?? [], () => this.close(), 'document');\n  }\n\n  public ngOnChanges(changes: NgChanges<DropdownDirective>) {\n    if (hasChanged(changes, 'disabled') && this.disabled) {\n      this.close();\n    }\n    if (hasChanged(changes, ['options', 'content', 'showLoader'])) {\n      this.overlayRef?.update(this.createOverlayOptions());\n    }\n  }\n\n  public open(event?: Event) {\n    event?.preventDefault();\n    if (this.isOpen || !this.content || this.disabled) return;\n    this.overlayRef = this.connectedOverlayService.createOverlay(this.referenceElement ?? this.element.nativeElement, this.createOverlayOptions(), {\n      host: this.host === undefined ? this.referenceElement : this.host,\n      injector: this.injector,\n    });\n  }\n\n  public close() {\n    this.overlayRef?.close();\n    this.overlayRef = null;\n  }\n\n  private createOverlayOptions(): Partial<ConnectedOverlayOptions> {\n    return {\n      ...DefaultDropdownOptions,\n      ...this.options,\n      containerClass: [this.options?.containerClass, 'odx-dropdown-overlay'].filter(Boolean).join(' '),\n      content: DropdownComponent,\n      context: { content: this.content },\n      hooks: {\n        beforeOpen: () => this.beforeOpen.emit(),\n        afterOpen: () => this.afterOpen.emit(),\n        beforeClose: () => this.beforeClose.emit(),\n        afterClose: () => this.afterClose.emit(),\n      },\n    };\n  }\n}\n","import { ChangeDetectionStrategy, Component, inject, Input, ViewEncapsulation } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { DynamicContent, DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';\nimport { LoadingSpinnerModule } from '@odx/angular/components/loading-spinner';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { getInjector, injectElement } from '@odx/angular/utils';\nimport { DropdownDirective } from './dropdown.directive';\n\n@CSSComponent('dropdown')\n@Component({\n  standalone: true,\n  selector: 'odx-dropdown',\n  imports: [CoreModule, DynamicViewDirective, LoadingSpinnerModule],\n  templateUrl: './dropdown.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownComponent {\n  protected readonly host = inject(DropdownDirective);\n  protected readonly injector = getInjector();\n  public readonly element = injectElement();\n\n  @Input()\n  public content?: DynamicContent | null;\n}\n","<div class=\"odx-dropdown__inner\" [odxLoadingSpinner]=\"host.showLoader\" [odxClickOutsideActive]=\"true\" (odxClickOutside)=\"host.close()\">\n  <ng-template [odxDynamicView]=\"content\" [odxDynamicViewInjector]=\"injector\"></ng-template>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { DropdownDirective } from './dropdown.directive';\n\nconst modules = [DropdownDirective];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class DropdownModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/odx-angular-components-inline-message.mjs

@@ -0,0 +1,55 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';
+import { IconComponent } from '@odx/angular/components/icon';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+
+const InlineMessageVariant = {
+    DEFAULT: 'default',
+    WARNING: 'warning',
+    DANGER: 'danger',
+    SUCCESS: 'success',
+};
+
+let InlineMessageComponent = class InlineMessageComponent {
+    constructor() {
+        this.element = injectElement();
+    }
+    get icon() {
+        switch (this.variant) {
+            case InlineMessageVariant.WARNING:
+                return 'warning';
+            case InlineMessageVariant.DANGER:
+                return 'danger';
+            case InlineMessageVariant.SUCCESS:
+                return 'check';
+            default:
+                return 'info';
+        }
+    }
+};
+InlineMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: InlineMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+InlineMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: InlineMessageComponent, isStandalone: true, selector: "odx-inline-message", inputs: { variant: "variant" }, ngImport: i0, template: "<odx-icon size=\"medium\" [name]=\"icon\"></odx-icon>\n<div class=\"odx-inline-message__content\">\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    CSSModifier({
+        default: InlineMessageVariant.DEFAULT,
+    }),
+    __metadata("design:type", Object)
+], InlineMessageComponent.prototype, "variant", void 0);
+InlineMessageComponent = __decorate([
+    CSSComponent('inline-message')
+], InlineMessageComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: InlineMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-inline-message', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent], template: "<odx-icon size=\"medium\" [name]=\"icon\"></odx-icon>\n<div class=\"odx-inline-message__content\">\n  <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InlineMessageComponent, InlineMessageVariant };
+//# sourceMappingURL=odx-angular-components-inline-message.mjs.map

package/fesm2020/odx-angular-components-inline-message.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-inline-message.mjs","sources":["../../../../libs/angular/components/inline-message/src/lib/models/inline-message-variant.ts","../../../../libs/angular/components/inline-message/src/lib/inline-message.component.ts","../../../../libs/angular/components/inline-message/src/lib/inline-message.component.html","../../../../libs/angular/components/inline-message/src/odx-angular-components-inline-message.ts"],"sourcesContent":["export type InlineMessageVariant = typeof InlineMessageVariant[keyof typeof InlineMessageVariant];\n\nexport const InlineMessageVariant = {\n  DEFAULT: 'default',\n  WARNING: 'warning',\n  DANGER: 'danger',\n  SUCCESS: 'success',\n} as const;\n","import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { InlineMessageVariant } from './models/inline-message-variant';\n\n@CSSComponent('inline-message')\n@Component({\n  selector: 'odx-inline-message',\n  templateUrl: 'inline-message.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [IconComponent],\n})\nexport class InlineMessageComponent {\n  public readonly element = injectElement<HTMLElement>();\n\n  @CSSModifier({\n    default: InlineMessageVariant.DEFAULT,\n  })\n  @Input()\n  public variant?: InlineMessageVariant | null;\n\n  public get icon(): string {\n    switch (this.variant) {\n      case InlineMessageVariant.WARNING:\n        return 'warning';\n      case InlineMessageVariant.DANGER:\n        return 'danger';\n      case InlineMessageVariant.SUCCESS:\n        return 'check';\n      default:\n        return 'info';\n    }\n  }\n}\n","<odx-icon size=\"medium\" [name]=\"icon\"></odx-icon>\n<div class=\"odx-inline-message__content\">\n  <ng-content></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAEa,MAAA,oBAAoB,GAAG;AAClC,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,SAAS;;;ACSP,IAAA,sBAAsB,GAA5B,MAAM,sBAAsB,CAAA;AAA5B,IAAA,WAAA,GAAA;QACW,IAAO,CAAA,OAAA,GAAG,aAAa,EAAe,CAAC;AAoBxD,KAAA;AAZC,IAAA,IAAW,IAAI,GAAA;QACb,QAAQ,IAAI,CAAC,OAAO;YAClB,KAAK,oBAAoB,CAAC,OAAO;AAC/B,gBAAA,OAAO,SAAS,CAAC;YACnB,KAAK,oBAAoB,CAAC,MAAM;AAC9B,gBAAA,OAAO,QAAQ,CAAC;YAClB,KAAK,oBAAoB,CAAC,OAAO;AAC/B,gBAAA,OAAO,OAAO,CAAC;AACjB,YAAA;AACE,gBAAA,OAAO,MAAM,CAAC;AACjB,SAAA;KACF;;oHApBU,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;wGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECfnC,2IAIA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDSY,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;AAKvB,UAAA,CAAA;AAAC,IAAA,WAAW,CAAC;QACX,OAAO,EAAE,oBAAoB,CAAC,OAAO;KACtC,CAAC;;AAE2C,CAAA,EAAA,sBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAPlC,sBAAsB,GAAA,UAAA,CAAA;IATlC,YAAY,CAAC,gBAAgB,CAAC;AASlB,CAAA,EAAA,sBAAsB,CAqBlC,CAAA;4FArBY,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAElB,UAAA,EAAA,IAAI,EACC,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAC5B,OAAA,EAAA,CAAC,aAAa,CAAC,EAAA,QAAA,EAAA,2IAAA,EAAA,CAAA;8BASjB,OAAO,EAAA,CAAA;sBADb,KAAK;;;AErBR;;AAEG;;;;"}