@odx/angular 2.16.0 → 3.0.0

package/esm2022/components/dropdown/lib/dropdown.directive.mjs

@@ -0,0 +1,151 @@
+import { __decorate } from "tslib";
+import { booleanAttribute, ChangeDetectorRef, Directive, EventEmitter, inject, Injector, Input, Output, ViewContainerRef, } from '@angular/core';
+import { ConnectedOverlayService } from '@odx/angular/cdk/connected-overlay';
+import { CSSComponent } from '@odx/angular/internal';
+import { EventManager, hasChanged, injectElement } from '@odx/angular/utils';
+import { DropdownComponent } from './dropdown.component';
+import { DefaultDropdownOptions } from './models';
+import * as i0 from "@angular/core";
+export const DEFAULT_DROPDOWN_OPEN_TRIGGERS = ['click', 'keydown.enter'];
+export const DEFAULT_DROPDOWN_CLOSE_TRIGGERS = ['keyup.esc'];
+export let DropdownDirective = class DropdownDirective {
+    constructor() {
+        this.changeDetector = inject(ChangeDetectorRef);
+        this.connectedOverlayService = inject(ConnectedOverlayService);
+        this.eventManager = inject(EventManager);
+        this.viewContainer = inject(ViewContainerRef);
+        this.injector = inject(Injector);
+        this.overlayRef = null;
+        this.element = injectElement();
+        this.disabled = false;
+        this.showLoader = false;
+        this.clickOutsideActive = true;
+        this.host = this.viewContainer;
+        this.openTrigger = DEFAULT_DROPDOWN_OPEN_TRIGGERS;
+        this.closeTrigger = DEFAULT_DROPDOWN_CLOSE_TRIGGERS;
+        this.beforeOpen = new EventEmitter();
+        this.afterOpen = new EventEmitter();
+        this.beforeClose = new EventEmitter();
+        this.afterClose = new EventEmitter();
+    }
+    get isOpen() {
+        return this.overlayRef !== null;
+    }
+    ngAfterViewInit() {
+        this.eventManager.register(this.openTrigger ?? [], (event) => this.toggle(event), this.triggerElement ?? this.referenceElement);
+        this.eventManager.register(this.closeTrigger ?? [], () => this.close(), 'document');
+    }
+    ngOnDestroy() {
+        this.close();
+    }
+    ngOnChanges(changes) {
+        if (hasChanged(changes, 'disabled') && this.disabled) {
+            this.close();
+        }
+        if (hasChanged(changes, ['options', 'content', 'showLoader'])) {
+            this.overlayRef?.update(this.createOverlayOptions());
+        }
+    }
+    toggle(event) {
+        if (this.isOpen) {
+            this.close(event);
+        }
+        else {
+            this.open(event);
+        }
+    }
+    open(event) {
+        event?.preventDefault();
+        if (this.isOpen || !this.content || this.disabled)
+            return;
+        this.overlayRef = this.connectedOverlayService.createOverlay(this.referenceElement ?? this.element.nativeElement, this.createOverlayOptions(), {
+            host: this.referenceElement || this.host,
+            injector: this.injector,
+        });
+        this.changeDetector.markForCheck();
+    }
+    close(event) {
+        event?.preventDefault();
+        this.overlayRef?.close();
+        this.overlayRef = null;
+        this.changeDetector.markForCheck();
+    }
+    createOverlayOptions() {
+        const containerClass = ['odx-dropdown-overlay', this.options?.containerClass].filter(Boolean).join(' ');
+        return {
+            ...DefaultDropdownOptions,
+            ...this.options,
+            fallbackAxisSideDirection: 'end',
+            containerClass,
+            content: DropdownComponent,
+            context: { content: this.content },
+            hooks: {
+                beforeOpen: () => this.beforeOpen.emit(),
+                afterOpen: () => this.afterOpen.emit(),
+                beforeClose: () => this.beforeClose.emit(),
+                afterClose: () => this.afterClose.emit(),
+            },
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "16.2.12", type: DropdownDirective, isStandalone: true, selector: "[odxDropdown]", inputs: { content: ["odxDropdown", "content"], disabled: ["odxDropdownDisabled", "disabled", booleanAttribute], showLoader: ["odxDropdownShowLoader", "showLoader", booleanAttribute], clickOutsideActive: ["odxDropdownClickOutsideActive", "clickOutsideActive", booleanAttribute], options: ["odxDropdownOptions", "options"], referenceElement: ["odxDropdownReferenceElement", "referenceElement"], triggerElement: ["odxDropdownTriggerElement", "triggerElement"], host: ["odxDropdownHost", "host"], openTrigger: ["odxDropdownOpenTrigger", "openTrigger"], closeTrigger: ["odxDropdownCloseTrigger", "closeTrigger"] }, outputs: { beforeOpen: "odxDropdownBeforeOpen", afterOpen: "odxDropdownAfterOpen", beforeClose: "odxDropdownBeforeClose", afterClose: "odxDropdownAfterClose" }, host: { properties: { "attr.aria-haspopup": "true", "attr.aria-expanded": "isOpen" } }, providers: [EventManager], exportAs: ["odxDropdown"], usesOnChanges: true, ngImport: i0 }); }
+};
+DropdownDirective = __decorate([
+    CSSComponent('dropdown-host')
+], DropdownDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[odxDropdown]',
+                    exportAs: 'odxDropdown',
+                    providers: [EventManager],
+                    host: {
+                        '[attr.aria-haspopup]': 'true',
+                        '[attr.aria-expanded]': 'isOpen',
+                    },
+                }]
+        }], propDecorators: { content: [{
+                type: Input,
+                args: ['odxDropdown']
+            }], disabled: [{
+                type: Input,
+                args: [{ alias: 'odxDropdownDisabled', transform: booleanAttribute }]
+            }], showLoader: [{
+                type: Input,
+                args: [{ alias: 'odxDropdownShowLoader', transform: booleanAttribute }]
+            }], clickOutsideActive: [{
+                type: Input,
+                args: [{ alias: 'odxDropdownClickOutsideActive', transform: booleanAttribute }]
+            }], options: [{
+                type: Input,
+                args: ['odxDropdownOptions']
+            }], referenceElement: [{
+                type: Input,
+                args: ['odxDropdownReferenceElement']
+            }], triggerElement: [{
+                type: Input,
+                args: ['odxDropdownTriggerElement']
+            }], host: [{
+                type: Input,
+                args: ['odxDropdownHost']
+            }], openTrigger: [{
+                type: Input,
+                args: ['odxDropdownOpenTrigger']
+            }], closeTrigger: [{
+                type: Input,
+                args: ['odxDropdownCloseTrigger']
+            }], beforeOpen: [{
+                type: Output,
+                args: ['odxDropdownBeforeOpen']
+            }], afterOpen: [{
+                type: Output,
+                args: ['odxDropdownAfterOpen']
+            }], beforeClose: [{
+                type: Output,
+                args: ['odxDropdownBeforeClose']
+            }], afterClose: [{
+                type: Output,
+                args: ['odxDropdownAfterClose']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvZHJvcGRvd24vc3JjL2xpYi9kcm9wZG93bi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFFTCxnQkFBZ0IsRUFDaEIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxZQUFZLEVBQ1osTUFBTSxFQUNOLFFBQVEsRUFDUixLQUFLLEVBR0wsTUFBTSxFQUNOLGdCQUFnQixHQUNqQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQWdELHVCQUF1QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFM0gsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBYSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxzQkFBc0IsRUFBbUIsTUFBTSxVQUFVLENBQUM7O0FBRW5FLE1BQU0sQ0FBQyxNQUFNLDhCQUE4QixHQUFHLENBQUMsT0FBTyxFQUFFLGVBQWUsQ0FBQyxDQUFDO0FBQ3pFLE1BQU0sQ0FBQyxNQUFNLCtCQUErQixHQUFHLENBQUMsV0FBVyxDQUFDLENBQUM7QUFhdEQsV0FBTSxpQkFBaUIsR0FBdkIsTUFBTSxpQkFBaUI7SUFBdkI7UUFDWSxtQkFBYyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQzNDLDRCQUF1QixHQUFHLE1BQU0sQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDO1FBQzFELGlCQUFZLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3BDLGtCQUFhLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDekMsYUFBUSxHQUFH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QUN6QixRQUFRLEVBQUUsYUFBYTtvQkFDdkIsU0FBUyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN6QixJQUFJLEVBQUU7d0JBQ0osc0JBQXNCLEVBQUUsTUFBTTt3QkFDOUIsc0JBQXNCLEVBQUUsUUFBUTtxQkFDakM7aUJBQ0Y7OEJBZ0JRLE9BQU87c0JBRGIsS0FBSzt1QkFBQyxhQUFhO2dCQUliLFFBQVE7c0JBRGQsS0FBSzt1QkFBQyxFQUFFLEtBQUssRUFBRSxxQkFBcUIsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBSTdELFVBQVU7c0JBRGhCLEtBQUs7dUJBQUMsRUFBRSxLQUFLLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUkvRCxrQkFBa0I7c0JBRHhCLEtBQUs7dUJBQUMsRUFBRSxLQUFLLEVBQUUsK0JBQStCLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUl2RSxPQUFPO3NCQURiLEtBQUs7dUJBQUMsb0JBQW9CO2dCQUlwQixnQkFBZ0I7c0JBRHRCLEtBQUs7dUJBQUMsNkJBQTZCO2dCQUk3QixjQUFjO3NCQURwQixLQUFLO3VCQUFDLDJCQUEyQjtnQkFJM0IsSUFBSTtzQkFEVixLQUFLO3VCQUFDLGlCQUFpQjtnQkFJakIsV0FBVztzQkFEakIsS0FBSzt1QkFBQyx3QkFBd0I7Z0JBSXhCLFlBQVk7c0JBRGxCLEtBQUs7dUJBQUMseUJBQXlCO2dCQUl6QixVQUFVO3NCQURoQixNQUFNO3VCQUFDLHVCQUF1QjtnQkFJeEIsU0FBUztzQkFEZixNQUFNO3VCQUFDLHNCQUFzQjtnQkFJdkIsV0FBVztzQkFEakIsTUFBTTt1QkFBQyx3QkFBd0I7Z0JBSXpCLFVBQVU7c0JBRGhCLE1BQU07dUJBQUMsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIERpcmVjdGl2ZSxcbiAgRXZlbnRFbWl0dGVyLFxuICBpbmplY3QsXG4gIEluamVjdG9yLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkRlc3Ryb3ksXG4gIE91dHB1dCxcbiAgVmlld0NvbnRhaW5lclJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb25uZWN0ZWRPdmVybGF5T3B0aW9ucywgQ29ubmVjdGVkT3ZlcmxheVJlZiwgQ29ubmVjdGVkT3ZlcmxheVNlcnZpY2UgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2Nvbm5lY3RlZC1vdmVybGF5JztcbmltcG9ydCB7IER5bmFtaWNDb250ZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2Nkay9keW5hbWljLXZpZXcnO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IEV2ZW50TWFuYWdlciwgaGFzQ2hhbmdlZCwgaW5qZWN0RWxlbWVudCwgTmdDaGFuZ2VzIH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcbmltcG9ydCB7IERyb3Bkb3duQ29tcG9uZW50IH0gZnJvbSAnLi9kcm9wZG93bi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGVmYXVsdERyb3Bkb3duT3B0aW9ucywgRHJvcGRvd25PcHRpb25zIH0gZnJvbSAnLi9tb2RlbHMnO1xuXG5leHBvcnQgY29uc3QgREVGQVVMVF9EUk9QRE9XTl9PUEVOX1RSSUdHRVJTID0gWydjbGljaycsICdrZXlkb3duLmVudGVyJ107XG5leHBvcnQgY29uc3QgREVGQVVMVF9EUk9QRE9XTl9DTE9TRV9UUklHR0VSUyA9IFsna2V5dXAuZXNjJ107XG5cbkBDU1NDb21wb25lbnQoJ2Ryb3Bkb3duLWhvc3QnKVxuQERpcmVjdGl2ZSh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnW29keERyb3Bkb3duXScsXG4gIGV4cG9ydEFzOiAnb2R4RHJvcGRvd24nLFxuICBwcm92aWRlcnM6IFtFdmVudE1hbmFnZXJdLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLmFyaWEtaGFzcG9wdXBdJzogJ3RydWUnLFxuICAgICdbYXR0ci5hcmlhLWV4cGFuZGVkXSc6ICdpc09wZW4nLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBEcm9wZG93bkRpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSByZWFkb25seSBjaGFuZ2VEZXRlY3RvciA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG4gIHByaXZhdGUgcmVhZG9ubHkgY29ubmVjdGVkT3ZlcmxheVNlcnZpY2UgPSBpbmplY3QoQ29ubmVjdGVkT3ZlcmxheVNlcnZpY2UpO1xuICBwcml2YXRlIHJlYWRvbmx5IGV2ZW50TWFuYWdlciA9IGluamVjdChFdmVudE1hbmFnZXIpO1xuICBwcml2YXRlIHJlYWRvbmx5IHZpZXdDb250YWluZXIgPSBpbmplY3QoVmlld0NvbnRhaW5lclJlZik7XG4gIHByaXZhdGUgcmVhZG9ubHkgaW5qZWN0b3IgPSBpbmplY3QoSW5qZWN0b3IpO1xuICBwcml2YXRlIG92ZXJsYXlSZWY6IENvbm5lY3RlZE92ZXJsYXlSZWYgfCBudWxsID0gbnVsbDtcblxuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQoKTtcblxuICBwdWJsaWMgZ2V0IGlzT3BlbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5vdmVybGF5UmVmICE9PSBudWxsO1xuICB9XG5cbiAgQElucHV0KCdvZHhEcm9wZG93bicpXG4gIHB1YmxpYyBjb250ZW50PzogRHluYW1pY0NvbnRlbnQgfCBudWxsO1xuXG4gIEBJbnB1dCh7IGFsaWFzOiAnb2R4RHJvcGRvd25EaXNhYmxlZCcsIHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KVxuICBwdWJsaWMgZGlzYWJsZWQgPSBmYWxzZTtcblxuICBASW5wdXQoeyBhbGlhczogJ29keERyb3Bkb3duU2hvd0xvYWRlcicsIHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KVxuICBwdWJsaWMgc2hvd0xvYWRlciA9IGZhbHNlO1xuXG4gIEBJbnB1dCh7IGFsaWFzOiAnb2R4RHJvcGRvd25DbGlja091dHNpZGVBY3RpdmUnLCB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSlcbiAgcHVibGljIGNsaWNrT3V0c2lkZUFjdGl2ZSA9IHRydWU7XG5cbiAgQElucHV0KCdvZHhEcm9wZG93bk9wdGlvbnMnKVxuICBwdWJsaWMgb3B0aW9ucz86IFBhcnRpYWw8RHJvcGRvd25PcHRpb25zPiB8IG51bGw7XG5cbiAgQElucHV0KCdvZHhEcm9wZG93blJlZmVyZW5jZUVsZW1lbnQnKVxuICBwdWJsaWMgcmVmZXJlbmNlRWxlbWVudD86IEhUTUxFbGVtZW50IHwgbnVsbDtcblxuICBASW5wdXQoJ29keERyb3Bkb3duVHJpZ2dlckVsZW1lbnQnKVxuICBwdWJsaWMgdHJpZ2dlckVsZW1lbnQ/OiBIVE1MRWxlbWVudCB8IG51bGw7XG5cbiAgQElucHV0KCdvZHhEcm9wZG93bkhvc3QnKVxuICBwdWJsaWMgaG9zdD86IEhUTUxFbGVtZW50IHwgVmlld0NvbnRhaW5lclJlZiB8IG51bGwgPSB0aGlzLnZpZXdDb250YWluZXI7XG5cbiAgQElucHV0KCdvZHhEcm9wZG93bk9wZW5UcmlnZ2VyJylcbiAgcHVibGljIG9wZW5UcmlnZ2VyPzogc3RyaW5nW10gfCBudWxsID0gREVGQVVMVF9EUk9QRE9XTl9PUEVOX1RSSUdHRVJTO1xuXG4gIEBJbnB1dCgnb2R4RHJvcGRvd25DbG9zZVRyaWdnZXInKVxuICBwdWJsaWMgY2xvc2VUcmlnZ2VyPzogc3RyaW5nW10gfCBudWxsID0gREVGQVVMVF9EUk9QRE9XTl9DTE9TRV9UUklHR0VSUztcblxuICBAT3V0cHV0KCdvZHhEcm9wZG93bkJlZm9yZU9wZW4nKVxuICBwdWJsaWMgYmVmb3JlT3BlbiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAT3V0cHV0KCdvZHhEcm9wZG93bkFmdGVyT3BlbicpXG4gIHB1YmxpYyBhZnRlck9wZW4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgQE91dHB1dCgnb2R4RHJvcGRvd25CZWZvcmVDbG9zZScpXG4gIHB1YmxpYyBiZWZvcmVDbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAT3V0cHV0KCdvZHhEcm9wZG93bkFmdGVyQ2xvc2UnKVxuICBwdWJsaWMgYWZ0ZXJDbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBwdWJsaWMgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZXZlbnRNYW5hZ2VyLnJlZ2lzdGVyKHRoaXMub3BlblRyaWdnZXIgPz8gW10sIChldmVudCkgPT4gdGhpcy50b2dnbGUoZXZlbnQpLCB0aGlzLnRyaWdnZXJFbGVtZW50ID8/IHRoaXMucmVmZXJlbmNlRWxlbWVudCk7XG4gICAgdGhpcy5ldmVudE1hbmFnZXIucmVnaXN0ZXIodGhpcy5jbG9zZVRyaWdnZXIgPz8gW10sICgpID0+IHRoaXMuY2xvc2UoKSwgJ2RvY3VtZW50Jyk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5jbG9zZSgpO1xuICB9XG5cbiAgcHVibGljIG5nT25DaGFuZ2VzKGNoYW5nZXM6IE5nQ2hhbmdlczxEcm9wZG93bkRpcmVjdGl2ZT4pIHtcbiAgICBpZiAoaGFzQ2hhbmdlZChjaGFuZ2VzLCAnZGlzYWJsZWQnKSAmJiB0aGlzLmRpc2FibGVkKSB7XG4gICAgICB0aGlzLmNsb3NlKCk7XG4gICAgfVxuICAgIGlmIChoYXNDaGFuZ2VkKGNoYW5nZXMsIFsnb3B0aW9ucycsICdjb250ZW50JywgJ3Nob3dMb2FkZXInXSkpIHtcbiAgICAgIHRoaXMub3ZlcmxheVJlZj8udXBkYXRlKHRoaXMuY3JlYXRlT3ZlcmxheU9wdGlvbnMoKSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIHRvZ2dsZShldmVudD86IEV2ZW50KTogdm9pZCB7XG4gICAgaWYgKHRoaXMuaXNPcGVuKSB7XG4gICAgICB0aGlzLmNsb3NlKGV2ZW50KTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5vcGVuKGV2ZW50KTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgb3BlbihldmVudD86IEV2ZW50KSB7XG4gICAgZXZlbnQ/LnByZXZlbnREZWZhdWx0KCk7XG4gICAgaWYgKHRoaXMuaXNPcGVuIHx8ICF0aGlzLmNvbnRlbnQgfHwgdGhpcy5kaXNhYmxlZCkgcmV0dXJuO1xuICAgIHRoaXMub3ZlcmxheVJlZiA9IHRoaXMuY29ubmVjdGVkT3ZlcmxheVNlcnZpY2UuY3JlYXRlT3ZlcmxheSh0aGlzLnJlZmVyZW5jZUVsZW1lbnQgPz8gdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQsIHRoaXMuY3JlYXRlT3ZlcmxheU9wdGlvbnMoKSwge1xuICAgICAgaG9zdDogdGhpcy5yZWZlcmVuY2VFbGVtZW50IHx8IHRoaXMuaG9zdCxcbiAgICAgIGluamVjdG9yOiB0aGlzLmluamVjdG9yLFxuICAgIH0pO1xuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBwdWJsaWMgY2xvc2UoZXZlbnQ/OiBFdmVudCkge1xuICAgIGV2ZW50Py5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIHRoaXMub3ZlcmxheVJlZj8uY2xvc2UoKTtcbiAgICB0aGlzLm92ZXJsYXlSZWYgPSBudWxsO1xuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBwcml2YXRlIGNyZWF0ZU92ZXJsYXlPcHRpb25zKCk6IFBhcnRpYWw8Q29ubmVjdGVkT3ZlcmxheU9wdGlvbnM+IHtcbiAgICBjb25zdCBjb250YWluZXJDbGFzcyA9IFsnb2R4LWRyb3Bkb3duLW92ZXJsYXknLCB0aGlzLm9wdGlvbnM/LmNvbnRhaW5lckNsYXNzXS5maWx0ZXIoQm9vbGVhbikuam9pbignICcpO1xuICAgIHJldHVybiB7XG4gICAgICAuLi5EZWZhdWx0RHJvcGRvd25PcHRpb25zLFxuICAgICAgLi4udGhpcy5vcHRpb25zLFxuICAgICAgZmFsbGJhY2tBeGlzU2lkZURpcmVjdGlvbjogJ2VuZCcsXG4gICAgICBjb250YWluZXJDbGFzcyxcbiAgICAgIGNvbnRlbnQ6IERyb3Bkb3duQ29tcG9uZW50LFxuICAgICAgY29udGV4dDogeyBjb250ZW50OiB0aGlzLmNvbnRlbnQgfSxcbiAgICAgIGhvb2tzOiB7XG4gICAgICAgIGJlZm9yZU9wZW46ICgpID0+IHRoaXMuYmVmb3JlT3Blbi5lbWl0KCksXG4gICAgICAgIGFmdGVyT3BlbjogKCkgPT4gdGhpcy5hZnRlck9wZW4uZW1pdCgpLFxuICAgICAgICBiZWZvcmVDbG9zZTogKCkgPT4gdGhpcy5iZWZvcmVDbG9zZS5lbWl0KCksXG4gICAgICAgIGFmdGVyQ2xvc2U6ICgpID0+IHRoaXMuYWZ0ZXJDbG9zZS5lbWl0KCksXG4gICAgICB9LFxuICAgIH07XG4gIH1cbn1cbiJdfQ==

package/esm2022/components/dropdown/lib/dropdown.module.mjs

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CoreModule } from '@odx/angular';
+import { DropdownDirective } from './dropdown.directive';
+import * as i0 from "@angular/core";
+const modules = [DropdownDirective];
+export class DropdownModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DropdownModule, imports: [DropdownDirective], exports: [CoreModule, DropdownDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownModule, imports: [CoreModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvZHJvcGRvd24vc3JjL2xpYi9kcm9wZG93bi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQUV6RCxNQUFNLE9BQU8sR0FBRyxDQUFDLGlCQUFpQixDQUFDLENBQUM7QUFNcEMsTUFBTSxPQUFPLGNBQWM7K0dBQWQsY0FBYztnSEFBZCxjQUFjLFlBTlYsaUJBQWlCLGFBSXRCLFVBQVUsRUFKTCxpQkFBaUI7Z0hBTXJCLGNBQWMsWUFGZixVQUFVOzs0RkFFVCxjQUFjO2tCQUoxQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxPQUFPO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxVQUFVLEVBQUUsR0FBRyxPQUFPLENBQUM7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvcmVNb2R1bGUgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgRHJvcGRvd25EaXJlY3RpdmUgfSBmcm9tICcuL2Ryb3Bkb3duLmRpcmVjdGl2ZSc7XG5cbmNvbnN0IG1vZHVsZXMgPSBbRHJvcGRvd25EaXJlY3RpdmVdO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBtb2R1bGVzLFxuICBleHBvcnRzOiBbQ29yZU1vZHVsZSwgLi4ubW9kdWxlc10sXG59KVxuZXhwb3J0IGNsYXNzIERyb3Bkb3duTW9kdWxlIHt9XG4iXX0=

package/esm2022/components/dropdown/lib/models/close-dropdown-event.mjs

@@ -0,0 +1,7 @@
+export class CloseDropdownEvent extends Event {
+    static { this.TYPE = 'odxDropdownClose'; }
+    constructor() {
+        super(CloseDropdownEvent.TYPE, { bubbles: true });
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xvc2UtZHJvcGRvd24tZXZlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9kcm9wZG93bi9zcmMvbGliL21vZGVscy9jbG9zZS1kcm9wZG93bi1ldmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE9BQU8sa0JBQW1CLFNBQVEsS0FBSzthQUNwQixTQUFJLEdBQUcsa0JBQWtCLENBQUM7SUFFakQ7UUFDRSxLQUFLLENBQUMsa0JBQWtCLENBQUMsSUFBSSxFQUFFLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7SUFDcEQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjbGFzcyBDbG9zZURyb3Bkb3duRXZlbnQgZXh0ZW5kcyBFdmVudCB7XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgVFlQRSA9ICdvZHhEcm9wZG93bkNsb3NlJztcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcihDbG9zZURyb3Bkb3duRXZlbnQuVFlQRSwgeyBidWJibGVzOiB0cnVlIH0pO1xuICB9XG59XG4iXX0=

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

@@ -0,0 +1,24 @@
+import { Component, inject, Input, ViewEncapsulation } from '@angular/core';
+import { CoreModule } from '@odx/angular';
+import { DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';
+import { FormFieldHintDirective } from '../../directives';
+import { FormFieldService } from '../../form-field.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class FormFieldInfoComponent {
+    constructor() {
+        this.formFieldService = inject(FormFieldService);
+        this.error = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: "16.2.12", 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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC1pbmZvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL2Zvcm0tZmllbGQvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0tZmllbGQtaW5mby9mb3JtLWZpZWxkLWluZm8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS1maWVsZC9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1maWVsZC1pbmZvL2Zvcm0tZmllbGQtaW5mby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUMxQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNyRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBYTVELE1BQU0sT0FBTyxzQkFBc0I7SUFWbkM7UUFXcUIscUJBQWdCLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFHeEQsVUFBSyxHQUEwQixJQUFJLENBQUM7S0FDNUM7K0dBTFksc0JBQXNCO21HQUF0QixzQkFBc0IsMktDakJuQyxrVEFNQSwyQ0RNWSxVQUFVLHdMQUFFLG9CQUFvQjs7NEZBSy9CLHNCQUFzQjtrQkFWbEMsU0FBUztpQ0FDSSxJQUFJLFlBQ04scUJBQXFCLGlCQUVoQixpQkFBaUIsQ0FBQyxJQUFJLFdBQzVCLENBQUMsVUFBVSxFQUFFLG9CQUFvQixFQUFFLHNCQUFzQixDQUFDLFFBQzdEO3dCQUNKLDhCQUE4QixFQUFFLE1BQU07cUJBQ3ZDOzhCQU1NLEtBQUs7c0JBRFgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5qZWN0LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvcmVNb2R1bGUgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgRHluYW1pY1ZpZXdEaXJlY3RpdmUgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2R5bmFtaWMtdmlldyc7XG5pbXBvcnQgeyBGb3JtRmllbGRIaW50RGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBGb3JtRmllbGRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vZm9ybS1maWVsZC5zZXJ2aWNlJztcbmltcG9ydCB7IEZvcm1GaWVsZEVycm9yIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnb2R4LWZvcm0tZmllbGQtaW5mbycsXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLWZpZWxkLWluZm8uY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBpbXBvcnRzOiBbQ29yZU1vZHVsZSwgRHluYW1pY1ZpZXdEaXJlY3RpdmUsIEZvcm1GaWVsZEhpbnREaXJlY3RpdmVdLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5vZHgtZm9ybS1maWVsZF9faW5mb10nOiAndHJ1ZScsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1GaWVsZEluZm9Db21wb25lbnQge1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZm9ybUZpZWxkU2VydmljZSA9IGluamVjdChGb3JtRmllbGRTZXJ2aWNlKTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgZXJyb3I6IEZvcm1GaWVsZEVycm9yIHwgbnVsbCA9IG51bGw7XG59XG4iLCI8c3BhbiBjbGFzcz1cIm9keC1mb3JtLWZpZWxkLWVycm9yXCIgW2F0dHIuaWRdPVwiZm9ybUZpZWxkU2VydmljZS5jb250cm9sRXJyb3JJZCQgfCBhc3luY1wiICpuZ0lmPVwiZXJyb3I7IGVsc2UgaGludFwiPlxuICA8bmctdGVtcGxhdGUgW29keER5bmFtaWNWaWV3XT1cImVycm9yLm1lc3NhZ2VcIiBbb2R4RHluYW1pY1ZpZXdDb250ZXh0XT1cImVycm9yLmNvbnRleHRcIj48L25nLXRlbXBsYXRlPlxuPC9zcGFuPlxuPG5nLXRlbXBsYXRlICNoaW50PlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuIl19

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

@@ -0,0 +1,33 @@
+import { __decorate } from "tslib";
+import { ChangeDetectionStrategy, Component, ContentChildren, QueryList, ViewEncapsulation } from '@angular/core';
+import { CoreModule } from '@odx/angular';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import { combineLatest, map, startWith, switchMap } from 'rxjs';
+import { FormFieldService } from '../../form-field.service';
+import { FormFieldErrorService } from '../../services';
+import { FormFieldInfoComponent } from '../form-field-info/form-field-info.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export 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));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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\">\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: "16.2.12", 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\">\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 }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9mb3JtLWZpZWxkL3NyYy9saWIvY29tcG9uZW50cy9mb3JtLWdyb3VwL2Zvcm0tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS1maWVsZC9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1ncm91cC9mb3JtLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQW9CLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BJLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDMUMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBYyxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzVFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRTVELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOzs7QUFZL0UsV0FBTSxrQkFBa0IsR0FBeEIsTUFBTSxrQkFBa0I7SUFBeEI7UUFDVyxZQUFPLEdBQUcsYUFBYSxFQUFFLENBQUM7UUFDbkMsV0FBTSxHQUE2QyxJQUFJLENBQUM7S0FZaEU7SUFQUSxrQkFBa0I7UUFDdkIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsc0JBQXNCLENBQUMsT0FBTyxDQUFDLElBQUksQ0FDcEQsU0FBUyxDQUFtQyxJQUFJLENBQUMsc0JBQXNCLENBQUMsRUFDeEUsU0FBUyxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFDakYsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLENBQ2hFLENBQUM7SUFDSixDQUFDOytHQWJVLGtCQUFrQjttR0FBbEIsa0JBQWtCLDZEQUZsQixDQUFDLGdCQUFnQixDQUFDLGlFQU1aLHFCQUFxQiw2QkN4QnhDLG9RQU1BLDJDRFdZLFVBQVUsb0ZBQUUsc0JBQXNCOztBQUdqQyxrQkFBa0I7SUFWOUIsWUFBWSxDQUFDLFlBQVksQ0FBQztHQVVkLGtCQUFrQixDQWM5Qjs0RkFkWSxrQkFBa0I7a0JBVDlCLFNBQVM7aUNBQ0ksSUFBSSxZQUNOLGdCQUFnQixpQkFFWCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDLENBQUMsVUFBVSxFQUFFLHNCQUFzQixDQUFDLGFBQ2xDLENBQUMsZ0JBQWdCLENBQUM7OEJBT3RCLHNCQUFzQjtzQkFENUIsZUFBZTt1QkFBQyxxQkFBcUIsRUFBRSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlckNvbnRlbnRJbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIFF1ZXJ5TGlzdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvcmVNb2R1bGUgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvdXRpbHMnO1xuaW1wb3J0IHsgY29tYmluZUxhdGVzdCwgbWFwLCBPYnNlcnZhYmxlLCBzdGFydFdpdGgsIHN3aXRjaE1hcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgRm9ybUZpZWxkU2VydmljZSB9IGZyb20gJy4uLy4uL2Zvcm0tZmllbGQuc2VydmljZSc7XG5pbXBvcnQgeyBGb3JtRmllbGRFcnJvciB9IGZyb20gJy4uLy4uL21vZGVscyc7XG5pbXBvcnQgeyBGb3JtRmllbGRFcnJvclNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBGb3JtRmllbGRJbmZvQ29tcG9uZW50IH0gZnJvbSAnLi4vZm9ybS1maWVsZC1pbmZvL2Zvcm0tZmllbGQtaW5mby5jb21wb25lbnQnO1xuXG5AQ1NTQ29tcG9uZW50KCdmb3JtLWdyb3VwJylcbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ29keC1mb3JtLWdyb3VwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0tZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW0NvcmVNb2R1bGUsIEZvcm1GaWVsZEluZm9Db21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtGb3JtRmllbGRTZXJ2aWNlXSxcbn0pXG5leHBvcnQgY2xhc3MgRm9ybUdyb3VwQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG4gIHB1YmxpYyByZWFkb25seSBlbGVtZW50ID0gaW5qZWN0RWxlbWVudCgpO1xuICBwdWJsaWMgZXJyb3IkOiBPYnNlcnZhYmxlPEZvcm1GaWVsZEVycm9yIHwgbnVsbD4gfCBudWxsID0gbnVsbDtcblxuICBAQ29udGVudENoaWxkcmVuKEZvcm1GaWVsZEVycm9yU2VydmljZSwgeyBkZXNjZW5kYW50czogZmFsc2UgfSlcbiAgcHVibGljIGZvcm1GaWVsZEVycm9yU2VydmljZXMhOiBRdWVyeUxpc3Q8Rm9ybUZpZWxkRXJyb3JTZXJ2aWNlPjtcblxuICBwdWJsaWMgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgIHRoaXMuZXJyb3IkID0gdGhpcy5mb3JtRmllbGRFcnJvclNlcnZpY2VzLmNoYW5nZXMucGlwZShcbiAgICAgIHN0YXJ0V2l0aDxRdWVyeUxpc3Q8Rm9ybUZpZWxkRXJyb3JTZXJ2aWNlPj4odGhpcy5mb3JtRmllbGRFcnJvclNlcnZpY2VzKSxcbiAgICAgIHN3aXRjaE1hcCgoc2VydmljZXMpID0+IGNvbWJpbmVMYXRlc3Qoc2VydmljZXMubWFwKChzZXJ2aWNlKSA9PiBzZXJ2aWNlLmVycm9yJCkpKSxcbiAgICAgIG1hcCgoZXJyb3JzKSA9PiBlcnJvcnMuZmluZCgoZXJyb3IpID0+IGVycm9yICE9PSBudWxsKSA/PyBudWxsKVxuICAgICk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJvZHgtZm9ybS1ncm91cF9fY29udGVudFwiIG9keExheW91dD1cImdyaWRcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwib2R4LWZvcm0tZmllbGRcIj4gPC9uZy1jb250ZW50PlxuPC9kaXY+XG48b2R4LWZvcm0tZmllbGQtaW5mbyBbZXJyb3JdPVwiZXJyb3IkIHwgYXN5bmNcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwib2R4LWZvcm0tZmllbGQtaGludFwiPjwvbmctY29udGVudD5cbjwvb2R4LWZvcm0tZmllbGQtaW5mbz5cbiJdfQ==

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9mb3JtLWZpZWxkL3NyYy9saWIvZm9ybS1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9mb3JtLWZpZWxkL3NyYy9saWIvZm9ybS1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNySSxPQUFPLEVBQUUsVUFBVSxFQUFFLGtCQUFrQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMzRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDMUUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ3ZELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUM1QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxZQUFZLENBQUM7OztBQVk1QyxXQUFNLGtCQUFrQixHQUF4QixNQUFNLGtCQUFrQjtJQWM3QixJQUNXLFVB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LEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBib29sZWFuQXR0cmlidXRlLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIGluamVjdCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb3JlTW9kdWxlLCBEaXNhYmxlZENvbnRyb2xsZXIsIFJlYWRvbmx5Q29udHJvbGxlciB9IGZyb20gJ0BvZHgvYW5ndWxhcic7XG5pbXBvcnQgeyBDU1NDb21wb25lbnQsIENTU01vZGlmaWVyIH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQsIHJlYWN0aXZlQ2xhc3NCaW5kaW5nIH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgY29tYmluZUxhdGVzdCwgbWFwIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBGb3JtRmllbGRJbmZvQ29tcG9uZW50LCBGb3JtR3JvdXBDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgRm9ybUZpZWxkTGFiZWxEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgRm9ybUZpZWxkU2VydmljZSB9IGZyb20gJy4vZm9ybS1maWVsZC5zZXJ2aWNlJztcbmltcG9ydCB7IEZvcm1GaWVsZFZhcmlhbnQgfSBmcm9tICcuL21vZGVscyc7XG5pbXBvcnQgeyBGb3JtRmllbGRFcnJvclNlcnZpY2UgfSBmcm9tICcuL3NlcnZpY2VzJztcblxuQENTU0NvbXBvbmVudCgnZm9ybS1maWVsZCcpXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdvZHgtZm9ybS1maWVsZCcsXG4gIGltcG9ydHM6IFtDb3JlTW9kdWxlLCBGb3JtRmllbGRJbmZvQ29tcG9uZW50LCBGb3JtRmllbGRMYWJlbERpcmVjdGl2ZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW0Zvcm1GaWVsZFNlcnZpY2UsIEZvcm1GaWVsZEVycm9yU2VydmljZSwgRGlzYWJsZWRDb250cm9sbGVyLmNvbm5lY3QoKSwgUmVhZG9ubHlDb250cm9sbGVyLmNvbm5lY3QoKV0sXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1GaWVsZENvbXBvbmVudCB7XG4gIHByb3RlY3RlZCByZWFkb25seSBoYXNXYXJuaW5nJCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0KGZhbHNlKTtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZm9ybUdyb3VwID0gaW5qZWN0KEZvcm1Hcm91cENvbXBvbmVudCwgeyBvcHRpb25hbDogdHJ1ZSwgaG9zdDogdHJ1ZSB9KTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGZvcm1GaWVsZFNlcnZpY2UgPSBpbmplY3QoRm9ybUZpZWxkU2VydmljZSwgeyBzZWxmOiB0cnVlIH0pO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZm9ybUZpZWxkRXJyb3JTZXJ2aWNlID0gaW5qZWN0KEZvcm1GaWVsZEVycm9yU2VydmljZSwgeyBzZWxmOiB0cnVlIH0pO1xuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQoKTtcblxuICBAQ29udGVudENoaWxkKEZvcm1GaWVsZExhYmVsRGlyZWN0aXZlKVxuICBwdWJsaWMgbGFiZWxEaXJlY3RpdmU/OiBGb3JtRmllbGRMYWJlbERpcmVjdGl2ZTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgbGFiZWw/OiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSlcbiAgcHVibGljIHNldCBoYXNXYXJuaW5nKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5oYXNXYXJuaW5nJCQubmV4dCh2YWx1ZSk7XG4gIH1cbiAgcHVibGljIGdldCBoYXNXYXJuaW5nKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmhhc1dhcm5pbmckJC5nZXRWYWx1ZSgpO1xuICB9XG5cbiAgQENTU01vZGlmaWVyKClcbiAgQElucHV0KClcbiAgcHVibGljIHZhcmlhbnQ6IEZvcm1GaWVsZFZhcmlhbnQgfCBudWxsID0gRm9ybUZpZWxkVmFyaWFudC5GVUxMO1xuXG4gIHB1YmxpYyBnZXQgaGFzTGFiZWwoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhKHRoaXMubGFiZWxEaXJlY3RpdmUgfHwgdGhpcy5sYWJlbCk7XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBjb25zdCBoYXNXYXJuaW5nJCA9IGNvbWJpbmVMYXRlc3QoW3RoaXMuZm9ybUZpZWxkRXJyb3JTZXJ2aWNlLmVycm9yJCwgdGhpcy5oYXNXYXJuaW5nJCRdKS5waXBlKG1hcCgoW2hhc0Vycm9yLCBoYXNXYXJuaW5nXSkgPT4gaGFzRXJyb3IgJiYgaGFzV2FybmluZykpO1xuICAgIHJlYWN0aXZlQ2xhc3NCaW5kaW5nKHRoaXMuZm9ybUZpZWxkU2VydmljZS5pc1JlcXVpcmVkJCwgJ29keC1mb3JtLWZpZWxkLS1yZXF1aXJlZCcpO1xuICAgIHJlYWN0aXZlQ2xhc3NCaW5kaW5nKHRoaXMuZm9ybUZpZWxkU2VydmljZS5pc0Rpc2FibGVkJCwgJ2lzLWRpc2FibGVkJyk7XG4gICAgcmVhY3RpdmVDbGFzc0JpbmRpbmcodGhpcy5mb3JtRmllbGRTZXJ2aWNlLmlzUmVhZG9ubHkkLCAnaXMtcmVhZG9ubHknKTtcbiAgICByZWFjdGl2ZUNsYXNzQmluZGluZyh0aGlzLmZvcm1GaWVsZEVycm9yU2VydmljZS5oYXNFcnJvciQsICdoYXMtZXJyb3InKTtcbiAgICByZWFjdGl2ZUNsYXNzQmluZGluZyhoYXNXYXJuaW5nJCwgJ2hhcy13YXJuaW5nJyk7XG4gIH1cbn1cbiIsIjxsYWJlbCBjbGFzcz1cIm9keC1mb3JtLWZpZWxkX19sYWJlbFwiIFthdHRyLmZvcl09XCJmb3JtRmllbGRTZXJ2aWNlLmNvbnRyb2xJZCQgfCBhc3luY1wiIFthdHRyLmFyaWEtb3duc109XCJmb3JtRmllbGRTZXJ2aWNlLmNvbnRyb2xJZCQgfCBhc3luY1wiICpuZ0lmPVwiaGFzTGFiZWxcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxhYmVsOyBlbHNlIGxhYmVsVGVtcGxhdGVcIj5cbiAgICA8b2R4LWZvcm0tZmllbGQtbGFiZWw+e3sgbGFiZWwgfX08L29keC1mb3JtLWZpZWxkLWxhYmVsPlxuICAgIDxzcGFuIGNsYXNzPVwib2R4LWZvcm0tZmllbGRfX2xhYmVsLWlzLXJlcXVpcmVkXCIgKm5nSWY9XCJmb3JtRmllbGRTZXJ2aWNlLmlzUmVxdWlyZWQkIHwgYXN5bmNcIj4qPC9zcGFuPlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLXRlbXBsYXRlICNsYWJlbFRlbXBsYXRlPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm9keC1mb3JtLWZpZWxkLWxhYmVsXCI+PC9uZy1jb250ZW50PlxuICAgIDxzcGFuIGNsYXNzPVwib2R4LWZvcm0tZmllbGRfX2xhYmVsLWlzLXJlcXVpcmVkXCIgKm5nSWY9XCJmb3JtRmllbGRTZXJ2aWNlLmlzUmVxdWlyZWQkIHwgYXN5bmNcIj4qPC9zcGFuPlxuICA8L25nLXRlbXBsYXRlPlxuPC9sYWJlbD5cbjxkaXYgY2xhc3M9XCJvZHgtZm9ybS1maWVsZF9faW5uZXJcIj5cbiAgPGRpdiBjbGFzcz1cIm9keC1mb3JtLWZpZWxkX19jb250cm9sXCI+XG4gICAgPGRpdiBjbGFzcz1cIm9keC1mb3JtLWZpZWxkX19wcmVmaXhcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltvZHhGb3JtRmllbGRQcmVmaXhdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwib2R4LWZvcm0tZmllbGRfX3N1ZmZpeFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW29keEZvcm1GaWVsZFN1ZmZpeF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8b2R4LWZvcm0tZmllbGQtaW5mbyBbZXJyb3JdPVwiZm9ybUZpZWxkRXJyb3JTZXJ2aWNlLmVycm9yJCB8IGFzeW5jXCIgKm5nSWY9XCIhZm9ybUdyb3VwXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwib2R4LWZvcm0tZmllbGQtaGludFwiPjwvbmctY29udGVudD5cbiAgPC9vZHgtZm9ybS1maWVsZC1pbmZvPlxuPC9kaXY+XG4iXX0=