@odx/angular 1.0.0-rc.1 → 1.0.0-rc.11

package/fesm2020/odx-angular-components-form-field.mjs

@@ -0,0 +1,380 @@
+import * as i0 from '@angular/core';
+import { Injectable, Directive, inject, TemplateRef, Input, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren, ContentChild, NgModule } from '@angular/core';
+import * as i1$1 from '@odx/angular';
+import { Controller, DisabledController, ReadonlyController, CoreModule, WithDisabledState } from '@odx/angular';
+import { DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';
+import { __decorate, __metadata } from 'tslib';
+import { Validators, NgControl, FormControl } from '@angular/forms';
+import { CSSComponent } from '@odx/angular/internal';
+import { createModuleConfigTokens, isTemplateRef, isFunction, untilDestroyed, injectElement, reactiveAttributeBinding, booleanToOptionalAttributeString, reactiveClassBinding, provideModuleConfig } from '@odx/angular/utils';
+import { BehaviorSubject, shareReplay, map, switchMap, merge, of, distinctUntilChanged, tap, EMPTY, startWith, combineLatest, fromEvent, share, NEVER } from 'rxjs';
+import * as i1 from '@angular/common';
+
+const { FormFieldDefaultModuleConfig, FormFieldModuleConfig, injectFormFieldModuleConfig } = createModuleConfigTokens('FormField', '@odx/angular/components/form-field', {
+    errors: {},
+    updateOn: ['blur'],
+});
+
+class FormFieldService extends Controller {
+    constructor() {
+        super(...arguments);
+        this.disabledController = DisabledController.inject();
+        this.readonlyController = ReadonlyController.inject();
+        this.control$$ = new BehaviorSubject(null);
+        this.control$ = this.control$$.pipe(shareReplay({ refCount: true }));
+        this.controlId$ = this.control$.pipe(map((control) => (control ? control.nativeElement.id || `odx-form-field-${FormFieldService.ID++}` : null)), shareReplay({ refCount: true }));
+        this.controlHintId$ = this.controlId$.pipe(map((id) => (id ? `${id}-hint` : null)), shareReplay({ refCount: true }));
+        this.controlErrorId$ = this.controlId$.pipe(map((id) => (id ? `${id}-error` : null)), shareReplay({ refCount: true }));
+        this.isDisabled$ = this.control$.pipe(switchMap((control) => (control ? merge(this.updateControlDisabledState(control), this.getControlDisabledState(control)) : of(false))), distinctUntilChanged(), shareReplay({ refCount: true }));
+        this.isRequired$ = this.control$.pipe(map((control) => (control ? control.nativeElement.hasAttribute('required') || control.control.hasValidator(Validators.required) : false)), shareReplay({ refCount: true }));
+        this.isReadonly$ = this.control$.pipe(switchMap((control) => (control && this.readonlyController ? this.readonlyController.isReadonly$ : of(false))));
+    }
+    ngOnDestroy() {
+        this.control$$.complete();
+        super.ngOnDestroy();
+    }
+    registerControl(control, { nativeElement }) {
+        this.control$$.next({ control, nativeElement });
+    }
+    removeControl() {
+        this.control$$.next(null);
+    }
+    updateControlDisabledState({ control }) {
+        if (this.disabledController) {
+            return this.disabledController.isDisabled$.pipe(tap((state) => {
+                if (state) {
+                    control.disable();
+                }
+                else {
+                    control.enable();
+                }
+            }));
+        }
+        return EMPTY;
+    }
+    getControlDisabledState({ control }) {
+        return control.statusChanges.pipe(startWith(control.status), map((status) => status === 'DISABLED'), distinctUntilChanged());
+    }
+}
+FormFieldService.ID = 0;
+FormFieldService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+FormFieldService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldService, decorators: [{
+            type: Injectable
+        }] });
+
+const DEFAULT_CUSTOM_FORM_FIELD_ERROR = '@odx/angular/form-field/default-error';
+class FormFieldErrorService {
+    constructor() {
+        this.config = injectFormFieldModuleConfig();
+        this.fieldError$$ = new BehaviorSubject(null);
+        this.customErrors$$ = new BehaviorSubject({});
+        this.error$ = combineLatest([this.fieldError$$, this.customErrors$$]).pipe(map(([error, customErrors]) => this.resolveError(error, customErrors)), distinctUntilChanged(), shareReplay({ refCount: true }));
+        this.hasError$ = this.error$.pipe(map((error) => error !== null));
+    }
+    get hasError() {
+        return this.fieldError$$.getValue() !== null;
+    }
+    ngOnDestroy() {
+        this.fieldError$$.next(null);
+        this.customErrors$$.next({});
+        this.fieldError$$.complete();
+        this.customErrors$$.complete();
+    }
+    setError(errors) {
+        if (!errors) {
+            this.fieldError$$.next(null);
+        }
+        else {
+            const [key, context] = Object.entries(errors)[0];
+            this.fieldError$$.next({ key, context });
+        }
+    }
+    registerCustomError(key, template) {
+        this.customErrors$$.next({ ...this.customErrors$$.getValue(), [key || DEFAULT_CUSTOM_FORM_FIELD_ERROR]: template });
+    }
+    resolveError(error, customErrors) {
+        if (!error)
+            return null;
+        const { key, context } = error;
+        const message = customErrors[key] ?? customErrors[DEFAULT_CUSTOM_FORM_FIELD_ERROR];
+        if (isTemplateRef(message)) {
+            return {
+                message,
+                context: { $implicit: context },
+            };
+        }
+        const getMessage = this.config.errors[key] ?? null;
+        return isFunction(getMessage) ? { message: getMessage(context) } : null;
+    }
+}
+FormFieldErrorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldErrorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+FormFieldErrorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldErrorService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldErrorService, decorators: [{
+            type: Injectable
+        }] });
+
+let FormDirective = class FormDirective {
+    constructor() {
+        this.takeUntilDestroyed = untilDestroyed();
+        this.element = injectElement();
+        this.submit$ = fromEvent(this.element.nativeElement, 'submit').pipe(this.takeUntilDestroyed(), share());
+        this.reset$ = fromEvent(this.element.nativeElement, 'reset').pipe(this.takeUntilDestroyed(), share());
+    }
+};
+FormDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+FormDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: FormDirective, isStandalone: true, selector: "form[odxForm]", ngImport: i0 });
+FormDirective = __decorate([
+    CSSComponent('form')
+], FormDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'form[odxForm]',
+                }]
+        }] });
+
+let FormFieldControlDirective = class FormFieldControlDirective {
+    constructor() {
+        this.config = injectFormFieldModuleConfig();
+        this.ngControl = inject(NgControl, { optional: true, self: true });
+        this.form = inject(FormDirective, { optional: true, skipSelf: true });
+        this.onFormReset$ = this.form?.reset$ ?? EMPTY;
+        this.onFormSubmit$ = this.form?.submit$ ?? EMPTY;
+        this.formFieldService = inject(FormFieldService);
+        this.formFieldErrorService = inject(FormFieldErrorService);
+        this.takeUntilDestroyed = untilDestroyed();
+        this.element = injectElement();
+        reactiveAttributeBinding(this.formFieldService.controlId$, 'id');
+        reactiveAttributeBinding(this.formFieldService.controlHintId$, 'aria-describedby');
+        reactiveAttributeBinding(this.formFieldService.isReadonly$, 'readonly');
+        reactiveAttributeBinding(this.formFieldService.isDisabled$.pipe(map(booleanToOptionalAttributeString)), 'aria-disabled');
+        reactiveAttributeBinding(this.formFieldService.isReadonly$.pipe(map(booleanToOptionalAttributeString)), 'aria-readonly');
+        reactiveAttributeBinding(this.formFieldService.isRequired$.pipe(map(booleanToOptionalAttributeString)), 'aria-required');
+        reactiveAttributeBinding(this.formFieldErrorService.hasError$.pipe(map(booleanToOptionalAttributeString)), 'aria-invalid');
+        reactiveAttributeBinding(this.formFieldErrorService.hasError$.pipe(switchMap((hasError) => (hasError ? this.formFieldService.controlErrorId$ : of(null)))), 'aria-errormessage');
+    }
+    ngOnInit() {
+        const control = this.ngControl?.control;
+        this.formFieldService.registerControl(control ?? new FormControl(), this.element);
+        if (!control)
+            return;
+        const controlChanges$ = merge(this.registerOnBlur(control), this.registerOnChange(control), this.registerOnSubmit(control));
+        const changes$ = merge(this.onFormReset$.pipe(tap(() => this.formFieldErrorService?.setError(null))), controlChanges$.pipe(tap(() => this.formFieldErrorService?.setError(control.errors))));
+        changes$.pipe(this.takeUntilDestroyed()).subscribe();
+    }
+    ngOnDestroy() {
+        this.formFieldService.removeControl();
+    }
+    registerOnBlur({ valueChanges }) {
+        if (this.config.updateOn.includes('blur')) {
+            return fromEvent(this.element.nativeElement, 'focusout').pipe(switchMap(() => valueChanges.pipe(startWith(true))));
+        }
+        return EMPTY;
+    }
+    registerOnChange({ valueChanges }) {
+        if (this.config.updateOn.includes('change')) {
+            return valueChanges;
+        }
+        return EMPTY;
+    }
+    registerOnSubmit({ statusChanges, valueChanges }) {
+        return merge(this.onFormSubmit$, this.onFormReset$).pipe(switchMap(({ type }) => (type === 'submit' ? merge(statusChanges, valueChanges).pipe(startWith(true)) : NEVER)));
+    }
+};
+FormFieldControlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+FormFieldControlDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: FormFieldControlDirective, isStandalone: true, selector: "[odxFormFieldControl]", exportAs: ["odxFormFieldControl"], ngImport: i0 });
+FormFieldControlDirective = __decorate([
+    CSSComponent('form-field-control'),
+    __metadata("design:paramtypes", [])
+], FormFieldControlDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[odxFormFieldControl]',
+                    exportAs: 'odxFormFieldControl',
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class FormFieldErrorDirective {
+    constructor() {
+        this.formFieldErrorService = inject(FormFieldErrorService, { skipSelf: true });
+        this.template = inject(TemplateRef, { self: true });
+    }
+    ngOnInit() {
+        this.formFieldErrorService.registerCustomError(this.key, this.template);
+    }
+}
+FormFieldErrorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldErrorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+FormFieldErrorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: FormFieldErrorDirective, isStandalone: true, selector: "[odxFormFieldError]", inputs: { key: ["odxFormFieldError", "key"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldErrorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[odxFormFieldError]',
+                }]
+        }], propDecorators: { key: [{
+                type: Input,
+                args: ['odxFormFieldError']
+            }] } });
+
+class FormFieldHintDirective {
+    constructor() {
+        this.formFieldService = inject(FormFieldService, { skipSelf: true });
+        reactiveAttributeBinding(inject(FormFieldService).controlHintId$, 'id');
+    }
+}
+FormFieldHintDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+FormFieldHintDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: FormFieldHintDirective, isStandalone: true, selector: "odx-form-field-hint", host: { properties: { "class.odx-form-field__hint": "true" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldHintDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'odx-form-field-hint',
+                    host: {
+                        '[class.odx-form-field__hint]': 'true',
+                    },
+                }]
+        }], ctorParameters: function () { return []; } });
+
+let FormFieldLabelDirective = class FormFieldLabelDirective {
+    constructor() {
+        this.element = injectElement();
+    }
+};
+FormFieldLabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+FormFieldLabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: FormFieldLabelDirective, isStandalone: true, selector: "odx-form-field-label", ngImport: i0 });
+FormFieldLabelDirective = __decorate([
+    CSSComponent('form-field-label')
+], FormFieldLabelDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldLabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'odx-form-field-label',
+                }]
+        }] });
+
+class FormFieldInfoComponent {
+    constructor() {
+        this.formFieldService = inject(FormFieldService);
+        this.error = null;
+    }
+}
+FormFieldInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FormFieldInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: FormFieldInfoComponent, isStandalone: true, selector: "odx-form-field-info", inputs: { error: "error" }, host: { properties: { "class.odx-form-field__info": "true" } }, ngImport: i0, template: "<span class=\"odx-form-field-error\" [attr.id]=\"formFieldService.controlErrorId$ | async\" *ngIf=\"error; else hint\">\n  <ng-template [odxDynamicView]=\"error.message\" [odxDynamicViewContext]=\"error.context\"></ng-template>\n</span>\n<ng-template #hint>\n  <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "directive", type: DynamicViewDirective, selector: "ng-template[odxDynamicView]", inputs: ["odxDynamicView", "odxDynamicViewInjector", "odxDynamicViewContext"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldInfoComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-form-field-info', encapsulation: ViewEncapsulation.None, imports: [CoreModule, DynamicViewDirective, FormFieldHintDirective], host: {
+                        '[class.odx-form-field__info]': 'true',
+                    }, template: "<span class=\"odx-form-field-error\" [attr.id]=\"formFieldService.controlErrorId$ | async\" *ngIf=\"error; else hint\">\n  <ng-template [odxDynamicView]=\"error.message\" [odxDynamicViewContext]=\"error.context\"></ng-template>\n</span>\n<ng-template #hint>\n  <ng-content></ng-content>\n</ng-template>\n" }]
+        }], propDecorators: { error: [{
+                type: Input
+            }] } });
+
+let FormGroupComponent = class FormGroupComponent {
+    constructor() {
+        this.element = injectElement();
+        this.error$ = null;
+    }
+    ngAfterContentInit() {
+        this.error$ = this.formFieldErrorServices.changes.pipe(startWith(this.formFieldErrorServices), switchMap((services) => combineLatest(services.map((service) => service.error$))), map((errors) => errors.find((error) => error !== null) ?? null));
+    }
+};
+FormGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FormGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: FormGroupComponent, isStandalone: true, selector: "odx-form-group", providers: [FormFieldService], queries: [{ propertyName: "formFieldErrorServices", predicate: FormFieldErrorService }], ngImport: i0, template: "<div class=\"odx-form-group__content\" odxLayout=\"grid auto vertical-end\">\n  <ng-content select=\"odx-form-field\"> </ng-content>\n</div>\n<odx-form-field-info [error]=\"error$ | async\">\n  <ng-content select=\"odx-form-field-hint\"></ng-content>\n</odx-form-field-info>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "component", type: FormFieldInfoComponent, selector: "odx-form-field-info", inputs: ["error"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+FormGroupComponent = __decorate([
+    CSSComponent('form-group')
+], FormGroupComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormGroupComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CoreModule, FormFieldInfoComponent], providers: [FormFieldService], template: "<div class=\"odx-form-group__content\" odxLayout=\"grid auto vertical-end\">\n  <ng-content select=\"odx-form-field\"> </ng-content>\n</div>\n<odx-form-field-info [error]=\"error$ | async\">\n  <ng-content select=\"odx-form-field-hint\"></ng-content>\n</odx-form-field-info>\n" }]
+        }], propDecorators: { formFieldErrorServices: [{
+                type: ContentChildren,
+                args: [FormFieldErrorService, { descendants: false }]
+            }] } });
+
+let FormFieldComponent = class FormFieldComponent {
+    constructor() {
+        this.formGroup = inject(FormGroupComponent, { optional: true, host: true });
+        this.formFieldService = inject(FormFieldService, { self: true });
+        this.formFieldErrorService = inject(FormFieldErrorService, { self: true });
+        this.element = injectElement();
+        this.label = null;
+        reactiveClassBinding(this.formFieldService.isRequired$, 'odx-form-field--required');
+        reactiveClassBinding(this.formFieldService.isDisabled$, 'is-disabled');
+        reactiveClassBinding(this.formFieldService.isReadonly$, 'is-readonly');
+        reactiveClassBinding(this.formFieldErrorService.hasError$, 'has-error');
+    }
+    get hasLabel() {
+        return !!(this.labelDirective || this.label);
+    }
+    get isStandalone() {
+        return !this.formGroup;
+    }
+};
+FormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: FormFieldComponent, isStandalone: true, selector: "odx-form-field", inputs: { label: "label" }, providers: [FormFieldService, FormFieldErrorService, ReadonlyController.connect()], queries: [{ propertyName: "labelDirective", first: true, predicate: FormFieldLabelDirective, descendants: true }], hostDirectives: [{ directive: i1$1.WithDisabledState }], ngImport: i0, template: "<label class=\"odx-form-field__label\" [attr.for]=\"formFieldService.controlId$ | async\" [attr.aria-owns]=\"formFieldService.controlId$ | async\" *ngIf=\"hasLabel\">\n  <odx-form-field-label *ngIf=\"label; else labelTemplate\">\n    {{ label }}\n  </odx-form-field-label>\n  <ng-template #labelTemplate>\n    <ng-content select=\"odx-form-field-label\"></ng-content>\n  </ng-template>\n</label>\n<div class=\"odx-form-field__inner\">\n  <div class=\"odx-form-field__control\">\n    <div class=\"odx-form-field__prefix\">\n      <ng-content select=\"[odxFormFieldPrefix]\"></ng-content>\n    </div>\n    <ng-content></ng-content>\n    <div class=\"odx-form-field__suffix\">\n      <ng-content select=\"[odxFormFieldSuffix]\"></ng-content>\n    </div>\n  </div>\n  <odx-form-field-info [error]=\"formFieldErrorService.error$ | async\" *ngIf=\"!formGroup\">\n    <ng-content select=\"odx-form-field-hint\"></ng-content>\n  </odx-form-field-info>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "component", type: FormFieldInfoComponent, selector: "odx-form-field-info", inputs: ["error"] }, { kind: "directive", type: FormFieldLabelDirective, selector: "odx-form-field-label" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+FormFieldComponent = __decorate([
+    CSSComponent('form-field'),
+    __metadata("design:paramtypes", [])
+], FormFieldComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-form-field', imports: [CoreModule, FormFieldInfoComponent, FormFieldLabelDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormFieldService, FormFieldErrorService, ReadonlyController.connect()], hostDirectives: [WithDisabledState], template: "<label class=\"odx-form-field__label\" [attr.for]=\"formFieldService.controlId$ | async\" [attr.aria-owns]=\"formFieldService.controlId$ | async\" *ngIf=\"hasLabel\">\n  <odx-form-field-label *ngIf=\"label; else labelTemplate\">\n    {{ label }}\n  </odx-form-field-label>\n  <ng-template #labelTemplate>\n    <ng-content select=\"odx-form-field-label\"></ng-content>\n  </ng-template>\n</label>\n<div class=\"odx-form-field__inner\">\n  <div class=\"odx-form-field__control\">\n    <div class=\"odx-form-field__prefix\">\n      <ng-content select=\"[odxFormFieldPrefix]\"></ng-content>\n    </div>\n    <ng-content></ng-content>\n    <div class=\"odx-form-field__suffix\">\n      <ng-content select=\"[odxFormFieldSuffix]\"></ng-content>\n    </div>\n  </div>\n  <odx-form-field-info [error]=\"formFieldErrorService.error$ | async\" *ngIf=\"!formGroup\">\n    <ng-content select=\"odx-form-field-hint\"></ng-content>\n  </odx-form-field-info>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { labelDirective: [{
+                type: ContentChild,
+                args: [FormFieldLabelDirective]
+            }], label: [{
+                type: Input
+            }] } });
+
+const modules = [
+    FormFieldComponent,
+    FormGroupComponent,
+    FormDirective,
+    FormFieldControlDirective,
+    FormFieldErrorDirective,
+    FormFieldHintDirective,
+    FormFieldLabelDirective,
+];
+class FormFieldModule {
+    static forRoot(config) {
+        return {
+            ngModule: FormFieldModule,
+            providers: [provideModuleConfig(FormFieldModuleConfig, config)],
+        };
+    }
+}
+FormFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: FormFieldModule, imports: [FormFieldComponent,
+        FormGroupComponent,
+        FormDirective,
+        FormFieldControlDirective,
+        FormFieldErrorDirective,
+        FormFieldHintDirective,
+        FormFieldLabelDirective], exports: [CoreModule, FormFieldComponent,
+        FormGroupComponent,
+        FormDirective,
+        FormFieldControlDirective,
+        FormFieldErrorDirective,
+        FormFieldHintDirective,
+        FormFieldLabelDirective] });
+FormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldModule, imports: [FormFieldComponent,
+        FormGroupComponent, CoreModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FormFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormDirective, FormFieldComponent, FormFieldControlDirective, FormFieldErrorDirective, FormFieldErrorService, FormFieldHintDirective, FormFieldInfoComponent, FormFieldLabelDirective, FormFieldModule, FormGroupComponent };
+//# sourceMappingURL=odx-angular-components-form-field.mjs.map

package/fesm2020/odx-angular-components-form-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-form-field.mjs","sources":["../../../../libs/angular/components/form-field/src/lib/form-field.config.ts","../../../../libs/angular/components/form-field/src/lib/form-field.service.ts","../../../../libs/angular/components/form-field/src/lib/services/form-field-error.service.ts","../../../../libs/angular/components/form-field/src/lib/directives/form.directive.ts","../../../../libs/angular/components/form-field/src/lib/directives/form-field-control.directive.ts","../../../../libs/angular/components/form-field/src/lib/directives/form-field-error.directive.ts","../../../../libs/angular/components/form-field/src/lib/directives/form-field-hint.directive.ts","../../../../libs/angular/components/form-field/src/lib/directives/form-field-label.directive.ts","../../../../libs/angular/components/form-field/src/lib/components/form-field-info/form-field-info.component.ts","../../../../libs/angular/components/form-field/src/lib/components/form-field-info/form-field-info.component.html","../../../../libs/angular/components/form-field/src/lib/components/form-group/form-group.component.ts","../../../../libs/angular/components/form-field/src/lib/components/form-group/form-group.component.html","../../../../libs/angular/components/form-field/src/lib/form-field.component.ts","../../../../libs/angular/components/form-field/src/lib/form-field.component.html","../../../../libs/angular/components/form-field/src/lib/form-field.module.ts","../../../../libs/angular/components/form-field/src/odx-angular-components-form-field.ts"],"sourcesContent":["import { createModuleConfigTokens } from '@odx/angular/utils';\nimport { FormFieldErrorResolvers } from './models';\n\nexport interface FormFieldModuleConfig {\n  /**\n   * Object of error resolvers used to resolve error messages globally\n   * @default {}\n   */\n  errors: FormFieldErrorResolvers;\n  /**\n   * Detect form field control changes on `blur` and/or `change`\n   * @default ['blur']\n   */\n  updateOn: Array<'blur' | 'change'>;\n}\n\nexport const { FormFieldDefaultModuleConfig, FormFieldModuleConfig, injectFormFieldModuleConfig } = createModuleConfigTokens(\n  'FormField',\n  '@odx/angular/components/form-field',\n  {\n    errors: {},\n    updateOn: ['blur'],\n  } as FormFieldModuleConfig\n);\n","import { ElementRef, Injectable, OnDestroy } from '@angular/core';\nimport { AbstractControl, Validators } from '@angular/forms';\nimport { Controller, DisabledController, ReadonlyController } from '@odx/angular';\nimport { BehaviorSubject, distinctUntilChanged, EMPTY, map, merge, Observable, of, shareReplay, startWith, switchMap, tap } from 'rxjs';\n\ninterface FieldControl {\n  control: AbstractControl;\n  nativeElement: HTMLElement;\n}\n\n@Injectable()\nexport class FormFieldService extends Controller implements OnDestroy {\n  private static ID = 0;\n\n  private readonly disabledController = DisabledController.inject();\n  private readonly readonlyController = ReadonlyController.inject();\n  private readonly control$$ = new BehaviorSubject<FieldControl | null>(null);\n\n  public readonly control$ = this.control$$.pipe(shareReplay({ refCount: true }));\n  public readonly controlId$ = this.control$.pipe(\n    map((control) => (control ? control.nativeElement.id || `odx-form-field-${FormFieldService.ID++}` : null)),\n    shareReplay({ refCount: true })\n  );\n  public readonly controlHintId$ = this.controlId$.pipe(\n    map((id) => (id ? `${id}-hint` : null)),\n    shareReplay({ refCount: true })\n  );\n  public readonly controlErrorId$ = this.controlId$.pipe(\n    map((id) => (id ? `${id}-error` : null)),\n    shareReplay({ refCount: true })\n  );\n  public readonly isDisabled$ = this.control$.pipe(\n    switchMap((control) => (control ? merge(this.updateControlDisabledState(control), this.getControlDisabledState(control)) : of(false))),\n    distinctUntilChanged(),\n    shareReplay({ refCount: true })\n  );\n  public readonly isRequired$ = this.control$.pipe(\n    map((control) => (control ? control.nativeElement.hasAttribute('required') || control.control.hasValidator(Validators.required) : false)),\n    shareReplay({ refCount: true })\n  );\n  public readonly isReadonly$ = this.control$.pipe(\n    switchMap((control) => (control && this.readonlyController ? this.readonlyController.isReadonly$ : of(false)))\n  );\n\n  public override ngOnDestroy(): void {\n    this.control$$.complete();\n    super.ngOnDestroy();\n  }\n\n  public registerControl(control: AbstractControl, { nativeElement }: ElementRef<HTMLElement>): void {\n    this.control$$.next({ control, nativeElement });\n  }\n\n  public removeControl(): void {\n    this.control$$.next(null);\n  }\n\n  private updateControlDisabledState({ control }: FieldControl): Observable<boolean> {\n    if (this.disabledController) {\n      return this.disabledController.isDisabled$.pipe(\n        tap((state) => {\n          if (state) {\n            control.disable();\n          } else {\n            control.enable();\n          }\n        })\n      );\n    }\n    return EMPTY;\n  }\n\n  private getControlDisabledState({ control }: FieldControl): Observable<boolean> {\n    return control.statusChanges.pipe(\n      startWith(control.status),\n      map((status) => status === 'DISABLED'),\n      distinctUntilChanged()\n    );\n  }\n}\n","import { Injectable, OnDestroy, TemplateRef } from '@angular/core';\nimport { ValidationErrors } from '@angular/forms';\nimport { isFunction, isTemplateRef } from '@odx/angular/utils';\nimport { BehaviorSubject, combineLatest, distinctUntilChanged, map, shareReplay } from 'rxjs';\nimport { injectFormFieldModuleConfig } from '../form-field.config';\nimport { FormFieldError } from '../models';\n\nconst DEFAULT_CUSTOM_FORM_FIELD_ERROR = '@odx/angular/form-field/default-error';\n\ninterface NgFormFieldError {\n  key: string;\n  context: unknown;\n}\n\ntype CustomFormFieldErrors = Record<string, TemplateRef<unknown>>;\n\n@Injectable()\nexport class FormFieldErrorService implements OnDestroy {\n  private readonly config = injectFormFieldModuleConfig();\n  private readonly fieldError$$ = new BehaviorSubject<NgFormFieldError | null>(null);\n  private readonly customErrors$$ = new BehaviorSubject<CustomFormFieldErrors>({});\n\n  public readonly error$ = combineLatest([this.fieldError$$, this.customErrors$$]).pipe(\n    map(([error, customErrors]) => this.resolveError(error, customErrors)),\n    distinctUntilChanged(),\n    shareReplay({ refCount: true })\n  );\n  public readonly hasError$ = this.error$.pipe(map((error) => error !== null));\n\n  public get hasError(): boolean {\n    return this.fieldError$$.getValue() !== null;\n  }\n\n  public ngOnDestroy(): void {\n    this.fieldError$$.next(null);\n    this.customErrors$$.next({});\n    this.fieldError$$.complete();\n    this.customErrors$$.complete();\n  }\n\n  public setError(errors?: ValidationErrors | null): void {\n    if (!errors) {\n      this.fieldError$$.next(null);\n    } else {\n      const [key, context] = Object.entries(errors)[0];\n      this.fieldError$$.next({ key, context });\n    }\n  }\n\n  public registerCustomError(key: string | undefined, template: TemplateRef<unknown>): void {\n    this.customErrors$$.next({ ...this.customErrors$$.getValue(), [key || DEFAULT_CUSTOM_FORM_FIELD_ERROR]: template });\n  }\n\n  private resolveError(error: NgFormFieldError | null, customErrors: CustomFormFieldErrors): FormFieldError | null {\n    if (!error) return null;\n    const { key, context } = error;\n    const message = customErrors[key] ?? customErrors[DEFAULT_CUSTOM_FORM_FIELD_ERROR];\n    if (isTemplateRef(message)) {\n      return {\n        message,\n        context: { $implicit: context },\n      };\n    }\n\n    const getMessage = this.config.errors[key] ?? null;\n    return isFunction(getMessage) ? { message: getMessage(context) } : null;\n  }\n}\n","import { Directive } from '@angular/core';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement, untilDestroyed } from '@odx/angular/utils';\nimport { fromEvent, share } from 'rxjs';\n\n@CSSComponent('form')\n@Directive({\n  standalone: true,\n  selector: 'form[odxForm]',\n})\nexport class FormDirective {\n  private readonly takeUntilDestroyed = untilDestroyed();\n\n  public readonly element = injectElement<HTMLFormElement>();\n  public readonly submit$ = fromEvent<Event>(this.element.nativeElement, 'submit').pipe(this.takeUntilDestroyed(), share());\n  public readonly reset$ = fromEvent<Event>(this.element.nativeElement, 'reset').pipe(this.takeUntilDestroyed(), share());\n}\n","import { Directive, inject, OnDestroy, OnInit } from '@angular/core';\nimport { AbstractControl, FormControl, NgControl } from '@angular/forms';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { booleanToOptionalAttributeString, injectElement, reactiveAttributeBinding, untilDestroyed } from '@odx/angular/utils';\nimport { EMPTY, fromEvent, map, merge, NEVER, Observable, of, startWith, switchMap, tap } from 'rxjs';\nimport { injectFormFieldModuleConfig } from '../form-field.config';\nimport { FormFieldService } from '../form-field.service';\nimport { FormFieldErrorService } from '../services';\nimport { FormDirective } from './form.directive';\n\n@CSSComponent('form-field-control')\n@Directive({\n  standalone: true,\n  selector: '[odxFormFieldControl]',\n  exportAs: 'odxFormFieldControl',\n})\nexport class FormFieldControlDirective implements OnInit, OnDestroy {\n  private readonly config = injectFormFieldModuleConfig();\n  private readonly ngControl = inject(NgControl, { optional: true, self: true });\n  private readonly form = inject(FormDirective, { optional: true, skipSelf: true });\n  private readonly onFormReset$ = this.form?.reset$ ?? EMPTY;\n  private readonly onFormSubmit$ = this.form?.submit$ ?? EMPTY;\n  private readonly formFieldService = inject(FormFieldService);\n  private readonly formFieldErrorService = inject(FormFieldErrorService);\n  private readonly takeUntilDestroyed = untilDestroyed();\n  public readonly element = injectElement();\n\n  constructor() {\n    reactiveAttributeBinding(this.formFieldService.controlId$, 'id');\n    reactiveAttributeBinding(this.formFieldService.controlHintId$, 'aria-describedby');\n    reactiveAttributeBinding(this.formFieldService.isReadonly$, 'readonly');\n    reactiveAttributeBinding(this.formFieldService.isDisabled$.pipe(map(booleanToOptionalAttributeString)), 'aria-disabled');\n    reactiveAttributeBinding(this.formFieldService.isReadonly$.pipe(map(booleanToOptionalAttributeString)), 'aria-readonly');\n    reactiveAttributeBinding(this.formFieldService.isRequired$.pipe(map(booleanToOptionalAttributeString)), 'aria-required');\n    reactiveAttributeBinding(this.formFieldErrorService.hasError$.pipe(map(booleanToOptionalAttributeString)), 'aria-invalid');\n    reactiveAttributeBinding(\n      this.formFieldErrorService.hasError$.pipe(switchMap((hasError) => (hasError ? this.formFieldService.controlErrorId$ : of(null)))),\n      'aria-errormessage'\n    );\n  }\n\n  public ngOnInit() {\n    const control = this.ngControl?.control;\n    this.formFieldService.registerControl(control ?? new FormControl(), this.element);\n    if (!control) return;\n\n    const controlChanges$ = merge(this.registerOnBlur(control), this.registerOnChange(control), this.registerOnSubmit(control));\n    const changes$ = merge(\n      this.onFormReset$.pipe(tap(() => this.formFieldErrorService?.setError(null))),\n      controlChanges$.pipe(tap(() => this.formFieldErrorService?.setError(control.errors)))\n    );\n    changes$.pipe(this.takeUntilDestroyed()).subscribe();\n  }\n\n  public ngOnDestroy(): void {\n    this.formFieldService.removeControl();\n  }\n\n  private registerOnBlur({ valueChanges }: AbstractControl): Observable<unknown> {\n    if (this.config.updateOn.includes('blur')) {\n      return fromEvent(this.element.nativeElement, 'focusout').pipe(switchMap(() => valueChanges.pipe(startWith(true))));\n    }\n    return EMPTY;\n  }\n\n  private registerOnChange({ valueChanges }: AbstractControl): Observable<unknown> {\n    if (this.config.updateOn.includes('change')) {\n      return valueChanges;\n    }\n    return EMPTY;\n  }\n\n  private registerOnSubmit({ statusChanges, valueChanges }: AbstractControl): Observable<unknown> {\n    return merge(this.onFormSubmit$, this.onFormReset$).pipe(\n      switchMap(({ type }) => (type === 'submit' ? merge(statusChanges, valueChanges).pipe(startWith(true)) : NEVER))\n    );\n  }\n}\n","import { Directive, inject, Input, OnInit, TemplateRef } from '@angular/core';\nimport { FormFieldErrorService } from '../services';\n\n@Directive({\n  standalone: true,\n  selector: '[odxFormFieldError]',\n})\nexport class FormFieldErrorDirective implements OnInit {\n  private readonly formFieldErrorService = inject(FormFieldErrorService, { skipSelf: true });\n  private readonly template = inject(TemplateRef, { self: true });\n\n  @Input('odxFormFieldError')\n  public key?: string;\n\n  public ngOnInit() {\n    this.formFieldErrorService.registerCustomError(this.key, this.template);\n  }\n}\n","import { Directive, inject } from '@angular/core';\nimport { reactiveAttributeBinding } from '@odx/angular/utils';\nimport { FormFieldService } from '../form-field.service';\n\n@Directive({\n  standalone: true,\n  selector: 'odx-form-field-hint',\n  host: {\n    '[class.odx-form-field__hint]': 'true',\n  },\n})\nexport class FormFieldHintDirective {\n  protected readonly formFieldService = inject(FormFieldService, { skipSelf: true });\n\n  constructor() {\n    reactiveAttributeBinding(inject(FormFieldService).controlHintId$, 'id');\n  }\n}\n","import { Directive } from '@angular/core';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('form-field-label')\n@Directive({\n  standalone: true,\n  selector: 'odx-form-field-label',\n})\nexport class FormFieldLabelDirective {\n  public readonly element = injectElement();\n}\n","import { Component, inject, Input, ViewEncapsulation } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';\nimport { FormFieldHintDirective } from '../../directives';\nimport { FormFieldService } from '../../form-field.service';\nimport { FormFieldError } from '../../models';\n\n@Component({\n  standalone: true,\n  selector: 'odx-form-field-info',\n  templateUrl: './form-field-info.component.html',\n  encapsulation: ViewEncapsulation.None,\n  imports: [CoreModule, DynamicViewDirective, FormFieldHintDirective],\n  host: {\n    '[class.odx-form-field__info]': 'true',\n  },\n})\nexport class FormFieldInfoComponent {\n  protected readonly formFieldService = inject(FormFieldService);\n\n  @Input()\n  public error: FormFieldError | null = null;\n}\n","<span class=\"odx-form-field-error\" [attr.id]=\"formFieldService.controlErrorId$ | async\" *ngIf=\"error; else hint\">\n  <ng-template [odxDynamicView]=\"error.message\" [odxDynamicViewContext]=\"error.context\"></ng-template>\n</span>\n<ng-template #hint>\n  <ng-content></ng-content>\n</ng-template>\n","import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, QueryList, ViewEncapsulation } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { combineLatest, map, Observable, startWith, switchMap } from 'rxjs';\nimport { FormFieldService } from '../../form-field.service';\nimport { FormFieldError } from '../../models';\nimport { FormFieldErrorService } from '../../services';\nimport { FormFieldInfoComponent } from '../form-field-info/form-field-info.component';\n\n@CSSComponent('form-group')\n@Component({\n  standalone: true,\n  selector: 'odx-form-group',\n  templateUrl: './form-group.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CoreModule, FormFieldInfoComponent],\n  providers: [FormFieldService],\n})\nexport class FormGroupComponent implements AfterContentInit {\n  public readonly element = injectElement();\n  public error$: Observable<FormFieldError | null> | null = null;\n\n  @ContentChildren(FormFieldErrorService, { descendants: false })\n  public formFieldErrorServices!: QueryList<FormFieldErrorService>;\n\n  public ngAfterContentInit() {\n    this.error$ = this.formFieldErrorServices.changes.pipe(\n      startWith<QueryList<FormFieldErrorService>>(this.formFieldErrorServices),\n      switchMap((services) => combineLatest(services.map((service) => service.error$))),\n      map((errors) => errors.find((error) => error !== null) ?? null)\n    );\n  }\n}\n","<div class=\"odx-form-group__content\" odxLayout=\"grid auto vertical-end\">\n  <ng-content select=\"odx-form-field\"> </ng-content>\n</div>\n<odx-form-field-info [error]=\"error$ | async\">\n  <ng-content select=\"odx-form-field-hint\"></ng-content>\n</odx-form-field-info>\n","import { ChangeDetectionStrategy, Component, ContentChild, inject, Input, ViewEncapsulation } from '@angular/core';\nimport { CoreModule, ReadonlyController, WithDisabledState } from '@odx/angular';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement, reactiveClassBinding } from '@odx/angular/utils';\nimport { FormFieldInfoComponent, FormGroupComponent } from './components';\nimport { FormFieldLabelDirective } from './directives';\nimport { FormFieldService } from './form-field.service';\nimport { FormFieldErrorService } from './services';\n\n@CSSComponent('form-field')\n@Component({\n  standalone: true,\n  selector: 'odx-form-field',\n  imports: [CoreModule, FormFieldInfoComponent, FormFieldLabelDirective],\n  templateUrl: './form-field.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [FormFieldService, FormFieldErrorService, ReadonlyController.connect()],\n  hostDirectives: [WithDisabledState],\n})\nexport class FormFieldComponent {\n  protected readonly formGroup = inject(FormGroupComponent, { optional: true, host: true });\n  protected readonly formFieldService = inject(FormFieldService, { self: true });\n  protected readonly formFieldErrorService = inject(FormFieldErrorService, { self: true });\n  public readonly element = injectElement();\n\n  @ContentChild(FormFieldLabelDirective)\n  public labelDirective?: FormFieldLabelDirective;\n\n  @Input()\n  public label?: string | null = null;\n\n  public get hasLabel(): boolean {\n    return !!(this.labelDirective || this.label);\n  }\n\n  public get isStandalone(): boolean {\n    return !this.formGroup;\n  }\n\n  constructor() {\n    reactiveClassBinding(this.formFieldService.isRequired$, 'odx-form-field--required');\n    reactiveClassBinding(this.formFieldService.isDisabled$, 'is-disabled');\n    reactiveClassBinding(this.formFieldService.isReadonly$, 'is-readonly');\n    reactiveClassBinding(this.formFieldErrorService.hasError$, 'has-error');\n  }\n}\n","<label class=\"odx-form-field__label\" [attr.for]=\"formFieldService.controlId$ | async\" [attr.aria-owns]=\"formFieldService.controlId$ | async\" *ngIf=\"hasLabel\">\n  <odx-form-field-label *ngIf=\"label; else labelTemplate\">\n    {{ label }}\n  </odx-form-field-label>\n  <ng-template #labelTemplate>\n    <ng-content select=\"odx-form-field-label\"></ng-content>\n  </ng-template>\n</label>\n<div class=\"odx-form-field__inner\">\n  <div class=\"odx-form-field__control\">\n    <div class=\"odx-form-field__prefix\">\n      <ng-content select=\"[odxFormFieldPrefix]\"></ng-content>\n    </div>\n    <ng-content></ng-content>\n    <div class=\"odx-form-field__suffix\">\n      <ng-content select=\"[odxFormFieldSuffix]\"></ng-content>\n    </div>\n  </div>\n  <odx-form-field-info [error]=\"formFieldErrorService.error$ | async\" *ngIf=\"!formGroup\">\n    <ng-content select=\"odx-form-field-hint\"></ng-content>\n  </odx-form-field-info>\n</div>\n","import { ModuleWithProviders, NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { ModuleConfigDependencies, ModuleConfigProvider, provideModuleConfig } from '@odx/angular/utils';\nimport { FormGroupComponent } from './components';\nimport { FormDirective, FormFieldControlDirective, FormFieldErrorDirective, FormFieldHintDirective, FormFieldLabelDirective } from './directives';\nimport { FormFieldComponent } from './form-field.component';\nimport { FormFieldModuleConfig } from './form-field.config';\n\nconst modules = [\n  FormFieldComponent,\n  FormGroupComponent,\n  FormDirective,\n  FormFieldControlDirective,\n  FormFieldErrorDirective,\n  FormFieldHintDirective,\n  FormFieldLabelDirective,\n];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class FormFieldModule {\n  public static forRoot<D extends ModuleConfigDependencies>(\n    config: ModuleConfigProvider<Partial<FormFieldModuleConfig>, D>\n  ): ModuleWithProviders<FormFieldModule> {\n    return {\n      ngModule: FormFieldModule,\n      providers: [provideModuleConfig(FormFieldModuleConfig, config)],\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2"],"mappings":"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"}

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

@@ -1,24 +1,31 @@
 import * as i0 from '@angular/core';
-import { Directive, ElementRef, Component, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { __decorate, __metadata } from 'tslib';
-import { CommonModule } from '@angular/common';
+import { inject, Directive, Component, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { ButtonComponent, ButtonVariant } from '@odx/angular/components/button';
+import { __decorate } from 'tslib';
 import { LogoDirective } from '@odx/angular/components/logo';
 import { CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import { CoreModule } from '@odx/angular';
 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';
 import { MainMenuModule } from '@odx/angular/components/main-menu';
 
 class HeaderAvatarDirective {
+    constructor() {
+        this.button = inject(ButtonComponent, { self: true });
+    }
+    ngAfterViewInit() {
+        this.button.variant = ButtonVariant.GHOST;
+    }
 }
-HeaderAvatarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: HeaderAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-HeaderAvatarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: HeaderAvatarDirective, isStandalone: true, selector: "button[odxHeaderAvatar]", host: { properties: { "class.odx-header__avatar": "true" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: HeaderAvatarDirective, decorators: [{
+HeaderAvatarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: HeaderAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+HeaderAvatarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: HeaderAvatarDirective, isStandalone: true, selector: "button[odxButton][odxHeaderAvatar]", host: { properties: { "class.odx-header__avatar": "true" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: HeaderAvatarDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
-                    selector: 'button[odxHeaderAvatar]',
+                    selector: 'button[odxButton][odxHeaderAvatar]',
                     host: {
                         '[class.odx-header__avatar]': 'true',
                     },
@@ -27,12 +34,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
 
 class HeaderTitleDirective {
 }
-HeaderTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: HeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-HeaderTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: HeaderTitleDirective, isStandalone: true, selector: "odx-header-title", host: { properties: { "class.odx-header__title": "true" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: HeaderTitleDirective, decorators: [{
+HeaderTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: HeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+HeaderTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: HeaderTitleDirective, isStandalone: true, selector: "odx-header-title", host: { properties: { "class.odx-header__title": "true" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: HeaderTitleDirective, decorators: [{
             type: Directive,
             args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: 'odx-header-title',
                     standalone: true,
                     host: {
@@ -42,20 +48,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
         }] });
 
 let HeaderComponent = class HeaderComponent {
-    constructor(element) {
-        this.element = element;
+    constructor() {
+        this.element = injectElement();
     }
 };
-HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: HeaderComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: HeaderComponent, isStandalone: true, selector: "odx-header", ngImport: i0, template: "<ng-content select=\"button[odxMainMenuButton]\"></ng-content>\n<ng-content select=\"odx-header-title\"></ng-content>\n<odx-logo></odx-logo>\n<ng-content select=\"odx-action-group\"></ng-content>\n<ng-content select=\"[odxHeaderAvatar]\"></ng-content>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LogoDirective, selector: "odx-logo", inputs: ["size", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: HeaderComponent, isStandalone: true, selector: "odx-header", ngImport: i0, template: "<ng-content select=\"button[odxMainMenuButton]\"></ng-content>\n<ng-content select=\"odx-header-title\"></ng-content>\n<odx-logo></odx-logo>\n<ng-content select=\"odx-action-group\"></ng-content>\n<ng-content select=\"[odxHeaderAvatar]\"></ng-content>\n", dependencies: [{ kind: "directive", type: LogoDirective, selector: "odx-logo", inputs: ["size", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 HeaderComponent = __decorate([
-    CSSComponent('header'),
-    __metadata("design:paramtypes", [ElementRef])
+    CSSComponent('header')
 ], HeaderComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: HeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'odx-header', imports: [CommonModule, LogoDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"button[odxMainMenuButton]\"></ng-content>\n<ng-content select=\"odx-header-title\"></ng-content>\n<odx-logo></odx-logo>\n<ng-content select=\"odx-action-group\"></ng-content>\n<ng-content select=\"[odxHeaderAvatar]\"></ng-content>\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+            args: [{ standalone: true, selector: 'odx-header', imports: [LogoDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"button[odxMainMenuButton]\"></ng-content>\n<ng-content select=\"odx-header-title\"></ng-content>\n<odx-logo></odx-logo>\n<ng-content select=\"odx-action-group\"></ng-content>\n<ng-content select=\"[odxHeaderAvatar]\"></ng-content>\n" }]
+        }] });
 
 const modules = [
     HeaderComponent,
@@ -66,40 +71,36 @@ const modules = [
     IconComponent,
     ButtonComponent,
     AvatarComponent,
-    LogoDirective,
 ];
 class HeaderModule {
 }
-HeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: HeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-HeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: HeaderModule, imports: [HeaderComponent,
+HeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: HeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+HeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: HeaderModule, imports: [HeaderComponent,
         HeaderTitleDirective,
         HeaderAvatarDirective,
         MainMenuModule,
         ActionGroupComponent,
         IconComponent,
         ButtonComponent,
-        AvatarComponent,
-        LogoDirective], exports: [HeaderComponent,
+        AvatarComponent], exports: [CoreModule, HeaderComponent,
         HeaderTitleDirective,
         HeaderAvatarDirective,
         MainMenuModule,
         ActionGroupComponent,
         IconComponent,
         ButtonComponent,
-        AvatarComponent,
-        LogoDirective] });
-HeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: HeaderModule, imports: [HeaderComponent,
+        AvatarComponent] });
+HeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: HeaderModule, imports: [HeaderComponent,
         MainMenuModule,
         ActionGroupComponent,
         IconComponent,
         ButtonComponent,
-        AvatarComponent,
-        MainMenuModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: HeaderModule, decorators: [{
+        AvatarComponent, CoreModule, MainMenuModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: HeaderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: modules,
-                    exports: modules,
+                    exports: [CoreModule, ...modules],
                 }]
         }] });