@odx/angular 2.16.1 → 3.1.0

package/esm2022/components/form-field/lib/directives/form-field-control.directive.mjs

@@ -0,0 +1,74 @@
+import { __decorate, __metadata } from "tslib";
+import { Directive, inject } from '@angular/core';
+import { FormControl, NgControl } from '@angular/forms';
+import { CSSComponent } from '@odx/angular/internal';
+import { booleanToOptionalAttributeString, injectElement, reactiveAttributeBinding, untilDestroyed } from '@odx/angular/utils';
+import { EMPTY, fromEvent, map, merge, NEVER, of, startWith, switchMap, tap } from 'rxjs';
+import { injectFormFieldConfig } from '../form-field.config';
+import { FormFieldService } from '../form-field.service';
+import { FormFieldErrorService } from '../services';
+import { FormDirective } from './form.directive';
+import * as i0 from "@angular/core";
+export let FormFieldControlDirective = class FormFieldControlDirective {
+    constructor() {
+        this.config = injectFormFieldConfig();
+        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)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", 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: "16.2.12", ngImport: i0, type: FormFieldControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[odxFormFieldControl]',
+                    exportAs: 'odxFormFieldControl',
+                }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC1jb250cm9sLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL2Zvcm0tZmllbGQvc3JjL2xpYi9kaXJlY3RpdmVzL2Zvcm0tZmllbGQtY29udHJvbC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUNyRSxPQUFPLEVBQW1CLFdBQVcsRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDckQsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLGFBQWEsRUFBRSx3QkFBd0IsRUFBRSxjQUFjLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUMvSCxPQUFPLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBYyxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDdEcsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDekQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7QUFRMUMsV0FBTSx5QkFBeUIsR0FBL0IsTUFBTSx5QkFBeUI7SUFXcEM7UUFWaUIsV0FBTSxHQUFHLHFCQUFxQixFQUFFLENBQUM7UUFDakMsY0FBUyxHQUFHLE1BQU0sQ0FBQyxTQUFTLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FB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SyxDQUFDLENBQUMsQ0FDaEgsQ0FBQztJQUNKLENBQUM7K0dBNURVLHlCQUF5QjttR0FBekIseUJBQXlCOztBQUF6Qix5QkFBeUI7SUFOckMsWUFBWSxDQUFDLG9CQUFvQixDQUFDOztHQU10Qix5QkFBeUIsQ0E2RHJDOzRGQTdEWSx5QkFBeUI7a0JBTHJDLFNBQVM7bUJBQUM7b0JBQ1QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLFFBQVEsRUFBRSxxQkFBcUI7aUJBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBpbmplY3QsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIEZvcm1Db250cm9sLCBOZ0NvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDU1NDb21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvaW50ZXJuYWwnO1xuaW1wb3J0IHsgYm9vbGVhblRvT3B0aW9uYWxBdHRyaWJ1dGVTdHJpbmcsIGluamVjdEVsZW1lbnQsIHJlYWN0aXZlQXR0cmlidXRlQmluZGluZywgdW50aWxEZXN0cm95ZWQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvdXRpbHMnO1xuaW1wb3J0IHsgRU1QVFksIGZyb21FdmVudCwgbWFwLCBtZXJnZSwgTkVWRVIsIE9ic2VydmFibGUsIG9mLCBzdGFydFdpdGgsIHN3aXRjaE1hcCwgdGFwIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBpbmplY3RGb3JtRmllbGRDb25maWcgfSBmcm9tICcuLi9mb3JtLWZpZWxkLmNvbmZpZyc7XG5pbXBvcnQgeyBGb3JtRmllbGRTZXJ2aWNlIH0gZnJvbSAnLi4vZm9ybS1maWVsZC5zZXJ2aWNlJztcbmltcG9ydCB7IEZvcm1GaWVsZEVycm9yU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzJztcbmltcG9ydCB7IEZvcm1EaXJlY3RpdmUgfSBmcm9tICcuL2Zvcm0uZGlyZWN0aXZlJztcblxuQENTU0NvbXBvbmVudCgnZm9ybS1maWVsZC1jb250cm9sJylcbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ1tvZHhGb3JtRmllbGRDb250cm9sXScsXG4gIGV4cG9ydEFzOiAnb2R4Rm9ybUZpZWxkQ29udHJvbCcsXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1GaWVsZENvbnRyb2xEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIHByaXZhdGUgcmVhZG9ubHkgY29uZmlnID0gaW5qZWN0Rm9ybUZpZWxkQ29uZmlnKCk7XG4gIHByaXZhdGUgcmVhZG9ubHkgbmdDb250cm9sID0gaW5qZWN0KE5nQ29udHJvbCwgeyBvcHRpb25hbDogdHJ1ZSwgc2VsZjogdHJ1ZSB9KTtcbiAgcHJpdmF0ZSByZWFkb25seSBmb3JtID0gaW5qZWN0KEZvcm1EaXJlY3RpdmUsIHsgb3B0aW9uYWw6IHRydWUsIHNraXBTZWxmOiB0cnVlIH0pO1xuICBwcml2YXRlIHJlYWRvbmx5IG9uRm9ybVJlc2V0JCA9IHRoaXMuZm9ybT8ucmVzZXQkID8/IEVNUFRZO1xuICBwcml2YXRlIHJlYWRvbmx5IG9uRm9ybVN1Ym1pdCQgPSB0aGlzLmZvcm0/LnN1Ym1pdCQgPz8gRU1QVFk7XG4gIHByaXZhdGUgcmVhZG9ubHkgZm9ybUZpZWxkU2VydmljZSA9IGluamVjdChGb3JtRmllbGRTZXJ2aWNlKTtcbiAgcHJpdmF0ZSByZWFkb25seSBmb3JtRmllbGRFcnJvclNlcnZpY2UgPSBpbmplY3QoRm9ybUZpZWxkRXJyb3JTZXJ2aWNlKTtcbiAgcHJpdmF0ZSByZWFkb25seSB0YWtlVW50aWxEZXN0cm95ZWQgPSB1bnRpbERlc3Ryb3llZCgpO1xuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQoKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICByZWFjdGl2ZUF0dHJpYnV0ZUJpbmRpbmcodGhpcy5mb3JtRmllbGRTZXJ2aWNlLmNvbnRyb2xJZCQsICdpZCcpO1xuICAgIHJlYWN0aXZlQXR0cmlidXRlQmluZGluZyh0aGlzLmZvcm1GaWVsZFNlcnZpY2UuY29udHJvbEhpbnRJZCQsICdhcmlhLWRlc2NyaWJlZGJ5Jyk7XG4gICAgcmVhY3RpdmVBdHRyaWJ1dGVCaW5kaW5nKHRoaXMuZm9ybUZpZWxkU2VydmljZS5pc1JlYWRvbmx5JCwgJ3JlYWRvbmx5Jyk7XG4gICAgcmVhY3RpdmVBdHRyaWJ1dGVCaW5kaW5nKHRoaXMuZm9ybUZpZWxkU2VydmljZS5pc0Rpc2FibGVkJC5waXBlKG1hcChib29sZWFuVG9PcHRpb25hbEF0dHJpYnV0ZVN0cmluZykpLCAnYXJpYS1kaXNhYmxlZCcpO1xuICAgIHJlYWN0aXZlQXR0cmlidXRlQmluZGluZyh0aGlzLmZvcm1GaWVsZFNlcnZpY2UuaXNSZWFkb25seSQucGlwZShtYXAoYm9vbGVhblRvT3B0aW9uYWxBdHRyaWJ1dGVTdHJpbmcpKSwgJ2FyaWEtcmVhZG9ubHknKTtcbiAgICByZWFjdGl2ZUF0dHJpYnV0ZUJpbmRpbmcodGhpcy5mb3JtRmllbGRTZXJ2aWNlLmlzUmVxdWlyZWQkLnBpcGUobWFwKGJvb2xlYW5Ub09wdGlvbmFsQXR0cmlidXRlU3RyaW5nKSksICdhcmlhLXJlcXVpcmVkJyk7XG4gICAgcmVhY3RpdmVBdHRyaWJ1dGVCaW5kaW5nKHRoaXMuZm9ybUZpZWxkRXJyb3JTZXJ2aWNlLmhhc0Vycm9yJC5waXBlKG1hcChib29sZWFuVG9PcHRpb25hbEF0dHJpYnV0ZVN0cmluZykpLCAnYXJpYS1pbnZhbGlkJyk7XG4gICAgcmVhY3RpdmVBdHRyaWJ1dGVCaW5kaW5nKFxuICAgICAgdGhpcy5mb3JtRmllbGRFcnJvclNlcnZpY2UuaGFzRXJyb3IkLnBpcGUoc3dpdGNoTWFwKChoYXNFcnJvcikgPT4gKGhhc0Vycm9yID8gdGhpcy5mb3JtRmllbGRTZXJ2aWNlLmNvbnRyb2xFcnJvcklkJCA6IG9mKG51bGwpKSkpLFxuICAgICAgJ2FyaWEtZXJyb3JtZXNzYWdlJ1xuICAgICk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkluaXQoKSB7XG4gICAgY29uc3QgY29udHJvbCA9IHRoaXMubmdDb250cm9sPy5jb250cm9sO1xuICAgIHRoaXMuZm9ybUZpZWxkU2VydmljZS5yZWdpc3RlckNvbnRyb2woY29udHJvbCA/PyBuZXcgRm9ybUNvbnRyb2woKSwgdGhpcy5lbGVtZW50KTtcbiAgICBpZiAoIWNvbnRyb2wpIHJldHVybjtcblxuICAgIGNvbnN0IGNvbnRyb2xDaGFuZ2VzJCA9IG1lcmdlKHRoaXMucmVnaXN0ZXJPbkJsdXIoY29udHJvbCksIHRoaXMucmVnaXN0ZXJPbkNoYW5nZShjb250cm9sKSwgdGhpcy5yZWdpc3Rlck9uU3VibWl0KGNvbnRyb2wpKTtcbiAgICBjb25zdCBjaGFuZ2VzJCA9IG1lcmdlKFxuICAgICAgdGhpcy5vbkZvcm1SZXNldCQucGlwZSh0YXAoKCkgPT4gdGhpcy5mb3JtRmllbGRFcnJvclNlcnZpY2U/LnNldEVycm9yKG51bGwpKSksXG4gICAgICBjb250cm9sQ2hhbmdlcyQucGlwZSh0YXAoKCkgPT4gdGhpcy5mb3JtRmllbGRFcnJvclNlcnZpY2U/LnNldEVycm9yKGNvbnRyb2wuZXJyb3JzKSkpXG4gICAgKTtcbiAgICBjaGFuZ2VzJC5waXBlKHRoaXMudGFrZVVudGlsRGVzdHJveWVkKCkpLnN1YnNjcmliZSgpO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuZm9ybUZpZWxkU2VydmljZS5yZW1vdmVDb250cm9sKCk7XG4gIH1cblxuICBwcml2YXRlIHJlZ2lzdGVyT25CbHVyKHsgdmFsdWVDaGFuZ2VzIH06IEFic3RyYWN0Q29udHJvbCk6IE9ic2VydmFibGU8dW5rbm93bj4ge1xuICAgIGlmICh0aGlzLmNvbmZpZy51cGRhdGVPbi5pbmNsdWRlcygnYmx1cicpKSB7XG4gICAgICByZXR1cm4gZnJvbUV2ZW50KHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LCAnZm9jdXNvdXQnKS5waXBlKHN3aXRjaE1hcCgoKSA9PiB2YWx1ZUNoYW5nZXMucGlwZShzdGFydFdpdGgodHJ1ZSkpKSk7XG4gICAgfVxuICAgIHJldHVybiBFTVBUWTtcbiAgfVxuXG4gIHByaXZhdGUgcmVnaXN0ZXJPbkNoYW5nZSh7IHZhbHVlQ2hhbmdlcyB9OiBBYnN0cmFjdENvbnRyb2wpOiBPYnNlcnZhYmxlPHVua25vd24+IHtcbiAgICBpZiAodGhpcy5jb25maWcudXBkYXRlT24uaW5jbHVkZXMoJ2NoYW5nZScpKSB7XG4gICAgICByZXR1cm4gdmFsdWVDaGFuZ2VzO1xuICAgIH1cbiAgICByZXR1cm4gRU1QVFk7XG4gIH1cblxuICBwcml2YXRlIHJlZ2lzdGVyT25TdWJtaXQoeyBzdGF0dXNDaGFuZ2VzLCB2YWx1ZUNoYW5nZXMgfTogQWJzdHJhY3RDb250cm9sKTogT2JzZXJ2YWJsZTx1bmtub3duPiB7XG4gICAgcmV0dXJuIG1lcmdlKHRoaXMub25Gb3JtU3VibWl0JCwgdGhpcy5vbkZvcm1SZXNldCQpLnBpcGUoXG4gICAgICBzd2l0Y2hNYXAoKHsgdHlwZSB9KSA9PiAodHlwZSA9PT0gJ3N1Ym1pdCcgPyBtZXJnZShzdGF0dXNDaGFuZ2VzLCB2YWx1ZUNoYW5nZXMpLnBpcGUoc3RhcnRXaXRoKHRydWUpKSA6IE5FVkVSKSlcbiAgICApO1xuICB9XG59XG4iXX0=

package/esm2022/components/form-field/lib/directives/form-field-error.directive.mjs

@@ -0,0 +1,25 @@
+import { Directive, inject, Input, TemplateRef } from '@angular/core';
+import { FormFieldErrorService } from '../services';
+import * as i0 from "@angular/core";
+export class FormFieldErrorDirective {
+    constructor() {
+        this.formFieldErrorService = inject(FormFieldErrorService, { skipSelf: true });
+        this.template = inject(TemplateRef, { self: true });
+    }
+    ngOnInit() {
+        this.formFieldErrorService.registerCustomError(this.key, this.template);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldErrorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldErrorDirective, isStandalone: true, selector: "[odxFormFieldError]", inputs: { key: ["odxFormFieldError", "key"] }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldErrorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[odxFormFieldError]',
+                }]
+        }], propDecorators: { key: [{
+                type: Input,
+                args: ['odxFormFieldError']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC1lcnJvci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9mb3JtLWZpZWxkL3NyYy9saWIvZGlyZWN0aXZlcy9mb3JtLWZpZWxkLWVycm9yLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7QUFNcEQsTUFBTSxPQUFPLHVCQUF1QjtJQUpwQztRQUttQiwwQkFBcUIsR0FBRyxNQUFNLENBQUMscUJBQXFCLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUMxRSxhQUFRLEdBQUcsTUFBTSxDQUFDLFdBQVcsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0tBUWpFO0lBSFEsUUFBUTtRQUNiLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMxRSxDQUFDOytHQVRVLHVCQUF1QjttR0FBdkIsdUJBQXVCOzs0RkFBdkIsdUJBQXVCO2tCQUpuQyxTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUscUJBQXFCO2lCQUNoQzs4QkFNUSxHQUFHO3NCQURULEtBQUs7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBpbmplY3QsIElucHV0LCBPbkluaXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtRmllbGRFcnJvclNlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlcyc7XG5cbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ1tvZHhGb3JtRmllbGRFcnJvcl0nLFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtRmllbGRFcnJvckRpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgZm9ybUZpZWxkRXJyb3JTZXJ2aWNlID0gaW5qZWN0KEZvcm1GaWVsZEVycm9yU2VydmljZSwgeyBza2lwU2VsZjogdHJ1ZSB9KTtcbiAgcHJpdmF0ZSByZWFkb25seSB0ZW1wbGF0ZSA9IGluamVjdChUZW1wbGF0ZVJlZiwgeyBzZWxmOiB0cnVlIH0pO1xuXG4gIEBJbnB1dCgnb2R4Rm9ybUZpZWxkRXJyb3InKVxuICBwdWJsaWMga2V5Pzogc3RyaW5nO1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmZvcm1GaWVsZEVycm9yU2VydmljZS5yZWdpc3RlckN1c3RvbUVycm9yKHRoaXMua2V5LCB0aGlzLnRlbXBsYXRlKTtcbiAgfVxufVxuIl19

package/esm2022/components/form-field/lib/directives/form-field-hint.directive.mjs

@@ -0,0 +1,23 @@
+import { Directive, inject } from '@angular/core';
+import { reactiveAttributeBinding } from '@odx/angular/utils';
+import { FormFieldService } from '../form-field.service';
+import * as i0 from "@angular/core";
+export class FormFieldHintDirective {
+    constructor() {
+        this.formFieldService = inject(FormFieldService, { skipSelf: true });
+        reactiveAttributeBinding(inject(FormFieldService).controlHintId$, 'id');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", 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: "16.2.12", 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 []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC1oaW50LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL2Zvcm0tZmllbGQvc3JjL2xpYi9kaXJlY3RpdmVzL2Zvcm0tZmllbGQtaGludC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDOUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBU3pELE1BQU0sT0FBTyxzQkFBc0I7SUFHakM7UUFGbUIscUJBQWdCLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFHakYsd0JBQXdCLENBQUMsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUMsY0FBYyxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQzFFLENBQUM7K0dBTFUsc0JBQXNCO21HQUF0QixzQkFBc0I7OzRGQUF0QixzQkFBc0I7a0JBUGxDLFNBQVM7bUJBQUM7b0JBQ1QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxxQkFBcUI7b0JBQy9CLElBQUksRUFBRTt3QkFDSiw4QkFBOEIsRUFBRSxNQUFNO3FCQUN2QztpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyByZWFjdGl2ZUF0dHJpYnV0ZUJpbmRpbmcgfSBmcm9tICdAb2R4L2FuZ3VsYXIvdXRpbHMnO1xuaW1wb3J0IHsgRm9ybUZpZWxkU2VydmljZSB9IGZyb20gJy4uL2Zvcm0tZmllbGQuc2VydmljZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ29keC1mb3JtLWZpZWxkLWhpbnQnLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5vZHgtZm9ybS1maWVsZF9faGludF0nOiAndHJ1ZScsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1GaWVsZEhpbnREaXJlY3RpdmUge1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZm9ybUZpZWxkU2VydmljZSA9IGluamVjdChGb3JtRmllbGRTZXJ2aWNlLCB7IHNraXBTZWxmOiB0cnVlIH0pO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHJlYWN0aXZlQXR0cmlidXRlQmluZGluZyhpbmplY3QoRm9ybUZpZWxkU2VydmljZSkuY29udHJvbEhpbnRJZCQsICdpZCcpO1xuICB9XG59XG4iXX0=

package/esm2022/components/form-field/lib/directives/form-field-label.directive.mjs

@@ -0,0 +1,23 @@
+import { __decorate } from "tslib";
+import { Directive } from '@angular/core';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import * as i0 from "@angular/core";
+export let FormFieldLabelDirective = class FormFieldLabelDirective {
+    constructor() {
+        this.element = injectElement();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", 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: "16.2.12", ngImport: i0, type: FormFieldLabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'odx-form-field-label',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC1sYWJlbC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9mb3JtLWZpZWxkL3NyYy9saWIvZGlyZWN0aXZlcy9mb3JtLWZpZWxkLWxhYmVsLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQU81QyxXQUFNLHVCQUF1QixHQUE3QixNQUFNLHVCQUF1QjtJQUE3QjtRQUNXLFlBQU8sR0FBRyxhQUFhLEVBQUUsQ0FBQztLQUMzQzsrR0FGWSx1QkFBdUI7bUdBQXZCLHVCQUF1Qjs7QUFBdkIsdUJBQXVCO0lBTG5DLFlBQVksQ0FBQyxrQkFBa0IsQ0FBQztHQUtwQix1QkFBdUIsQ0FFbkM7NEZBRlksdUJBQXVCO2tCQUpuQyxTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsc0JBQXNCO2lCQUNqQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvdXRpbHMnO1xuXG5AQ1NTQ29tcG9uZW50KCdmb3JtLWZpZWxkLWxhYmVsJylcbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ29keC1mb3JtLWZpZWxkLWxhYmVsJyxcbn0pXG5leHBvcnQgY2xhc3MgRm9ybUZpZWxkTGFiZWxEaXJlY3RpdmUge1xuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQoKTtcbn1cbiJdfQ==

package/esm2022/components/form-field/lib/directives/form.directive.mjs

@@ -0,0 +1,27 @@
+import { __decorate } from "tslib";
+import { Directive } from '@angular/core';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement, untilDestroyed } from '@odx/angular/utils';
+import { fromEvent, share } from 'rxjs';
+import * as i0 from "@angular/core";
+export 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());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FormDirective, isStandalone: true, selector: "form[odxForm]", ngImport: i0 }); }
+};
+FormDirective = __decorate([
+    CSSComponent('form')
+], FormDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'form[odxForm]',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9mb3JtLWZpZWxkL3NyYy9saWIvZGlyZWN0aXZlcy9mb3JtLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxjQUFjLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNuRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFPakMsV0FBTSxhQUFhLEdBQW5CLE1BQU0sYUFBYTtJQUFuQjtRQUNZLHVCQUFrQixHQUFHLGNBQWMsRUFBRSxDQUFDO1FBRXZDLFlBQU8sR0FBRyxhQUFhLEVBQW1CLENBQUM7UUFDM0MsWUFBTyxHQUFHLFNBQVMsQ0FBUSxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsRUFBRSxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixFQUFFLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUMxRyxXQUFNLEdBQUcsU0FBUyxDQUFRLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxFQUFFLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsa0JBQWtCLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO0tBQ3pIOytHQU5ZLGFBQWE7bUdBQWIsYUFBYTs7QUFBYixhQUFhO0lBTHpCLFlBQVksQ0FBQyxNQUFNLENBQUM7R0FLUixhQUFhLENBTXpCOzRGQU5ZLGFBQWE7a0JBSnpCLFNBQVM7bUJBQUM7b0JBQ1QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxlQUFlO2lCQUMxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQsIHVudGlsRGVzdHJveWVkIH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcbmltcG9ydCB7IGZyb21FdmVudCwgc2hhcmUgfSBmcm9tICdyeGpzJztcblxuQENTU0NvbXBvbmVudCgnZm9ybScpXG5ARGlyZWN0aXZlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdmb3JtW29keEZvcm1dJyxcbn0pXG5leHBvcnQgY2xhc3MgRm9ybURpcmVjdGl2ZSB7XG4gIHByaXZhdGUgcmVhZG9ubHkgdGFrZVVudGlsRGVzdHJveWVkID0gdW50aWxEZXN0cm95ZWQoKTtcblxuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQ8SFRNTEZvcm1FbGVtZW50PigpO1xuICBwdWJsaWMgcmVhZG9ubHkgc3VibWl0JCA9IGZyb21FdmVudDxFdmVudD4odGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQsICdzdWJtaXQnKS5waXBlKHRoaXMudGFrZVVudGlsRGVzdHJveWVkKCksIHNoYXJlKCkpO1xuICBwdWJsaWMgcmVhZG9ubHkgcmVzZXQkID0gZnJvbUV2ZW50PEV2ZW50Pih0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCwgJ3Jlc2V0JykucGlwZSh0aGlzLnRha2VVbnRpbERlc3Ryb3llZCgpLCBzaGFyZSgpKTtcbn1cbiJdfQ==

package/esm2022/components/form-field/lib/form-field.component.mjs

@@ -0,0 +1,64 @@
+import { __decorate, __metadata } from "tslib";
+import { booleanAttribute, ChangeDetectionStrategy, Component, ContentChild, inject, Input, ViewEncapsulation } from '@angular/core';
+import { CoreModule, DisabledController, ReadonlyController } from '@odx/angular';
+import { CSSComponent, CSSModifier } from '@odx/angular/internal';
+import { injectElement, reactiveClassBinding } from '@odx/angular/utils';
+import { BehaviorSubject, combineLatest, map } from 'rxjs';
+import { FormFieldInfoComponent, FormGroupComponent } from './components';
+import { FormFieldLabelDirective } from './directives';
+import { FormFieldService } from './form-field.service';
+import { FormFieldVariant } from './models';
+import { FormFieldErrorService } from './services';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export let FormFieldComponent = class FormFieldComponent {
+    set hasWarning(value) {
+        this.hasWarning$$.next(value);
+    }
+    get hasWarning() {
+        return this.hasWarning$$.getValue();
+    }
+    get hasLabel() {
+        return !!(this.labelDirective || this.label);
+    }
+    constructor() {
+        this.hasWarning$$ = new BehaviorSubject(false);
+        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;
+        this.variant = FormFieldVariant.FULL;
+        const hasWarning$ = combineLatest([this.formFieldErrorService.error$, this.hasWarning$$]).pipe(map(([hasError, hasWarning]) => hasError && hasWarning));
+        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');
+        reactiveClassBinding(hasWarning$, 'has-warning');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.12", type: FormFieldComponent, isStandalone: true, selector: "odx-form-field", inputs: { label: "label", hasWarning: ["hasWarning", "hasWarning", booleanAttribute], variant: "variant" }, providers: [FormFieldService, FormFieldErrorService, DisabledController.connect(), ReadonlyController.connect()], queries: [{ propertyName: "labelDirective", first: true, predicate: FormFieldLabelDirective, descendants: true }], ngImport: i0, template: "<label class=\"odx-form-field__label\" [attr.for]=\"formFieldService.controlId$ | async\" [attr.aria-owns]=\"formFieldService.controlId$ | async\" *ngIf=\"hasLabel\">\n  <ng-container *ngIf=\"label; else labelTemplate\">\n    <odx-form-field-label>{{ label }}</odx-form-field-label>\n    <span class=\"odx-form-field__label-is-required\" *ngIf=\"formFieldService.isRequired$ | async\">*</span>\n  </ng-container>\n  <ng-template #labelTemplate>\n    <ng-content select=\"odx-form-field-label\"></ng-content>\n    <span class=\"odx-form-field__label-is-required\" *ngIf=\"formFieldService.isRequired$ | async\">*</span>\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 }); }
+};
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], FormFieldComponent.prototype, "variant", void 0);
+FormFieldComponent = __decorate([
+    CSSComponent('form-field'),
+    __metadata("design:paramtypes", [])
+], FormFieldComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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, DisabledController.connect(), ReadonlyController.connect()], template: "<label class=\"odx-form-field__label\" [attr.for]=\"formFieldService.controlId$ | async\" [attr.aria-owns]=\"formFieldService.controlId$ | async\" *ngIf=\"hasLabel\">\n  <ng-container *ngIf=\"label; else labelTemplate\">\n    <odx-form-field-label>{{ label }}</odx-form-field-label>\n    <span class=\"odx-form-field__label-is-required\" *ngIf=\"formFieldService.isRequired$ | async\">*</span>\n  </ng-container>\n  <ng-template #labelTemplate>\n    <ng-content select=\"odx-form-field-label\"></ng-content>\n    <span class=\"odx-form-field__label-is-required\" *ngIf=\"formFieldService.isRequired$ | async\">*</span>\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
+            }], hasWarning: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], variant: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9mb3JtLWZpZWxkL3NyYy9saWIvZm9ybS1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9mb3JtLWZpZWxkL3NyYy9saWIvZm9ybS1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNySSxPQUFPLEVBQUUsVUFBVSxFQUFFLGtCQUFrQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMzRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDMUUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ3ZELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUM1QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxZQUFZLENBQUM7OztBQVk1QyxXQUFNLGtCQUFrQixHQUF4QixNQUFNLGtCQUFrQjtJQWM3QixJQUNXLFVBQVUsQ0FBQyxLQUFjO1FBQ2xDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFDRCxJQUFXLFVBQVU7UUFDbkIsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3RDLENBQUM7SUFNRCxJQUFXLFFBQVE7UUFDakIsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsY0FBYyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBRUQ7UUE3Qm1CLGlCQUFZLEdBQUcsSUFBSSxlQUFlLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFMUMsY0FBUyxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFDdkUscUJBQWdCLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFDNUQsMEJBQXFCLEdBQUcsTUFBTSxDQUFDLHFCQUFxQixFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFDekUsWUFBTyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBTW5DLFVBQUssR0FBbUIsSUFBSSxDQUFDO1FBWTdCLFlBQU8sR0FBNEIsZ0JBQWdCLENBQUMsSUFBSSxDQUFDO1FBTzlELE1BQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQyxDQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFLFVBQVUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxRQUFRLElBQUksVUFBVSxDQUFDLENBQUMsQ0FBQztRQUN4SixvQkFBb0IsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxFQUFFLDBCQUEwQixDQUFDLENBQUM7UUFDcEYsb0JBQW9CLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFdBQVcsRUFBRSxhQUFhLENBQUMsQ0FBQztRQUN2RSxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxFQUFFLGFBQWEsQ0FBQyxDQUFDO1FBQ3ZFLG9CQUFvQixDQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxTQUFTLEVBQUUsV0FBVyxDQUFDLENBQUM7UUFDeEUsb0JBQW9CLENBQUMsV0FBVyxFQUFFLGFBQWEsQ0FBQyxDQUFDO0lBQ25ELENBQUM7K0dBckNVLGtCQUFrQjttR0FBbEIsa0JBQWtCLHFIQWNULGdCQUFnQixvQ0FoQnpCLENBQUMsZ0JBQWdCLEVBQUUscUJBQXFCLEVBQUUsa0JBQWtCLENBQUMsT0FBTyxFQUFFLEVBQUUsa0JBQWtCLENBQUMsT0FBTyxFQUFFLENBQUMsc0VBVWxHLHVCQUF1QixnREM3QnZDLHNyQ0F3QkEsMkNEVFksVUFBVSx3TEFBRSxzQkFBc0IsbUZBQUUsdUJBQXVCOztBQThCOUQ7SUFGTixXQUFXLEVBQUU7O21EQUVrRDtBQXhCckQsa0JBQWtCO0lBVjlCLFlBQVksQ0FBQyxZQUFZLENBQUM7O0dBVWQsa0JBQWtCLENBc0M5Qjs0RkF0Q1ksa0JBQWtCO2tCQVQ5QixTQUFTO2lDQUNJLElBQUksWUFDTixnQkFBZ0IsV0FDakIsQ0FBQyxVQUFVLEVBQUUsc0JBQXNCLEVBQUUsdUJBQXVCLENBQUMsaUJBRXZELGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEMsQ0FBQyxnQkFBZ0IsRUFBRSxxQkFBcUIsRUFBRSxrQkFBa0IsQ0FBQyxPQUFPLEVBQUUsRUFBRSxrQkFBa0IsQ0FBQyxPQUFPLEVBQUUsQ0FBQzswRUFXekcsY0FBYztzQkFEcEIsWUFBWTt1QkFBQyx1QkFBdUI7Z0JBSTlCLEtBQUs7c0JBRFgsS0FBSztnQkFJSyxVQUFVO3NCQURwQixLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQVUvQixPQUFPO3NCQURiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBib29sZWFuQXR0cmlidXRlLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIGluamVjdCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb3JlTW9kdWxlLCBEaXNhYmxlZENvbnRyb2xsZXIsIFJlYWRvbmx5Q29udHJvbGxlciB9IGZyb20gJ0BvZHgvYW5ndWxhcic7XG5pbXBvcnQgeyBDU1NDb21wb25lbnQsIENTU01vZGlmaWVyIH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQsIHJlYWN0aXZlQ2xhc3NCaW5kaW5nIH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgY29tYmluZUxhdGVzdCwgbWFwIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBGb3JtRmllbGRJbmZvQ29tcG9uZW50LCBGb3JtR3JvdXBDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgRm9ybUZpZWxkTGFiZWxEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgRm9ybUZpZWxkU2VydmljZSB9IGZyb20gJy4vZm9ybS1maWVsZC5zZXJ2aWNlJztcbmltcG9ydCB7IEZvcm1GaWVsZFZhcmlhbnQgfSBmcm9tICcuL21vZGVscyc7XG5pbXBvcnQgeyBGb3JtRmllbGRFcnJvclNlcnZpY2UgfSBmcm9tICcuL3NlcnZpY2VzJztcblxuQENTU0NvbXBvbmVudCgnZm9ybS1maWVsZCcpXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdvZHgtZm9ybS1maWVsZCcsXG4gIGltcG9ydHM6IFtDb3JlTW9kdWxlLCBGb3JtRmllbGRJbmZvQ29tcG9uZW50LCBGb3JtRmllbGRMYWJlbERpcmVjdGl2ZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW0Zvcm1GaWVsZFNlcnZpY2UsIEZvcm1GaWVsZEVycm9yU2VydmljZSwgRGlzYWJsZWRDb250cm9sbGVyLmNvbm5lY3QoKSwgUmVhZG9ubHlDb250cm9sbGVyLmNvbm5lY3QoKV0sXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1GaWVsZENvbXBvbmVudCB7XG4gIHByb3RlY3RlZCByZWFkb25seSBoYXNXYXJuaW5nJCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0KGZhbHNlKTtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZm9ybUdyb3VwID0gaW5qZWN0KEZvcm1Hcm91cENvbXBvbmVudCwgeyBvcHRpb25hbDogdHJ1ZSwgaG9zdDogdHJ1ZSB9KTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGZvcm1GaWVsZFNlcnZpY2UgPSBpbmplY3QoRm9ybUZpZWxkU2VydmljZSwgeyBzZWxmOiB0cnVlIH0pO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZm9ybUZpZWxkRXJyb3JTZXJ2aWNlID0gaW5qZWN0KEZvcm1GaWVsZEVycm9yU2VydmljZSwgeyBzZWxmOiB0cnVlIH0pO1xuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQoKTtcblxuICBAQ29udGVudENoaWxkKEZvcm1GaWVsZExhYmVsRGlyZWN0aXZlKVxuICBwdWJsaWMgbGFiZWxEaXJlY3RpdmU/OiBGb3JtRmllbGRMYWJlbERpcmVjdGl2ZTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgbGFiZWw/OiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSlcbiAgcHVibGljIHNldCBoYXNXYXJuaW5nKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5oYXNXYXJuaW5nJCQubmV4dCh2YWx1ZSk7XG4gIH1cbiAgcHVibGljIGdldCBoYXNXYXJuaW5nKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmhhc1dhcm5pbmckJC5nZXRWYWx1ZSgpO1xuICB9XG5cbiAgQENTU01vZGlmaWVyKClcbiAgQElucHV0KClcbiAgcHVibGljIHZhcmlhbnQ6IEZvcm1GaWVsZFZhcmlhbnQgfCBudWxsID0gRm9ybUZpZWxkVmFyaWFudC5GVUxMO1xuXG4gIHB1YmxpYyBnZXQgaGFzTGFiZWwoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhKHRoaXMubGFiZWxEaXJlY3RpdmUgfHwgdGhpcy5sYWJlbCk7XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBjb25zdCBoYXNXYXJuaW5nJCA9IGNvbWJpbmVMYXRlc3QoW3RoaXMuZm9ybUZpZWxkRXJyb3JTZXJ2aWNlLmVycm9yJCwgdGhpcy5oYXNXYXJuaW5nJCRdKS5waXBlKG1hcCgoW2hhc0Vycm9yLCBoYXNXYXJuaW5nXSkgPT4gaGFzRXJyb3IgJiYgaGFzV2FybmluZykpO1xuICAgIHJlYWN0aXZlQ2xhc3NCaW5kaW5nKHRoaXMuZm9ybUZpZWxkU2VydmljZS5pc1JlcXVpcmVkJCwgJ29keC1mb3JtLWZpZWxkLS1yZXF1aXJlZCcpO1xuICAgIHJlYWN0aXZlQ2xhc3NCaW5kaW5nKHRoaXMuZm9ybUZpZWxkU2VydmljZS5pc0Rpc2FibGVkJCwgJ2lzLWRpc2FibGVkJyk7XG4gICAgcmVhY3RpdmVDbGFzc0JpbmRpbmcodGhpcy5mb3JtRmllbGRTZXJ2aWNlLmlzUmVhZG9ubHkkLCAnaXMtcmVhZG9ubHknKTtcbiAgICByZWFjdGl2ZUNsYXNzQmluZGluZyh0aGlzLmZvcm1GaWVsZEVycm9yU2VydmljZS5oYXNFcnJvciQsICdoYXMtZXJyb3InKTtcbiAgICByZWFjdGl2ZUNsYXNzQmluZGluZyhoYXNXYXJuaW5nJCwgJ2hhcy13YXJuaW5nJyk7XG4gIH1cbn1cbiIsIjxsYWJlbCBjbGFzcz1cIm9keC1mb3JtLWZpZWxkX19sYWJlbFwiIFthdHRyLmZvcl09XCJmb3JtRmllbGRTZXJ2aWNlLmNvbnRyb2xJZCQgfCBhc3luY1wiIFthdHRyLmFyaWEtb3duc109XCJmb3JtRmllbGRTZXJ2aWNlLmNvbnRyb2xJZCQgfCBhc3luY1wiICpuZ0lmPVwiaGFzTGFiZWxcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxhYmVsOyBlbHNlIGxhYmVsVGVtcGxhdGVcIj5cbiAgICA8b2R4LWZvcm0tZmllbGQtbGFiZWw+e3sgbGFiZWwgfX08L29keC1mb3JtLWZpZWxkLWxhYmVsPlxuICAgIDxzcGFuIGNsYXNzPVwib2R4LWZvcm0tZmllbGRfX2xhYmVsLWlzLXJlcXVpcmVkXCIgKm5nSWY9XCJmb3JtRmllbGRTZXJ2aWNlLmlzUmVxdWlyZWQkIHwgYXN5bmNcIj4qPC9zcGFuPlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLXRlbXBsYXRlICNsYWJlbFRlbXBsYXRlPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm9keC1mb3JtLWZpZWxkLWxhYmVsXCI+PC9uZy1jb250ZW50PlxuICAgIDxzcGFuIGNsYXNzPVwib2R4LWZvcm0tZmllbGRfX2xhYmVsLWlzLXJlcXVpcmVkXCIgKm5nSWY9XCJmb3JtRmllbGRTZXJ2aWNlLmlzUmVxdWlyZWQkIHwgYXN5bmNcIj4qPC9zcGFuPlxuICA8L25nLXRlbXBsYXRlPlxuPC9sYWJlbD5cbjxkaXYgY2xhc3M9XCJvZHgtZm9ybS1maWVsZF9faW5uZXJcIj5cbiAgPGRpdiBjbGFzcz1cIm9keC1mb3JtLWZpZWxkX19jb250cm9sXCI+XG4gICAgPGRpdiBjbGFzcz1cIm9keC1mb3JtLWZpZWxkX19wcmVmaXhcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltvZHhGb3JtRmllbGRQcmVmaXhdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwib2R4LWZvcm0tZmllbGRfX3N1ZmZpeFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW29keEZvcm1GaWVsZFN1ZmZpeF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8b2R4LWZvcm0tZmllbGQtaW5mbyBbZXJyb3JdPVwiZm9ybUZpZWxkRXJyb3JTZXJ2aWNlLmVycm9yJCB8IGFzeW5jXCIgKm5nSWY9XCIhZm9ybUdyb3VwXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwib2R4LWZvcm0tZmllbGQtaGludFwiPjwvbmctY29udGVudD5cbiAgPC9vZHgtZm9ybS1maWVsZC1pbmZvPlxuPC9kaXY+XG4iXX0=

package/esm2022/components/form-field/lib/form-field.module.mjs

@@ -0,0 +1,41 @@
+import { NgModule } from '@angular/core';
+import { CoreModule } from '@odx/angular';
+import { FormGroupComponent } from './components';
+import { FormDirective, FormFieldControlDirective, FormFieldErrorDirective, FormFieldHintDirective, FormFieldLabelDirective } from './directives';
+import { FormFieldComponent } from './form-field.component';
+import * as i0 from "@angular/core";
+const modules = [
+    FormFieldComponent,
+    FormGroupComponent,
+    FormDirective,
+    FormFieldControlDirective,
+    FormFieldErrorDirective,
+    FormFieldHintDirective,
+    FormFieldLabelDirective,
+];
+export class FormFieldModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FormFieldModule, imports: [FormFieldComponent,
+            FormGroupComponent,
+            FormDirective,
+            FormFieldControlDirective,
+            FormFieldErrorDirective,
+            FormFieldHintDirective,
+            FormFieldLabelDirective], exports: [CoreModule, FormFieldComponent,
+            FormGroupComponent,
+            FormDirective,
+            FormFieldControlDirective,
+            FormFieldErrorDirective,
+            FormFieldHintDirective,
+            FormFieldLabelDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldModule, imports: [FormFieldComponent,
+            FormGroupComponent, CoreModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9mb3JtLWZpZWxkL3NyYy9saWIvZm9ybS1maWVsZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNsRCxPQUFPLEVBQUUsYUFBYSxFQUFFLHlCQUF5QixFQUFFLHVCQUF1QixFQUFFLHNCQUFzQixFQUFFLHVCQUF1QixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ2xKLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQUU1RCxNQUFNLE9BQU8sR0FBRztJQUNkLGtCQUFrQjtJQUNsQixrQkFBa0I7SUFDbEIsYUFBYTtJQUNiLHlCQUF5QjtJQUN6Qix1QkFBdUI7SUFDdkIsc0JBQXNCO0lBQ3RCLHVCQUF1QjtDQUN4QixDQUFDO0FBTUYsTUFBTSxPQUFPLGVBQWU7K0dBQWYsZUFBZTtnSEFBZixlQUFlLFlBYjFCLGtCQUFrQjtZQUNsQixrQkFBa0I7WUFDbEIsYUFBYTtZQUNiLHlCQUF5QjtZQUN6Qix1QkFBdUI7WUFDdkIsc0JBQXNCO1lBQ3RCLHVCQUF1QixhQUtiLFVBQVUsRUFYcEIsa0JBQWtCO1lBQ2xCLGtCQUFrQjtZQUNsQixhQUFhO1lBQ2IseUJBQXlCO1lBQ3pCLHVCQUF1QjtZQUN2QixzQkFBc0I7WUFDdEIsdUJBQXVCO2dIQU9aLGVBQWUsWUFiMUIsa0JBQWtCO1lBQ2xCLGtCQUFrQixFQVVSLFVBQVU7OzRGQUVULGVBQWU7a0JBSjNCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLE9BQU87b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLFVBQVUsRUFBRSxHQUFHLE9BQU8sQ0FBQztpQkFDbEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29yZU1vZHVsZSB9IGZyb20gJ0BvZHgvYW5ndWxhcic7XG5pbXBvcnQgeyBGb3JtR3JvdXBDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgRm9ybURpcmVjdGl2ZSwgRm9ybUZpZWxkQ29udHJvbERpcmVjdGl2ZSwgRm9ybUZpZWxkRXJyb3JEaXJlY3RpdmUsIEZvcm1GaWVsZEhpbnREaXJlY3RpdmUsIEZvcm1GaWVsZExhYmVsRGlyZWN0aXZlIH0gZnJvbSAnLi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IEZvcm1GaWVsZENvbXBvbmVudCB9IGZyb20gJy4vZm9ybS1maWVsZC5jb21wb25lbnQnO1xuXG5jb25zdCBtb2R1bGVzID0gW1xuICBGb3JtRmllbGRDb21wb25lbnQsXG4gIEZvcm1Hcm91cENvbXBvbmVudCxcbiAgRm9ybURpcmVjdGl2ZSxcbiAgRm9ybUZpZWxkQ29udHJvbERpcmVjdGl2ZSxcbiAgRm9ybUZpZWxkRXJyb3JEaXJlY3RpdmUsXG4gIEZvcm1GaWVsZEhpbnREaXJlY3RpdmUsXG4gIEZvcm1GaWVsZExhYmVsRGlyZWN0aXZlLFxuXTtcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogbW9kdWxlcyxcbiAgZXhwb3J0czogW0NvcmVNb2R1bGUsIC4uLm1vZHVsZXNdLFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtRmllbGRNb2R1bGUge31cbiJdfQ==

package/esm2022/components/form-field/lib/form-field.service.mjs

@@ -0,0 +1,53 @@
+import { Injectable } from '@angular/core';
+import { Validators } from '@angular/forms';
+import { Controller, DisabledController, ReadonlyController } from '@odx/angular';
+import { getUniqueId } from '@odx/angular/utils';
+import { BehaviorSubject, distinctUntilChanged, EMPTY, map, merge, of, shareReplay, startWith, switchMap, tap } from 'rxjs';
+import * as i0 from "@angular/core";
+export 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 || getUniqueId('odx-form-field') : 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());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS1maWVsZC9zcmMvbGliL2Zvcm0tZmllbGQuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWMsVUFBVSxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBQ2xFLE9BQU8sRUFBbUIsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxrQkFBa0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNsRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDakQsT0FBTyxFQUFFLGVBQWUsRUFBRSxvQkFBb0IsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBYyxFQUFFLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQVF4SSxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsVUFBVTtJQURoRDs7UUFFbUIsdUJBQWtCLEdBQUcsa0JBQWtCLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDakQsdUJBQWtCLEdBQUcsa0JBQWtCLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDakQsY0FBUyxHQUFHLElBQUksZUFBZSxDQUFzQixJQUFJLENBQUMsQ0FBQztRQUU1RCxhQUFRLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztRQUNoRSxlQUFVLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQzdDLEdBQUcsQ0FBQyxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxh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RUFBRTtnQkFDWixJQUFJLEtBQUssRUFBRTtvQkFDVCxPQUFPLENBQUMsT0FBTyxFQUFFLENBQUM7aUJBQ25CO3FCQUFNO29CQUNMLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQztpQkFDbEI7WUFDSCxDQUFDLENBQUMsQ0FDSCxDQUFDO1NBQ0g7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFTyx1QkFBdUIsQ0FBQyxFQUFFLE9BQU8sRUFBZ0I7UUFDdkQsT0FBTyxPQUFPLENBQUMsYUFBYSxDQUFDLElBQUksQ0FDL0IsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFDekIsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxNQUFNLEtBQUssVUFBVSxDQUFDLEVBQ3RDLG9CQUFvQixFQUFFLENBQ3ZCLENBQUM7SUFDSixDQUFDOytHQWpFVSxnQkFBZ0I7bUhBQWhCLGdCQUFnQjs7NEZBQWhCLGdCQUFnQjtrQkFENUIsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEVsZW1lbnRSZWYsIEluamVjdGFibGUsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQ29udHJvbGxlciwgRGlzYWJsZWRDb250cm9sbGVyLCBSZWFkb25seUNvbnRyb2xsZXIgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgZ2V0VW5pcXVlSWQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvdXRpbHMnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgRU1QVFksIG1hcCwgbWVyZ2UsIE9ic2VydmFibGUsIG9mLCBzaGFyZVJlcGxheSwgc3RhcnRXaXRoLCBzd2l0Y2hNYXAsIHRhcCB9IGZyb20gJ3J4anMnO1xuXG5pbnRlcmZhY2UgRmllbGRDb250cm9sIHtcbiAgY29udHJvbDogQWJzdHJhY3RDb250cm9sO1xuICBuYXRpdmVFbGVtZW50OiBIVE1MRWxlbWVudDtcbn1cblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIEZvcm1GaWVsZFNlcnZpY2UgZXh0ZW5kcyBDb250cm9sbGVyIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSByZWFkb25seSBkaXNhYmxlZENvbnRyb2xsZXIgPSBEaXNhYmxlZENvbnRyb2xsZXIuaW5qZWN0KCk7XG4gIHByaXZhdGUgcmVhZG9ubHkgcmVhZG9ubHlDb250cm9sbGVyID0gUmVhZG9ubHlDb250cm9sbGVyLmluamVjdCgpO1xuICBwcml2YXRlIHJlYWRvbmx5IGNvbnRyb2wkJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8RmllbGRDb250cm9sIHwgbnVsbD4obnVsbCk7XG5cbiAgcHVibGljIHJlYWRvbmx5IGNvbnRyb2wkID0gdGhpcy5jb250cm9sJCQucGlwZShzaGFyZVJlcGxheSh7IHJlZkNvdW50OiB0cnVlIH0pKTtcbiAgcHVibGljIHJlYWRvbmx5IGNvbnRyb2xJZCQgPSB0aGlzLmNvbnRyb2wkLnBpcGUoXG4gICAgbWFwKChjb250cm9sKSA9PiAoY29udHJvbCA/IGNvbnRyb2wubmF0aXZlRWxlbWVudC5pZCB8fCBnZXRVbmlxdWVJZCgnb2R4LWZvcm0tZmllbGQnKSA6IG51bGwpKSxcbiAgICBzaGFyZVJlcGxheSh7IHJlZkNvdW50OiB0cnVlIH0pXG4gICk7XG4gIHB1YmxpYyByZWFkb25seSBjb250cm9sSGludElkJCA9IHRoaXMuY29udHJvbElkJC5waXBlKFxuICAgIG1hcCgoaWQpID0+IChpZCA/IGAke2lkfS1oaW50YCA6IG51bGwpKSxcbiAgICBzaGFyZVJlcGxheSh7IHJlZkNvdW50OiB0cnVlIH0pXG4gICk7XG4gIHB1YmxpYyByZWFkb25seSBjb250cm9sRXJyb3JJZCQgPSB0aGlzLmNvbnRyb2xJZCQucGlwZShcbiAgICBtYXAoKGlkKSA9PiAoaWQgPyBgJHtpZH0tZXJyb3JgIDogbnVsbCkpLFxuICAgIHNoYXJlUmVwbGF5KHsgcmVmQ291bnQ6IHRydWUgfSlcbiAgKTtcbiAgcHVibGljIHJlYWRvbmx5IGlzRGlzYWJsZWQkID0gdGhpcy5jb250cm9sJC5waXBlKFxuICAgIHN3aXRjaE1hcCgoY29udHJvbCkgPT4gKGNvbnRyb2wgPyBtZXJnZSh0aGlzLnVwZGF0ZUNvbnRyb2xEaXNhYmxlZFN0YXRlKGNvbnRyb2wpLCB0aGlzLmdldENvbnRyb2xEaXNhYmxlZFN0YXRlKGNvbnRyb2wpKSA6IG9mKGZhbHNlKSkpLFxuICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgc2hhcmVSZXBsYXkoeyByZWZDb3VudDogdHJ1ZSB9KVxuICApO1xuICBwdWJsaWMgcmVhZG9ubHkgaXNSZXF1aXJlZCQgPSB0aGlzLmNvbnRyb2wkLnBpcGUoXG4gICAgbWFwKChjb250cm9sKSA9PiAoY29udHJvbCA/IGNvbnRyb2wubmF0aXZlRWxlbWVudC5oYXNBdHRyaWJ1dGUoJ3JlcXVpcmVkJykgfHwgY29udHJvbC5jb250cm9sLmhhc1ZhbGlkYXRvcihWYWxpZGF0b3JzLnJlcXVpcmVkKSA6IGZhbHNlKSksXG4gICAgc2hhcmVSZXBsYXkoeyByZWZDb3VudDogdHJ1ZSB9KVxuICApO1xuICBwdWJsaWMgcmVhZG9ubHkgaXNSZWFkb25seSQgPSB0aGlzLmNvbnRyb2wkLnBpcGUoXG4gICAgc3dpdGNoTWFwKChjb250cm9sKSA9PiAoY29udHJvbCAmJiB0aGlzLnJlYWRvbmx5Q29udHJvbGxlciA/IHRoaXMucmVhZG9ubHlDb250cm9sbGVyLmlzUmVhZG9ubHkkIDogb2YoZmFsc2UpKSlcbiAgKTtcblxuICBwdWJsaWMgb3ZlcnJpZGUgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5jb250cm9sJCQuY29tcGxldGUoKTtcbiAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICB9XG5cbiAgcHVibGljIHJlZ2lzdGVyQ29udHJvbChjb250cm9sOiBBYnN0cmFjdENvbnRyb2wsIHsgbmF0aXZlRWxlbWVudCB9OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50Pik6IHZvaWQge1xuICAgIHRoaXMuY29udHJvbCQkLm5leHQoeyBjb250cm9sLCBuYXRpdmVFbGVtZW50IH0pO1xuICB9XG5cbiAgcHVibGljIHJlbW92ZUNvbnRyb2woKTogdm9pZCB7XG4gICAgdGhpcy5jb250cm9sJCQubmV4dChudWxsKTtcbiAgfVxuXG4gIHByaXZhdGUgdXBkYXRlQ29udHJvbERpc2FibGVkU3RhdGUoeyBjb250cm9sIH06IEZpZWxkQ29udHJvbCk6IE9ic2VydmFibGU8Ym9vbGVhbj4ge1xuICAgIGlmICh0aGlzLmRpc2FibGVkQ29udHJvbGxlcikge1xuICAgICAgcmV0dXJuIHRoaXMuZGlzYWJsZWRDb250cm9sbGVyLmlzRGlzYWJsZWQkLnBpcGUoXG4gICAgICAgIHRhcCgoc3RhdGUpID0+IHtcbiAgICAgICAgICBpZiAoc3RhdGUpIHtcbiAgICAgICAgICAgIGNvbnRyb2wuZGlzYWJsZSgpO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBjb250cm9sLmVuYWJsZSgpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSlcbiAgICAgICk7XG4gICAgfVxuICAgIHJldHVybiBFTVBUWTtcbiAgfVxuXG4gIHByaXZhdGUgZ2V0Q29udHJvbERpc2FibGVkU3RhdGUoeyBjb250cm9sIH06IEZpZWxkQ29udHJvbCk6IE9ic2VydmFibGU8Ym9vbGVhbj4ge1xuICAgIHJldHVybiBjb250cm9sLnN0YXR1c0NoYW5nZXMucGlwZShcbiAgICAgIHN0YXJ0V2l0aChjb250cm9sLnN0YXR1cyksXG4gICAgICBtYXAoKHN0YXR1cykgPT4gc3RhdHVzID09PSAnRElTQUJMRUQnKSxcbiAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKClcbiAgICApO1xuICB9XG59XG4iXX0=

package/esm2022/components/form-field/lib/services/form-field-error.service.mjs

@@ -0,0 +1,56 @@
+import { Injectable } from '@angular/core';
+import { isTemplateRef } from '@odx/angular/utils';
+import { BehaviorSubject, combineLatest, distinctUntilChanged, map, shareReplay } from 'rxjs';
+import { injectFormFieldConfig } from '../form-field.config';
+import * as i0 from "@angular/core";
+const DEFAULT_CUSTOM_FORM_FIELD_ERROR = '@odx/angular/form-field/default-error';
+const DEFAULT_ERROR_RESOLVER = () => '';
+export class FormFieldErrorService {
+    constructor() {
+        this.config = injectFormFieldConfig();
+        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) {
+        this.fieldError$$.next(this.getFirstError(errors ?? {}));
+    }
+    registerCustomError(key, template) {
+        this.customErrors$$.next({ ...this.customErrors$$.getValue(), [key || DEFAULT_CUSTOM_FORM_FIELD_ERROR]: template });
+    }
+    getFirstError(errors) {
+        const [key, context] = Object.entries(errors ?? {}).find(([errorKey]) => !this.config.ignoreErrors.includes(errorKey)) ?? [];
+        return key ? { key, context } : null;
+    }
+    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 {
+                key,
+                message,
+                context: { $implicit: context },
+            };
+        }
+        const getMessage = this.config.errors[key] ?? DEFAULT_ERROR_RESOLVER;
+        return { key, message: getMessage(context) };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldErrorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldErrorService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldErrorService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC1lcnJvci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS1maWVsZC9zcmMvbGliL3NlcnZpY2VzL2Zvcm0tZmllbGQtZXJyb3Iuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUEwQixNQUFNLGVBQWUsQ0FBQztBQUVuRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsb0JBQW9CLEVBQUUsR0FBRyxFQUFFLFdBQVcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUM5RixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFHN0QsTUFBTSwrQkFBK0IsR0FBRyx1Q0FBdUMsQ0FBQztBQUNoRixNQUFNLHNCQUFzQixHQUFHLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQztBQVV4QyxNQUFNLE9BQU8scUJBQXFCO0lBRGxDO1FBRW1CLFdBQU0sR0FBRyxxQkFBcUIsRUFBRSxDQUFDO1FBQ2pDLGlCQUFZLEdBQUcsSUFBSSxlQUFlLENBQTBCLElBQUksQ0FBQyxDQUFDO1FBQ2xFLG1CQUFjLEdBQUcsSUFBSSxlQUFlLENBQXdCLEVBQUUsQ0FBQyxDQUFDO1FBRWpFLFdBQU0sR0FBRyxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDbkYsR0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsWUFBWSxDQUFDLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLFlBQVksQ0FBQyxDQUFDLEVBQ3RFLG9CQUFvQixFQUFFLEVBQ3RCLFdBQVcsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUNoQyxDQUFDO1FBQ2MsY0FBUyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUM7S0EwQzlFO0lBeENDLElBQVcsUUFBUTtRQUNqQixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLEtBQUssSUFBSSxDQUFDO0lBQy9DLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzdCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzdCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDN0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRU0sUUFBUSxDQUFDLE1BQWdDO1FBQzlDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDM0QsQ0FBQztJQUVNLG1CQUFtQixDQUFDLEdBQXVCLEVBQUUsUUFBOEI7UUFDaEYsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsRUFBRSxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxHQUFHLElBQUksK0JBQStCLENBQUMsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDO0lBQ3RILENBQUM7SUFFTyxhQUFhLENBQUMsTUFBd0I7UUFDNUMsTUFBTSxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUU3SCxPQUFPLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUN2QyxDQUFDO0lBRU8sWUFBWSxDQUFDLEtBQThCLEVBQUUsWUFBbUM7UUFDdEYsSUFBSSxDQUFDLEtBQUs7WUFBRSxPQUFPLElBQUksQ0FBQztRQUN4QixNQUFNLEVBQUUsR0FBRyxFQUFFLE9BQU8sRUFBRSxHQUFHLEtBQUssQ0FBQztRQUMvQixNQUFNLE9BQU8sR0FBRyxZQUFZLENBQUMsR0FBRyxDQUFDLElBQUksWUFBWSxDQUFDLCtCQUErQixDQUFDLENBQUM7UUFDbkYsSUFBSSxhQUFhLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDMUIsT0FBTztnQkFDTCxHQUFHO2dCQUNILE9BQU87Z0JBQ1AsT0FBTyxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRTthQUNoQyxDQUFDO1NBQ0g7UUFFRCxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsSUFBSSxzQkFBc0IsQ0FBQztRQUNyRSxPQUFPLEVBQUUsR0FBRyxFQUFFLE9BQU8sRUFBRSxVQUFVLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUMvQyxDQUFDOytHQW5EVSxxQkFBcUI7bUhBQXJCLHFCQUFxQjs7NEZBQXJCLHFCQUFxQjtrQkFEakMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUsIE9uRGVzdHJveSwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZhbGlkYXRpb25FcnJvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBpc1RlbXBsYXRlUmVmIH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgY29tYmluZUxhdGVzdCwgZGlzdGluY3RVbnRpbENoYW5nZWQsIG1hcCwgc2hhcmVSZXBsYXkgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGluamVjdEZvcm1GaWVsZENvbmZpZyB9IGZyb20gJy4uL2Zvcm0tZmllbGQuY29uZmlnJztcbmltcG9ydCB7IEZvcm1GaWVsZEVycm9yIH0gZnJvbSAnLi4vbW9kZWxzJztcblxuY29uc3QgREVGQVVMVF9DVVNUT01fRk9STV9GSUVMRF9FUlJPUiA9ICdAb2R4L2FuZ3VsYXIvZm9ybS1maWVsZC9kZWZhdWx0LWVycm9yJztcbmNvbnN0IERFRkFVTFRfRVJST1JfUkVTT0xWRVIgPSAoKSA9PiAnJztcblxuaW50ZXJmYWNlIE5nRm9ybUZpZWxkRXJyb3Ige1xuICBrZXk6IHN0cmluZztcbiAgY29udGV4dDogdW5rbm93bjtcbn1cblxudHlwZSBDdXN0b21Gb3JtRmllbGRFcnJvcnMgPSBSZWNvcmQ8c3RyaW5nLCBUZW1wbGF0ZVJlZjx1bmtub3duPj47XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBGb3JtRmllbGRFcnJvclNlcnZpY2UgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBwcml2YXRlIHJlYWRvbmx5IGNvbmZpZyA9IGluamVjdEZvcm1GaWVsZENvbmZpZygpO1xuICBwcml2YXRlIHJlYWRvbmx5IGZpZWxkRXJyb3IkJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8TmdGb3JtRmllbGRFcnJvciB8IG51bGw+KG51bGwpO1xuICBwcml2YXRlIHJlYWRvbmx5IGN1c3RvbUVycm9ycyQkID0gbmV3IEJlaGF2aW9yU3ViamVjdDxDdXN0b21Gb3JtRmllbGRFcnJvcnM+KHt9KTtcblxuICBwdWJsaWMgcmVhZG9ubHkgZXJyb3IkID0gY29tYmluZUxhdGVzdChbdGhpcy5maWVsZEVycm9yJCQsIHRoaXMuY3VzdG9tRXJyb3JzJCRdKS5waXBlKFxuICAgIG1hcCgoW2Vycm9yLCBjdXN0b21FcnJvcnNdKSA9PiB0aGlzLnJlc29sdmVFcnJvcihlcnJvciwgY3VzdG9tRXJyb3JzKSksXG4gICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcbiAgICBzaGFyZVJlcGxheSh7IHJlZkNvdW50OiB0cnVlIH0pXG4gICk7XG4gIHB1YmxpYyByZWFkb25seSBoYXNFcnJvciQgPSB0aGlzLmVycm9yJC5waXBlKG1hcCgoZXJyb3IpID0+IGVycm9yICE9PSBudWxsKSk7XG5cbiAgcHVibGljIGdldCBoYXNFcnJvcigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5maWVsZEVycm9yJCQuZ2V0VmFsdWUoKSAhPT0gbnVsbDtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmZpZWxkRXJyb3IkJC5uZXh0KG51bGwpO1xuICAgIHRoaXMuY3VzdG9tRXJyb3JzJCQubmV4dCh7fSk7XG4gICAgdGhpcy5maWVsZEVycm9yJCQuY29tcGxldGUoKTtcbiAgICB0aGlzLmN1c3RvbUVycm9ycyQkLmNvbXBsZXRlKCk7XG4gIH1cblxuICBwdWJsaWMgc2V0RXJyb3IoZXJyb3JzPzogVmFsaWRhdGlvbkVycm9ycyB8IG51bGwpOiB2b2lkIHtcbiAgICB0aGlzLmZpZWxkRXJyb3IkJC5uZXh0KHRoaXMuZ2V0Rmlyc3RFcnJvcihlcnJvcnMgPz8ge30pKTtcbiAgfVxuXG4gIHB1YmxpYyByZWdpc3RlckN1c3RvbUVycm9yKGtleTogc3RyaW5nIHwgdW5kZWZpbmVkLCB0ZW1wbGF0ZTogVGVtcGxhdGVSZWY8dW5rbm93bj4pOiB2b2lkIHtcbiAgICB0aGlzLmN1c3RvbUVycm9ycyQkLm5leHQoeyAuLi50aGlzLmN1c3RvbUVycm9ycyQkLmdldFZhbHVlKCksIFtrZXkgfHwgREVGQVVMVF9DVVNUT01fRk9STV9GSUVMRF9FUlJPUl06IHRlbXBsYXRlIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXRGaXJzdEVycm9yKGVycm9yczogVmFsaWRhdGlvbkVycm9ycyk6IE5nRm9ybUZpZWxkRXJyb3IgfCBudWxsIHtcbiAgICBjb25zdCBba2V5LCBjb250ZXh0XSA9IE9iamVjdC5lbnRyaWVzKGVycm9ycyA/PyB7fSkuZmluZCgoW2Vycm9yS2V5XSkgPT4gIXRoaXMuY29uZmlnLmlnbm9yZUVycm9ycy5pbmNsdWRlcyhlcnJvcktleSkpID8/IFtdO1xuXG4gICAgcmV0dXJuIGtleSA/IHsga2V5LCBjb250ZXh0IH0gOiBudWxsO1xuICB9XG5cbiAgcHJpdmF0ZSByZXNvbHZlRXJyb3IoZXJyb3I6IE5nRm9ybUZpZWxkRXJyb3IgfCBudWxsLCBjdXN0b21FcnJvcnM6IEN1c3RvbUZvcm1GaWVsZEVycm9ycyk6IEZvcm1GaWVsZEVycm9yIHwgbnVsbCB7XG4gICAgaWYgKCFlcnJvcikgcmV0dXJuIG51bGw7XG4gICAgY29uc3QgeyBrZXksIGNvbnRleHQgfSA9IGVycm9yO1xuICAgIGNvbnN0IG1lc3NhZ2UgPSBjdXN0b21FcnJvcnNba2V5XSA/PyBjdXN0b21FcnJvcnNbREVGQVVMVF9DVVNUT01fRk9STV9GSUVMRF9FUlJPUl07XG4gICAgaWYgKGlzVGVtcGxhdGVSZWYobWVzc2FnZSkpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGtleSxcbiAgICAgICAgbWVzc2FnZSxcbiAgICAgICAgY29udGV4dDogeyAkaW1wbGljaXQ6IGNvbnRleHQgfSxcbiAgICAgIH07XG4gICAgfVxuXG4gICAgY29uc3QgZ2V0TWVzc2FnZSA9IHRoaXMuY29uZmlnLmVycm9yc1trZXldID8/IERFRkFVTFRfRVJST1JfUkVTT0xWRVI7XG4gICAgcmV0dXJuIHsga2V5LCBtZXNzYWdlOiBnZXRNZXNzYWdlKGNvbnRleHQpIH07XG4gIH1cbn1cbiJdfQ==

package/esm2022/components/header/lib/directives/header-avatar.directive.mjs

@@ -0,0 +1,24 @@
+import { Directive, inject } from '@angular/core';
+import { ButtonComponent, ButtonVariant } from '@odx/angular/components/button';
+import * as i0 from "@angular/core";
+export class HeaderAvatarDirective {
+    constructor() {
+        this.button = inject(ButtonComponent, { self: true });
+    }
+    ngAfterViewInit() {
+        this.button.variant = ButtonVariant.GHOST;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: HeaderAvatarDirective, isStandalone: true, selector: "button[odxButton][odxHeaderAvatar]", host: { properties: { "class.odx-header__avatar": "true" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderAvatarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'button[odxButton][odxHeaderAvatar]',
+                    host: {
+                        '[class.odx-header__avatar]': 'true',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLWF2YXRhci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9oZWFkZXIvc3JjL2xpYi9kaXJlY3RpdmVzL2hlYWRlci1hdmF0YXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRSxPQUFPLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOztBQVNoRixNQUFNLE9BQU8scUJBQXFCO0lBUGxDO1FBUW1CLFdBQU0sR0FBRyxNQUFNLENBQUMsZUFBZSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7S0FLbkU7SUFIUSxlQUFlO1FBQ3BCLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUM7SUFDNUMsQ0FBQzsrR0FMVSxxQkFBcUI7bUdBQXJCLHFCQUFxQjs7NEZBQXJCLHFCQUFxQjtrQkFQakMsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLG9DQUFvQztvQkFDOUMsSUFBSSxFQUFFO3dCQUNKLDRCQUE0QixFQUFFLE1BQU07cUJBQ3JDO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgRGlyZWN0aXZlLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCwgQnV0dG9uVmFyaWFudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2J1dHRvbic7XG5cbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ2J1dHRvbltvZHhCdXR0b25dW29keEhlYWRlckF2YXRhcl0nLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5vZHgtaGVhZGVyX19hdmF0YXJdJzogJ3RydWUnLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBIZWFkZXJBdmF0YXJEaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgcHJpdmF0ZSByZWFkb25seSBidXR0b24gPSBpbmplY3QoQnV0dG9uQ29tcG9uZW50LCB7IHNlbGY6IHRydWUgfSk7XG5cbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmJ1dHRvbi52YXJpYW50ID0gQnV0dG9uVmFyaWFudC5HSE9TVDtcbiAgfVxufVxuIl19

package/esm2022/components/header/lib/directives/header-title.directive.mjs

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class HeaderTitleDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: HeaderTitleDirective, isStandalone: true, selector: "odx-header-title", host: { properties: { "class.odx-header__title": "true" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'odx-header-title',
+                    standalone: true,
+                    host: {
+                        '[class.odx-header__title]': 'true',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLXRpdGxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL2hlYWRlci9zcmMvbGliL2RpcmVjdGl2ZXMvaGVhZGVyLXRpdGxlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVMxQyxNQUFNLE9BQU8sb0JBQW9COytHQUFwQixvQkFBb0I7bUdBQXBCLG9CQUFvQjs7NEZBQXBCLG9CQUFvQjtrQkFQaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFO3dCQUNKLDJCQUEyQixFQUFFLE1BQU07cUJBQ3BDO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ29keC1oZWFkZXItdGl0bGUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5vZHgtaGVhZGVyX190aXRsZV0nOiAndHJ1ZScsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIEhlYWRlclRpdGxlRGlyZWN0aXZlIHt9XG4iXX0=

package/esm2022/components/header/lib/header.component.mjs

@@ -0,0 +1,21 @@
+import { __decorate } from "tslib";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
+import { LogoDirective } from '@odx/angular/components/logo';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import * as i0 from "@angular/core";
+export let HeaderComponent = class HeaderComponent {
+    constructor() {
+        this.element = injectElement();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HeaderComponent, isStandalone: true, selector: "odx-header", ngImport: i0, template: "<ng-content select=\"button[odxMainMenuButton]\"></ng-content>\n<odx-logo></odx-logo>\n<ng-content select=\"odx-header-title\"></ng-content>\n<ng-content select=\"odx-action-group, odx-auth\"></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')
+], HeaderComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-header', imports: [LogoDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"button[odxMainMenuButton]\"></ng-content>\n<odx-logo></odx-logo>\n<ng-content select=\"odx-header-title\"></ng-content>\n<ng-content select=\"odx-action-group, odx-auth\"></ng-content>\n<ng-content select=\"[odxHeaderAvatar]\"></ng-content>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL2hlYWRlci9zcmMvbGliL2hlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9oZWFkZXIvc3JjL2xpYi9oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBVzVDLFdBQU0sZUFBZSxHQUFyQixNQUFNLGVBQWU7SUFBckI7UUFDVyxZQUFPLEdBQUcsYUFBYSxFQUFFLENBQUM7S0FDM0M7K0dBRlksZUFBZTttR0FBZixlQUFlLHNFQ2Q1Qix5UUFLQSw0Q0RJWSxhQUFhOztBQUtaLGVBQWU7SUFUM0IsWUFBWSxDQUFDLFFBQVEsQ0FBQztHQVNWLGVBQWUsQ0FFM0I7NEZBRlksZUFBZTtrQkFSM0IsU0FBUztpQ0FDSSxJQUFJLFlBQ04sWUFBWSxXQUNiLENBQUMsYUFBYSxDQUFDLGlCQUVULGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTG9nb0RpcmVjdGl2ZSB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2xvZ28nO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvdXRpbHMnO1xuXG5AQ1NTQ29tcG9uZW50KCdoZWFkZXInKVxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnb2R4LWhlYWRlcicsXG4gIGltcG9ydHM6IFtMb2dvRGlyZWN0aXZlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2hlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBIZWFkZXJDb21wb25lbnQge1xuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQoKTtcbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cImJ1dHRvbltvZHhNYWluTWVudUJ1dHRvbl1cIj48L25nLWNvbnRlbnQ+XG48b2R4LWxvZ28+PC9vZHgtbG9nbz5cbjxuZy1jb250ZW50IHNlbGVjdD1cIm9keC1oZWFkZXItdGl0bGVcIj48L25nLWNvbnRlbnQ+XG48bmctY29udGVudCBzZWxlY3Q9XCJvZHgtYWN0aW9uLWdyb3VwLCBvZHgtYXV0aFwiPjwvbmctY29udGVudD5cbjxuZy1jb250ZW50IHNlbGVjdD1cIltvZHhIZWFkZXJBdmF0YXJdXCI+PC9uZy1jb250ZW50PlxuIl19