@odx/angular 1.0.0-rc.0

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

@@ -0,0 +1,249 @@
+import { AsyncPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectorRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, createComponent, EnvironmentInjector, ApplicationRef, InjectionToken, Injector, Injectable, ViewContainerRef, Directive } from '@angular/core';
+import { isObservable, lastValueFrom } from 'rxjs';
+import { hasChanged } from '@odx/angular/utils';
+import { isString, isTemplateRef, isComponent } from '@odx/angular/internal';
+
+class DynamicViewComponent {
+    constructor() {
+        this.asyncPipe = new AsyncPipe(inject(ChangeDetectorRef));
+        this.resolveContent = () => null;
+    }
+    set content(value) {
+        this.resolveContent = isObservable(value) ? () => this.asyncPipe.transform(value) : () => value;
+    }
+    ngOnDestroy() {
+        this.asyncPipe?.ngOnDestroy();
+    }
+}
+DynamicViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: DynamicViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DynamicViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: DynamicViewComponent, isStandalone: true, selector: "odx-dynamic-view", inputs: { content: "content" }, host: { properties: { "innerHTML": "resolveContent()" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: DynamicViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'odx-dynamic-view',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    standalone: true,
+                    host: {
+                        '[innerHTML]': 'resolveContent()',
+                    },
+                }]
+        }], propDecorators: { content: [{
+                type: Input
+            }] } });
+
+function isAnimatedComponent(component) {
+    return isObservable(component?.instance?.ngAnimationsDone$);
+}
+
+function isDynamicTextContent(value) {
+    return isString(value) || isObservable(value);
+}
+
+class DynamicComponentRef {
+    constructor({ component, context, injector, vcr }) {
+        this.componentRef = null;
+        this.componentRef = createComponent(component, {
+            environmentInjector: injector.get(EnvironmentInjector),
+            elementInjector: injector,
+        });
+        if (vcr) {
+            vcr.insert(this.componentRef.hostView);
+        }
+        if (context) {
+            this.update(context);
+        }
+    }
+    detectChanges() {
+        this.componentRef?.changeDetectorRef.detectChanges();
+    }
+    async destroy() {
+        this.componentRef?.destroy();
+        await waitForAnimations(this.componentRef).catch();
+        this.componentRef = null;
+    }
+    getElement() {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        return this.componentRef.location.nativeElement;
+    }
+    update(context) {
+        for (const key in context) {
+            this.componentRef?.setInput(key, context[key]);
+        }
+    }
+    getView() {
+        return this.componentRef?.hostView ?? null;
+    }
+}
+
+class DynamicTemplateRef {
+    constructor(options) {
+        this.options = options;
+        this.application = this.options.injector.get(ApplicationRef);
+        this.embeddedViewRef = null;
+        this.create(options);
+    }
+    detectChanges() {
+        this.embeddedViewRef?.detectChanges();
+    }
+    async destroy() {
+        if (!this.options.vcr && this.embeddedViewRef) {
+            this.application.detachView(this.embeddedViewRef);
+        }
+        this.embeddedViewRef?.destroy();
+        this.embeddedViewRef = null;
+    }
+    getElement() {
+        return this.embeddedViewRef?.rootNodes?.[0] ?? null;
+    }
+    update(context) {
+        if (this.embeddedViewRef) {
+            this.embeddedViewRef.context = context;
+            this.detectChanges();
+        }
+    }
+    getView() {
+        return this.embeddedViewRef;
+    }
+    create({ context, template, vcr }) {
+        if (vcr) {
+            this.embeddedViewRef = vcr.createEmbeddedView(template, context, { injector: this.options.injector });
+        }
+        else {
+            this.embeddedViewRef = template.createEmbeddedView(context ?? {}, this.options.injector);
+            this.application.attachView(this.embeddedViewRef);
+        }
+    }
+}
+
+function isDynamicView(value) {
+    return value instanceof DynamicComponentRef || value instanceof DynamicTemplateRef;
+}
+
+async function waitForAnimations(component) {
+    if (isAnimatedComponent(component)) {
+        await lastValueFrom(component.instance.ngAnimationsDone$);
+    }
+    return true;
+}
+
+const DYNAMIC_VIEW_CONTEXT = new InjectionToken('@odx/angular/cdk/dynamic-view::DynamicViewContext');
+
+class DynamicViewService {
+    constructor() {
+        this.injector = inject(Injector);
+    }
+    createView(content, options = {}) {
+        const viewOptions = {
+            ...options,
+            injector: Injector.create({
+                providers: [{ provide: DYNAMIC_VIEW_CONTEXT, useValue: options.context }],
+                parent: options.injector ?? this.injector,
+            }),
+        };
+        if (isTemplateRef(content)) {
+            return new DynamicTemplateRef({ ...viewOptions, template: content });
+        }
+        if (isComponent(content)) {
+            return new DynamicComponentRef({ ...viewOptions, context: options.context, component: content });
+        }
+        if (isDynamicTextContent(content)) {
+            return new DynamicComponentRef({
+                ...viewOptions,
+                component: DynamicViewComponent,
+                context: { content },
+            });
+        }
+        throw new Error('Content type is not supported');
+    }
+}
+DynamicViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: DynamicViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DynamicViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: DynamicViewService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: DynamicViewService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class DynamicViewDirective {
+    constructor() {
+        this.dynamicViewService = inject(DynamicViewService);
+        this.viewContainer = inject(ViewContainerRef);
+        this.viewRef = null;
+        this.content = null;
+    }
+    ngOnInit() {
+        this.render();
+    }
+    ngOnChanges(changes) {
+        if (hasChanged(changes, 'injector')) {
+            this.render();
+        }
+        if (hasChanged(changes, 'content')) {
+            this.render(false);
+        }
+        if (hasChanged(changes, 'context')) {
+            this.viewRef?.update(changes.context?.currentValue ?? {});
+        }
+    }
+    async ngOnDestroy() {
+        await this.destroy();
+    }
+    getView() {
+        return this.viewRef;
+    }
+    render(reRender = true) {
+        if (!this.content)
+            return;
+        if (!reRender && this.viewRef && isDynamicTextContent(this.content)) {
+            this.viewRef?.update({ content: this.content });
+            return;
+        }
+        this.viewRef?.destroy();
+        if (isDynamicView(this.content)) {
+            this.viewRef = this.content;
+            const hostView = this.viewRef.getView();
+            if (hostView) {
+                this.viewContainer.insert(hostView);
+            }
+        }
+        else {
+            this.viewRef = this.dynamicViewService.createView(this.content, {
+                context: this.context ?? undefined,
+                injector: this.injector ?? this.viewContainer.injector,
+                vcr: this.viewContainer,
+            });
+        }
+    }
+    async destroy() {
+        await this.viewRef?.destroy();
+        this.viewRef = null;
+    }
+}
+DynamicViewDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: DynamicViewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DynamicViewDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: DynamicViewDirective, isStandalone: true, selector: "[odxDynamicView]", inputs: { content: ["odxDynamicView", "content"], injector: ["odxDynamicViewInjector", "injector"], context: ["odxDynamicViewContext", "context"] }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: DynamicViewDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[odxDynamicView]',
+                    standalone: true,
+                }]
+        }], propDecorators: { content: [{
+                type: Input,
+                args: ['odxDynamicView']
+            }], injector: [{
+                type: Input,
+                args: ['odxDynamicViewInjector']
+            }], context: [{
+                type: Input,
+                args: ['odxDynamicViewContext']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DYNAMIC_VIEW_CONTEXT, DynamicComponentRef, DynamicTemplateRef, DynamicViewComponent, DynamicViewDirective, DynamicViewService, isAnimatedComponent, isDynamicTextContent, isDynamicView, waitForAnimations };
+//# sourceMappingURL=odx-angular-cdk-dynamic-view.mjs.map

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

@@ -0,0 +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/is-animated-component.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/helpers/wait-for-animations.ts","../../../../libs/angular/cdk/dynamic-view/src/lib/tokens/dynamic-view-context.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 { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, Input, OnDestroy, ViewEncapsulation } from '@angular/core';\nimport { isObservable } 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  host: {\n    '[innerHTML]': 'resolveContent()',\n  },\n})\nexport class DynamicViewComponent implements OnDestroy {\n  protected asyncPipe = new AsyncPipe(inject(ChangeDetectorRef));\n  protected resolveContent: () => string | null = () => null;\n\n  @Input()\n  public set content(value: DynamicTextContent) {\n    this.resolveContent = isObservable(value) ? () => this.asyncPipe.transform(value) : () => value;\n  }\n\n  public ngOnDestroy(): void {\n    this.asyncPipe?.ngOnDestroy();\n  }\n}\n","import { ComponentRef } from '@angular/core';\nimport { isObservable } from 'rxjs';\nimport { AnimatedComponent } from '../facade';\n\nexport function isAnimatedComponent<T>(component?: ComponentRef<T | AnimatedComponent> | null): component is ComponentRef<AnimatedComponent> {\n  return isObservable((component?.instance as AnimatedComponent)?.ngAnimationsDone$);\n}\n","import { isString } from '@odx/angular/internal';\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 { ComponentRef, createComponent, EnvironmentInjector, Type, ViewRef } from '@angular/core';\nimport { GetDynamicViewContext } from '../facade';\nimport { DynamicViewRef } from '../facade/dynamic-view-ref';\nimport { waitForAnimations } from '../helpers';\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 componentRef: ComponentRef<T> | null = null;\n\n  constructor({ component, context, injector, vcr }: DynamicComponentOptions<T>) {\n    this.componentRef = createComponent(component as Type<T>, {\n      environmentInjector: injector.get(EnvironmentInjector),\n      elementInjector: injector,\n    });\n\n    if (vcr) {\n      vcr.insert(this.componentRef.hostView);\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 async destroy(): Promise<void> {\n    this.componentRef?.destroy();\n    await waitForAnimations(this.componentRef).catch();\n    this.componentRef = null;\n  }\n\n  public getElement<T extends Element>(): T {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return this.componentRef!.location.nativeElement;\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 getView(): ViewRef | null {\n    return this.componentRef?.hostView ?? null;\n  }\n}\n","import { ApplicationRef, EmbeddedViewRef, TemplateRef as NgTemplateRef, ViewRef } from '@angular/core';\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 async destroy(): Promise<void> {\n    if (!this.options.vcr && 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 getView(): ViewRef | null {\n    return this.embeddedViewRef;\n  }\n\n  private create({ context, template, vcr }: DynamicTemplateOptions<T>) {\n    if (vcr) {\n      this.embeddedViewRef = vcr.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 { ComponentRef } from '@angular/core';\nimport { lastValueFrom } from 'rxjs';\nimport { AnimatedComponent } from '../facade';\nimport { isAnimatedComponent } from './is-animated-component';\n\nexport async function waitForAnimations<T>(component?: ComponentRef<T | AnimatedComponent> | null): Promise<boolean> {\n  if (isAnimatedComponent(component)) {\n    await lastValueFrom(component.instance.ngAnimationsDone$);\n  }\n  return true;\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 { inject, Injectable, Injector } from '@angular/core';\nimport { isComponent, isTemplateRef } from '@odx/angular/internal';\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 } from './tokens';\n\n@Injectable({ providedIn: 'root' })\nexport class DynamicViewService {\n  private readonly injector = inject(Injector);\n\n  public createView<T extends DynamicContent>(content: T, options: Partial<DynamicViewOptions<T>> = {}): DynamicViewRef<T> {\n    const viewOptions = {\n      ...options,\n      injector: Injector.create({\n        providers: [{ provide: DYNAMIC_VIEW_CONTEXT, useValue: options.context }],\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      });\n    }\n    throw new Error('Content type is not supported');\n  }\n}\n","import { Directive, inject, Injector, Input, OnChanges, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';\nimport { hasChanged, NgChanges } from '@odx/angular/utils';\nimport { DynamicViewService } from './dynamic-view.service';\nimport { DynamicContent, DynamicViewRef, GetDynamicViewContext } from './facade';\nimport { isDynamicTextContent, isDynamicView } from './helpers';\n\n@Directive({\n  selector: '[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 viewRef: DynamicViewRef<T> | null = null;\n\n  @Input('odxDynamicView')\n  public content?: T | DynamicViewRef<T> | null = null;\n\n  @Input('odxDynamicViewInjector')\n  public injector?: Injector;\n\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      this.render(false);\n    }\n    if (hasChanged(changes, 'context')) {\n      this.viewRef?.update(changes.context?.currentValue ?? {});\n    }\n  }\n\n  public async ngOnDestroy(): Promise<void> {\n    await 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 && isDynamicTextContent(this.content)) {\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      this.viewRef = this.dynamicViewService.createView(this.content, {\n        context: this.context ?? undefined,\n        injector: this.injector ?? this.viewContainer.injector,\n        vcr: this.viewContainer,\n      });\n    }\n  }\n\n  private async destroy() {\n    await this.viewRef?.destroy();\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-action-group.mjs

@@ -0,0 +1,39 @@
+import { __decorate, __metadata } from 'tslib';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { ElementRef, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, Input } from '@angular/core';
+import { DISABLED_CONTROLLER_PROVIDER } from '@odx/angular';
+import { CSSComponent } from '@odx/angular/internal';
+import { Transform } from '@odx/angular/utils';
+
+let ActionGroupComponent = class ActionGroupComponent {
+    constructor(element) {
+        this.element = element;
+    }
+};
+ActionGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ActionGroupComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+ActionGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: ActionGroupComponent, isStandalone: true, selector: "odx-action-group", inputs: { reverse: "reverse" }, host: { properties: { "class.odx-action-group--reverse": "this.reverse" } }, providers: [DISABLED_CONTROLLER_PROVIDER], ngImport: i0, template: "<ng-content select=\"[odxButton]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    Transform(coerceBooleanProperty),
+    __metadata("design:type", Boolean)
+], ActionGroupComponent.prototype, "reverse", void 0);
+ActionGroupComponent = __decorate([
+    CSSComponent('action-group'),
+    __metadata("design:paramtypes", [ElementRef])
+], ActionGroupComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ActionGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-action-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [DISABLED_CONTROLLER_PROVIDER], standalone: true, template: "<ng-content select=\"[odxButton]\"></ng-content>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { reverse: [{
+                type: HostBinding,
+                args: ['class.odx-action-group--reverse']
+            }, {
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionGroupComponent };
+//# sourceMappingURL=odx-angular-components-action-group.mjs.map

package/fesm2020/odx-angular-components-action-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-action-group.mjs","sources":["../../../../libs/angular/components/action-group/src/action-group.component.ts","../../../../libs/angular/components/action-group/src/action-group.component.html","../../../../libs/angular/components/action-group/src/odx-angular-components-action-group.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { DISABLED_CONTROLLER_PROVIDER } from '@odx/angular';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { Transform } from '@odx/angular/utils';\n\n@CSSComponent('action-group')\n@Component({\n  selector: 'odx-action-group',\n  templateUrl: './action-group.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [DISABLED_CONTROLLER_PROVIDER],\n  standalone: true,\n})\nexport class ActionGroupComponent {\n  public static ngAcceptInputType_reverse: BooleanInput;\n\n  @HostBinding('class.odx-action-group--reverse')\n  @Transform(coerceBooleanProperty)\n  @Input()\n  public reverse!: boolean;\n\n  constructor(public readonly element: ElementRef<HTMLElement>) {}\n}\n","<ng-content select=\"[odxButton]\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAea,IAAA,oBAAoB,SAApB,oBAAoB,CAAA;AAQ/B,IAAA,WAAA,CAA4B,OAAgC,EAAA;QAAhC,IAAO,CAAA,OAAA,GAAP,OAAO,CAAyB;KAAI;EACjE;iHATY,oBAAoB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAHpB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iCAAA,EAAA,cAAA,EAAA,EAAA,EAAA,SAAA,EAAA,CAAC,4BAA4B,CAAC,0BCZ3C,oDACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;IDkBG,SAAS,CAAC,qBAAqB,CAAC;;AAER,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AANd,oBAAoB,GAAA,UAAA,CAAA;IAThC,YAAY,CAAC,cAAc,CAAC;qCAiBU,UAAU,CAAA,CAAA;AARpC,CAAA,EAAA,oBAAoB,CAShC,CAAA;2FATY,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAEb,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA,CAAC,4BAA4B,CAAC,cAC7B,IAAI,EAAA,QAAA,EAAA,oDAAA,EAAA,CAAA;iGAQT,OAAO,EAAA,CAAA;sBAHb,WAAW;uBAAC,iCAAiC,CAAA;;sBAE7C,KAAK;;;AEpBR;;AAEG;;;;"}

package/fesm2020/odx-angular-components-area-header.mjs

@@ -0,0 +1,115 @@
+import { __decorate, __metadata } from 'tslib';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { ElementRef, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Directive, NgModule } from '@angular/core';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+import { ActionGroupComponent } from '@odx/angular/components/action-group';
+import { AvatarComponent } from '@odx/angular/components/avatar';
+import { ButtonComponent } from '@odx/angular/components/button';
+import { IconComponent } from '@odx/angular/components/icon';
+
+const AreaHeaderSize = {
+    SMALL: 'small',
+    MEDIUM: 'medium',
+    LARGE: 'large',
+    XLARGE: 'xlarge',
+};
+
+let AreaHeaderComponent = class AreaHeaderComponent {
+    constructor(element) {
+        this.element = element;
+    }
+};
+AreaHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AreaHeaderComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+AreaHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: AreaHeaderComponent, isStandalone: true, selector: "odx-area-header", inputs: { size: "size" }, ngImport: i0, template: "<div class=\"odx-area-header__container\">\n  <ng-content select=\"odx-avatar\"></ng-content>\n  <div class=\"odx-area-header__inner\">\n    <div class=\"odx-area-header__title\">\n      <ng-content></ng-content>\n    </div>\n    <ng-content select=\"odx-area-header-subtitle\"></ng-content>\n  </div>\n</div>\n<ng-content select=\"odx-area-header-content\"></ng-content>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    CSSModifier({ default: AreaHeaderSize.XLARGE }),
+    __metadata("design:type", String)
+], AreaHeaderComponent.prototype, "size", void 0);
+AreaHeaderComponent = __decorate([
+    CSSComponent('area-header'),
+    __metadata("design:paramtypes", [ElementRef])
+], AreaHeaderComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AreaHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-area-header', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], standalone: true, template: "<div class=\"odx-area-header__container\">\n  <ng-content select=\"odx-avatar\"></ng-content>\n  <div class=\"odx-area-header__inner\">\n    <div class=\"odx-area-header__title\">\n      <ng-content></ng-content>\n    </div>\n    <ng-content select=\"odx-area-header-subtitle\"></ng-content>\n  </div>\n</div>\n<ng-content select=\"odx-area-header-content\"></ng-content>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { size: [{
+                type: Input
+            }] } });
+
+class AreaHeaderContentDirective {
+}
+AreaHeaderContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AreaHeaderContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AreaHeaderContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: AreaHeaderContentDirective, isStandalone: true, selector: "odx-area-header-content", host: { properties: { "class.odx-area-header__content": "true" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AreaHeaderContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'odx-area-header-content',
+                    standalone: true,
+                    host: {
+                        '[class.odx-area-header__content]': 'true',
+                    },
+                }]
+        }] });
+
+class AreaHeaderSubtitleDirective {
+}
+AreaHeaderSubtitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AreaHeaderSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AreaHeaderSubtitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: AreaHeaderSubtitleDirective, isStandalone: true, selector: "odx-area-header-subtitle", host: { properties: { "class.odx-area-header__subtitle": "true" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AreaHeaderSubtitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'odx-area-header-subtitle',
+                    standalone: true,
+                    host: {
+                        '[class.odx-area-header__subtitle]': 'true',
+                    },
+                }]
+        }] });
+
+const modules = [
+    AreaHeaderComponent,
+    AreaHeaderContentDirective,
+    AreaHeaderSubtitleDirective,
+    AvatarComponent,
+    ActionGroupComponent,
+    ButtonComponent,
+    IconComponent,
+];
+class AreaHeaderModule {
+}
+AreaHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AreaHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AreaHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: AreaHeaderModule, imports: [AreaHeaderComponent,
+        AreaHeaderContentDirective,
+        AreaHeaderSubtitleDirective,
+        AvatarComponent,
+        ActionGroupComponent,
+        ButtonComponent,
+        IconComponent], exports: [AreaHeaderComponent,
+        AreaHeaderContentDirective,
+        AreaHeaderSubtitleDirective,
+        AvatarComponent,
+        ActionGroupComponent,
+        ButtonComponent,
+        IconComponent] });
+AreaHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AreaHeaderModule, imports: [AreaHeaderComponent,
+        AvatarComponent,
+        ActionGroupComponent,
+        ButtonComponent,
+        IconComponent] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AreaHeaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: modules,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AreaHeaderComponent, AreaHeaderContentDirective, AreaHeaderModule, AreaHeaderSize, AreaHeaderSubtitleDirective };
+//# sourceMappingURL=odx-angular-components-area-header.mjs.map

package/fesm2020/odx-angular-components-area-header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-area-header.mjs","sources":["../../../../libs/angular/components/area-header/src/models/area-header-size.ts","../../../../libs/angular/components/area-header/src/area-header.component.ts","../../../../libs/angular/components/area-header/src/area-header.component.html","../../../../libs/angular/components/area-header/src/directives/area-header-content.directive.ts","../../../../libs/angular/components/area-header/src/directives/area-header-subtitle.directive.ts","../../../../libs/angular/components/area-header/src/area-header.module.ts","../../../../libs/angular/components/area-header/src/odx-angular-components-area-header.ts"],"sourcesContent":["export type AreaHeaderSize = typeof AreaHeaderSize[keyof typeof AreaHeaderSize];\n\nexport const AreaHeaderSize = {\n  SMALL: 'small',\n  MEDIUM: 'medium',\n  LARGE: 'large',\n  XLARGE: 'xlarge',\n} as const;\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { AreaHeaderSize } from './models';\n\n@CSSComponent('area-header')\n@Component({\n  selector: 'odx-area-header',\n  templateUrl: './area-header.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule],\n  standalone: true,\n})\nexport class AreaHeaderComponent {\n  @CSSModifier({ default: AreaHeaderSize.XLARGE })\n  @Input()\n  public size!: AreaHeaderSize;\n\n  constructor(public readonly element: ElementRef<HTMLElement>) {}\n}\n","<div class=\"odx-area-header__container\">\n  <ng-content select=\"odx-avatar\"></ng-content>\n  <div class=\"odx-area-header__inner\">\n    <div class=\"odx-area-header__title\">\n      <ng-content></ng-content>\n    </div>\n    <ng-content select=\"odx-area-header-subtitle\"></ng-content>\n  </div>\n</div>\n<ng-content select=\"odx-area-header-content\"></ng-content>\n","import { Directive } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'odx-area-header-content',\n  standalone: true,\n  host: {\n    '[class.odx-area-header__content]': 'true',\n  },\n})\nexport class AreaHeaderContentDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'odx-area-header-subtitle',\n  standalone: true,\n  host: {\n    '[class.odx-area-header__subtitle]': 'true',\n  },\n})\nexport class AreaHeaderSubtitleDirective {}\n","import { NgModule } from '@angular/core';\nimport { ActionGroupComponent } from '@odx/angular/components/action-group';\nimport { AvatarComponent } from '@odx/angular/components/avatar';\nimport { ButtonComponent } from '@odx/angular/components/button';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { AreaHeaderComponent } from './area-header.component';\nimport { AreaHeaderContentDirective, AreaHeaderSubtitleDirective } from './directives';\n\nconst modules = [\n  AreaHeaderComponent,\n  AreaHeaderContentDirective,\n  AreaHeaderSubtitleDirective,\n  AvatarComponent,\n  ActionGroupComponent,\n  ButtonComponent,\n  IconComponent,\n];\n\n@NgModule({\n  imports: modules,\n  exports: modules,\n})\nexport class AreaHeaderModule {}\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-avatar.mjs

@@ -0,0 +1,41 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { ElementRef, Component, ViewEncapsulation, ChangeDetectionStrategy, Input } from '@angular/core';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+
+const AvatarSize = {
+    SMALL: 'small',
+    MEDIUM: 'medium',
+    LARGE: 'large',
+};
+
+let AvatarComponent = class AvatarComponent {
+    constructor(element) {
+        this.element = element;
+    }
+};
+AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AvatarComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: AvatarComponent, isStandalone: true, selector: "odx-avatar", inputs: { size: "size" }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    CSSModifier({
+        default: AvatarSize.SMALL,
+    }),
+    __metadata("design:type", Object)
+], AvatarComponent.prototype, "size", void 0);
+AvatarComponent = __decorate([
+    CSSComponent('avatar'),
+    __metadata("design:paramtypes", [ElementRef])
+], AvatarComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AvatarComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { size: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AvatarComponent, AvatarSize };
+//# sourceMappingURL=odx-angular-components-avatar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-avatar.mjs","sources":["../../../../libs/angular/components/avatar/src/lib/models/avatar-size.ts","../../../../libs/angular/components/avatar/src/lib/avatar.component.ts","../../../../libs/angular/components/avatar/src/lib/avatar.component.html","../../../../libs/angular/components/avatar/src/odx-angular-components-avatar.ts"],"sourcesContent":["export type AvatarSize = typeof AvatarSize[keyof typeof AvatarSize];\n\nexport const AvatarSize = {\n  SMALL: 'small',\n  MEDIUM: 'medium',\n  LARGE: 'large',\n} as const;\n","import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { AvatarSize } from './models';\n\n@CSSComponent('avatar')\n@Component({\n  standalone: true,\n  selector: 'odx-avatar',\n  templateUrl: 'avatar.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AvatarComponent {\n  @CSSModifier({\n    default: AvatarSize.SMALL,\n  })\n  @Input()\n  public size?: AvatarSize | null;\n\n  constructor(public readonly element: ElementRef<HTMLElement>) {}\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAEa,MAAA,UAAU,GAAG;AACxB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,OAAO;;;ACOH,IAAA,eAAe,SAAf,eAAe,CAAA;AAO1B,IAAA,WAAA,CAA4B,OAAgC,EAAA;QAAhC,IAAO,CAAA,OAAA,GAAP,OAAO,CAAyB;KAAI;EACjE;4GARY,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,gGCZ5B,6BACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;ADYG,IAAA,WAAW,CAAC;QACX,OAAO,EAAE,UAAU,CAAC,KAAK;KAC1B,CAAC;;AAE8B,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AALrB,eAAe,GAAA,UAAA,CAAA;IAR3B,YAAY,CAAC,QAAQ,CAAC;qCAegB,UAAU,CAAA,CAAA;AAPpC,CAAA,EAAA,eAAe,CAQ3B,CAAA;2FARY,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,YAAY,EAEP,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6BAAA,EAAA,CAAA;iGAOxC,IAAI,EAAA,CAAA;sBADV,KAAK;;;AEhBR;;AAEG;;;;"}