@odx/angular 1.0.0-rc.0 → 1.0.0-rc.10

package/fesm2020/odx-angular.mjs

@@ -1,112 +1,89 @@
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
-import { Injectable, inject, InjectionToken, ChangeDetectorRef, forwardRef, Directive, Input, EventEmitter, Output, ViewChild, NgModule } from '@angular/core';
-import { watchedControllerFactory, Controller, watch, detectControllerChanges } from '@odx/angular/internal';
-import { ReplaySubject, startWith, map, shareReplay, filter, EMPTY } from 'rxjs';
-import { DOCUMENT, CommonModule } from '@angular/common';
-import { fromEvents } from '@odx/angular/rxjs';
+import { inject, ChangeDetectorRef, Directive, InjectionToken, forwardRef, Input, EventEmitter, Output, NgModule, reflectComponentType, Injectable } from '@angular/core';
+import { pluckFromArray, isPresent, Transform, deferFn, booleanToOptionalAttributeString } from '@odx/angular/utils';
+import { merge, EMPTY, tap, Subject, shareReplay, map, distinctUntilChanged, startWith } from 'rxjs';
 import { __decorate, __metadata } from 'tslib';
-import { NgControl, Validators } from '@angular/forms';
-import { Transform } from '@odx/angular/utils';
-import { FocusMonitor } from '@angular/cdk/a11y';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { CommonModule, DOCUMENT } from '@angular/common';
+import { fromEvents } from '@odx/angular/rxjs';
 
-class DestroyService extends ReplaySubject {
-    constructor() {
-        super(1);
-    }
-    ngOnDestroy() {
-        this.next();
-        this.complete();
-    }
+function controllerChanges(controllers) {
+    const changes$ = pluckFromArray(controllers.filter(isPresent), 'change$');
+    return changes$.length > 0 ? merge(...changes$) : EMPTY;
 }
-DestroyService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: DestroyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DestroyService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: DestroyService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: DestroyService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return []; } });
-
-class WindowRef {
+function detectControllerChanges(...controllers) {
+    const changeDetector = inject(ChangeDetectorRef);
+    return controllerChanges(controllers).pipe(tap(() => changeDetector.markForCheck()));
+}
+class Controller {
     constructor() {
-        this.nativeWindow = inject(DOCUMENT).defaultView ?? window;
-        this.isOnline$ = fromEvents(this.nativeWindow, 'offline', 'online').pipe(startWith(null), map(() => this.nativeWindow.navigator.onLine), shareReplay({ refCount: true }));
+        this.change$$ = new Subject();
+        this.change$ = this.change$$.pipe(shareReplay({ refCount: true }));
     }
-    get location() {
-        return this.nativeWindow.location;
+    static setup(controller, changeDetector) {
+        controllerChanges([controller])
+            .pipe(tap(() => changeDetector.markForCheck()))
+            .subscribe();
+        return controller;
     }
-    getLanguage() {
-        return this.nativeWindow.navigator.language;
+    ngOnChanges() {
+        this.triggerControllerChange();
     }
-    getOrigin() {
-        return this.location.origin;
+    ngOnDestroy() {
+        this.change$$.complete();
     }
-    reloadPage() {
-        return this.location.reload();
+    triggerControllerChange() {
+        this.change$$.next();
     }
 }
-WindowRef.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: WindowRef, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-WindowRef.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: WindowRef, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: WindowRef, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+Controller.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: Controller, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+Controller.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: Controller, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: Controller, decorators: [{
+            type: Directive
         }] });
 
-const ELEMENTS_WITH_DISABLED_ATTRIBUTE = {
-    button: true,
-    fieldset: true,
-    input: true,
-    optgroup: true,
-    option: true,
-    select: true,
-    textarea: true,
-};
+const DISABLED_CONTROLLER = new InjectionToken('@odx/angular::DisabledWatchedController');
 const DISABLED_INTERNAL_CONTROLLER = new InjectionToken('@odx/angular::DisabledController', {
-    factory: () => new DisabledController(null),
+    factory: () => new DisabledController(),
 });
-const DISABLED_CONTROLLER = new InjectionToken('@odx/angular::DisabledWatchedController');
-const DISABLED_CONTROLLER_PROVIDER = [
-    DestroyService,
-    {
-        provide: DISABLED_CONTROLLER,
-        useFactory: watchedControllerFactory,
-        deps: [DISABLED_INTERNAL_CONTROLLER, ChangeDetectorRef, DestroyService],
-    },
-];
-// eslint-disable-next-line @angular-eslint/directive-class-suffix
 class DisabledController extends Controller {
-    constructor(element) {
-        super();
-        this.isDisabled = false;
-        this.hasDisabledAttribute = false;
-        this.nodeName = element?.nativeElement.nodeName.toLowerCase() ?? '';
+    constructor() {
+        super(...arguments);
+        this.isDisabled$ = this.change$.pipe(map(() => this.disabled), distinctUntilChanged(), shareReplay({ refCount: true }));
+        this.disabled = false;
     }
-    set disabled(value) {
-        if (this.isDisabled !== value) {
-            this.isDisabled = coerceBooleanProperty(value);
-            this.hasDisabledAttribute = this.isDisabled && ELEMENTS_WITH_DISABLED_ATTRIBUTE[this.nodeName];
-        }
+    static inject() {
+        return inject(DISABLED_CONTROLLER, { optional: true });
     }
-    get disabled() {
-        return this.isDisabled;
+    static connect() {
+        return {
+            provide: DISABLED_CONTROLLER,
+            useFactory: Controller.setup,
+            deps: [DISABLED_INTERNAL_CONTROLLER, ChangeDetectorRef],
+        };
     }
     setDisabledState(state) {
-        this.disabled = state;
-        this.ngOnChanges();
+        if (this.disabled !== state) {
+            this.disabled = state;
+            this.ngOnChanges();
+        }
     }
 }
-DisabledController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: DisabledController, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-DisabledController.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: DisabledController, isStandalone: true, selector: "[disabled]", inputs: { disabled: "disabled" }, host: { properties: { "attr.disabled": "hasDisabledAttribute || null" } }, providers: [
+DisabledController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: DisabledController, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+DisabledController.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: DisabledController, isStandalone: true, selector: "[disabled]", inputs: { disabled: "disabled" }, providers: [
         {
             provide: DISABLED_INTERNAL_CONTROLLER,
             useExisting: forwardRef(() => DisabledController),
         },
     ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: DisabledController, decorators: [{
+__decorate([
+    Transform(coerceBooleanProperty),
+    __metadata("design:type", Object)
+], DisabledController.prototype, "disabled", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: DisabledController, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
-                    // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: '[disabled]',
                     providers: [
                         {
@@ -114,200 +91,291 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
                             useExisting: forwardRef(() => DisabledController),
                         },
                     ],
-                    host: {
-                        '[attr.disabled]': 'hasDisabledAttribute || null',
-                    },
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { disabled: [{
+        }], propDecorators: { disabled: [{
                 type: Input
             }] } });
 
-class ControlDirective {
+const ELEMENTS_WITH_READONLY_ATTRIBUTE = {
+    input: true,
+    textarea: true,
+    select: true,
+};
+const READONLY_CONTROLLER = new InjectionToken('@odx/angular::ReadonlyWatchedController');
+const READONLY_INTERNAL_CONTROLLER = new InjectionToken('@odx/angular::ReadonlyController', {
+    factory: () => new ReadonlyController(null),
+});
+class ReadonlyController extends Controller {
     constructor(element) {
-        this.element = element;
+        super();
+        this.isReadonly = false;
+        this.hasReadonlyAttribute = false;
+        this.isReadonly$ = this.change$.pipe(map(() => this.isReadonly), distinctUntilChanged(), shareReplay({ refCount: true }));
+        this.nodeName = element?.nativeElement.nodeName.toLowerCase() ?? '';
+    }
+    set readonly(value) {
+        const coercedValue = coerceBooleanProperty(value);
+        if (this.isReadonly !== coercedValue) {
+            this.isReadonly = coercedValue;
+            this.hasReadonlyAttribute = this.isReadonly && ELEMENTS_WITH_READONLY_ATTRIBUTE[this.nodeName];
+        }
+    }
+    get readonly() {
+        return this.isReadonly;
+    }
+    static inject() {
+        return inject(READONLY_CONTROLLER, { optional: true });
+    }
+    static connect() {
+        return {
+            provide: READONLY_CONTROLLER,
+            useFactory: Controller.setup,
+            deps: [READONLY_INTERNAL_CONTROLLER, ChangeDetectorRef],
+        };
     }
 }
-ControlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ControlDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ControlDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: ControlDirective, isStandalone: true, selector: "[odxControl]", exportAs: ["odxControl"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ControlDirective, decorators: [{
+ReadonlyController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ReadonlyController, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ReadonlyController.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: ReadonlyController, isStandalone: true, selector: "[readonly]", inputs: { readonly: "readonly" }, host: { properties: { "attr.readonly": "hasReadonlyAttribute || null" } }, providers: [
+        {
+            provide: READONLY_INTERNAL_CONTROLLER,
+            useExisting: forwardRef(() => ReadonlyController),
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ReadonlyController, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
-                    selector: '[odxControl]',
-                    exportAs: 'odxControl',
+                    selector: '[readonly]',
+                    providers: [
+                        {
+                            provide: READONLY_INTERNAL_CONTROLLER,
+                            useExisting: forwardRef(() => ReadonlyController),
+                        },
+                    ],
+                    host: {
+                        '[attr.readonly]': 'hasReadonlyAttribute || null',
+                    },
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { readonly: [{
+                type: Input
+            }] } });
 
-class MonitorFocusDirective {
-    constructor(element) {
+class ClickOutsideDirective {
+    constructor(element, renderer) {
         this.element = element;
-        this.focusMonitor = inject(FocusMonitor);
-        this.focusOrigin = null;
-        this.focusMonitor
-            .monitor(element)
-            .pipe(watch(inject(ChangeDetectorRef)))
-            .subscribe((origin) => {
-            this.focusOrigin = origin;
-        });
+        this.renderer = renderer;
+        this.odxClickOutsideActive = true;
+        this.odxClickOutside = new EventEmitter();
+        this.odxClickOutsideActive = true;
+    }
+    ngOnInit() {
+        if (this.odxClickOutsideActive) {
+            this.registerHandler();
+        }
     }
-    get hasFocus() {
-        return this.focusOrigin === 'keyboard' || this.focusOrigin === 'program';
+    ngOnChanges({ odxClickOutsideActive: clickOutsideActive }) {
+        if (!clickOutsideActive?.firstChange && clickOutsideActive?.previousValue !== clickOutsideActive?.currentValue) {
+            if (clickOutsideActive?.currentValue) {
+                this.registerHandler();
+            }
+            else {
+                this.destroy();
+            }
+        }
     }
     ngOnDestroy() {
-        this.focusMonitor.stopMonitoring(this.element);
+        this.destroy();
+    }
+    destroy() {
+        if (this.listener) {
+            this.listener();
+            this.listener = undefined;
+        }
+    }
+    registerHandler() {
+        deferFn(() => {
+            this.listener ?? (this.listener = this.renderer.listen('document', 'click', (event) => {
+                if (this.odxClickOutsideActive && this.element?.nativeElement.isConnected && !this.element?.nativeElement.contains(event.target)) {
+                    this.odxClickOutside.emit(event);
+                }
+            }));
+        });
     }
 }
-MonitorFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: MonitorFocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-MonitorFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: MonitorFocusDirective, isStandalone: true, selector: "[odxMonitorFocus]", exportAs: ["odxMonitorFocus"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: MonitorFocusDirective, decorators: [{
+ClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+ClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: ClickOutsideDirective, isStandalone: true, selector: "[odxClickOutside]", inputs: { odxClickOutsideActive: "odxClickOutsideActive" }, outputs: { odxClickOutside: "odxClickOutside" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ClickOutsideDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
-                    selector: '[odxMonitorFocus]',
-                    exportAs: 'odxMonitorFocus',
+                    selector: '[odxClickOutside]',
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { odxClickOutsideActive: [{
+                type: Input
+            }], odxClickOutside: [{
+                type: Output
+            }] } });
 
-class CustomFormControl extends Controller {
-    constructor(initialValue) {
-        super();
-        this.isRequired = false;
-        this.changeDetector = inject(ChangeDetectorRef);
-        this.disabledController = inject(DISABLED_CONTROLLER, { optional: true });
-        this.enabled$ = this.disabledController?.change$.pipe(filter(() => !this.isDisabled)) ?? EMPTY;
-        this.ngControl = inject(NgControl, { optional: true });
-        this.id = null;
-        this.name = `odx-form-control-${CustomFormControl.CURRENT_INDEX++}`;
-        this.readonly = false;
-        this.change = new EventEmitter();
-        this.control = null;
-        this.internalValue = initialValue;
-        if (this.ngControl) {
-            this.ngControl.valueAccessor = this;
-        }
-        this.enabled$.subscribe(() => this.updateRequiredValidator());
-        detectControllerChanges(this.changeDetector, this, this.disabledController).subscribe();
+class LetContext {
+    constructor(directive) {
+        this.$implicit = directive.value;
+        this.odxLet = directive.value;
     }
-    set required(value) {
-        this.isRequired = coerceBooleanProperty(value);
-        this.updateRequiredValidator();
-    }
-    get required() {
-        return this.isRequired;
-    }
-    set controlValue(value) {
-        if (this.internalValue !== value) {
-            this.internalValue = value;
-            this.change.emit(value);
-            this.triggerControllerChange();
+}
+class LetDirective {
+    constructor(viewContainer, templateRef) {
+        this.viewRef = viewContainer.createEmbeddedView(templateRef, new LetContext(this));
+    }
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
+    ngOnChanges(changes) {
+        if (changes.value) {
+            const value = changes.value.currentValue;
+            this.viewRef.context.$implicit = value;
+            this.viewRef.context.odxLet = value;
         }
     }
-    get controlValue() {
-        return this.internalValue;
-    }
-    get hasError() {
-        return !!this.ngControl?.touched && !!this.ngControl?.invalid;
+}
+LetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: LetDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+LetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: LetDirective, isStandalone: true, selector: "ng-template[odxLet]", inputs: { value: ["odxLet", "value"] }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: LetDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'ng-template[odxLet]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }]; }, propDecorators: { value: [{
+                type: Input,
+                args: ['odxLet']
+            }] } });
+
+const ELEMENTS_WITH_DISABLED_ATTRIBUTE = {
+    button: true,
+    fieldset: true,
+    input: true,
+    optgroup: true,
+    option: true,
+    select: true,
+    textarea: true,
+};
+class WithDisabledState {
+    constructor(element) {
+        this.disabledController = DisabledController.inject();
+        this.hasDisabledAttribute = ELEMENTS_WITH_DISABLED_ATTRIBUTE[element.nativeElement.nodeName.toLowerCase() ?? ''];
+        this.hasAriaRole = element.nativeElement.hasAttribute('role');
     }
     get isDisabled() {
         return !!this.disabledController?.disabled;
     }
-    ngAfterContentInit() {
-        this.updateRequiredValidator();
-    }
-    onTouched() {
-        // empty;
+    get ariaDisabled() {
+        return booleanToOptionalAttributeString(this.hasAriaRole && this.isDisabled);
     }
-    onChange(_value) {
-        // empty
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.disabledController?.setDisabledState(isDisabled);
-    }
-    writeValue(value) {
-        this.controlValue = value;
-    }
-    updateValue(value) {
-        this.writeValue(value);
-        this.onChange(value);
-        this.onTouched();
-    }
-    toggleValidator(validator, state) {
-        const control = this.ngControl?.control;
-        if (!control)
-            return;
-        const hasValidator = control.hasValidator(validator);
-        if (state && hasValidator)
-            return;
-        if (!state && !hasValidator)
-            return;
-        if (state) {
-            control.addValidators(validator);
-        }
-        else {
-            control.removeValidators(validator);
-        }
-        control.updateValueAndValidity();
-        control.markAsUntouched();
+}
+WithDisabledState.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: WithDisabledState, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+WithDisabledState.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: WithDisabledState, isStandalone: true, host: { properties: { "class.is-disabled": "isDisabled", "attr.aria-disabled": "ariaDisabled", "attr.disabled": "hasDisabledAttribute && isDisabled || null" } }, providers: [DisabledController.connect()], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: WithDisabledState, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    providers: [DisabledController.connect()],
+                    host: {
+                        '[class.is-disabled]': 'isDisabled',
+                        '[attr.aria-disabled]': 'ariaDisabled',
+                        '[attr.disabled]': 'hasDisabledAttribute && isDisabled || null',
+                    },
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
+class WithTabIndex {
+    constructor() {
+        this.disabledController = DisabledController.inject();
     }
-    updateRequiredValidator() {
-        this.toggleValidator(Validators.required, this.isRequired);
+    get isDisabled() {
+        return !!this.disabledController?.disabled;
     }
 }
-CustomFormControl.CURRENT_INDEX = 0;
-CustomFormControl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: CustomFormControl, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-CustomFormControl.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: CustomFormControl, inputs: { id: "id", name: "name", readonly: "readonly", required: "required" }, outputs: { change: "change" }, host: { properties: { "class.has-error": "hasError", "class.is-disabled": "isDisabled", "class.is-readonly": "readonly", "class.is-required": "required" } }, viewQueries: [{ propertyName: "control", first: true, predicate: ControlDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
-__decorate([
-    Transform(coerceBooleanProperty),
-    __metadata("design:type", Object)
-], CustomFormControl.prototype, "readonly", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: CustomFormControl, decorators: [{
+WithTabIndex.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: WithTabIndex, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+WithTabIndex.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: WithTabIndex, isStandalone: true, host: { properties: { "attr.tabindex": "isDisabled ? -1 : 0" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: WithTabIndex, decorators: [{
             type: Directive,
             args: [{
+                    standalone: true,
                     host: {
-                        '[class.has-error]': 'hasError',
-                        '[class.is-disabled]': 'isDisabled',
-                        '[class.is-readonly]': 'readonly',
-                        '[class.is-required]': 'required',
+                        '[attr.tabindex]': 'isDisabled ? -1 : 0',
                     },
                 }]
-        }], ctorParameters: function () { return [{ type: undefined }]; }, propDecorators: { id: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], change: [{
-                type: Output
-            }], control: [{
-                type: ViewChild,
-                args: [ControlDirective]
-            }] } });
+        }] });
 
-const modules = [DisabledController, ControlDirective, MonitorFocusDirective];
+const controllers = [DisabledController, ReadonlyController];
+const modules = [ClickOutsideDirective, LetDirective];
 class CoreModule {
 }
-CoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: CoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: CoreModule, imports: [DisabledController, ControlDirective, MonitorFocusDirective], exports: [DisabledController, ControlDirective, MonitorFocusDirective, CommonModule] });
-CoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: CoreModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: CoreModule, decorators: [{
+CoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: CoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: CoreModule, imports: [DisabledController, ReadonlyController, ClickOutsideDirective, LetDirective], exports: [CommonModule, DisabledController, ReadonlyController, ClickOutsideDirective, LetDirective] });
+CoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: CoreModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: CoreModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: modules,
-                    exports: [...modules, CommonModule],
+                    imports: [...controllers, ...modules],
+                    exports: [CommonModule, ...controllers, ...modules],
                 }]
         }] });
 
+class WindowRef {
+    constructor() {
+        this.nativeWindow = inject(DOCUMENT).defaultView ?? window;
+        this.isOnline$ = fromEvents(this.nativeWindow, 'offline', 'online').pipe(startWith(null), map(() => this.nativeWindow.navigator.onLine), distinctUntilChanged(), shareReplay({ refCount: true }));
+    }
+    get location() {
+        return this.nativeWindow.location;
+    }
+    getLanguage() {
+        return this.nativeWindow.navigator.language;
+    }
+    getOrigin() {
+        return this.location.origin;
+    }
+    reloadPage() {
+        return this.location.reload();
+    }
+    queryByComponent(type) {
+        const componentType = reflectComponentType(type);
+        return componentType ? this.nativeWindow.document.querySelector(componentType.selector) : null;
+    }
+}
+WindowRef.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: WindowRef, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+WindowRef.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: WindowRef, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: WindowRef, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+const ODX_DEFAULT_IDENTITY_MATCHER = (item1, item2) => item1 === item2;
+const ODX_IDENTITY_MATCHER = new InjectionToken('@odx/angular::StringHandler', {
+    providedIn: 'root',
+    factory: () => ODX_DEFAULT_IDENTITY_MATCHER,
+});
+
+const ODX_DEFAULT_STRING_SEARCH_HANDLER = (item, query) => {
+    return item.toLocaleLowerCase().includes(query.toLocaleLowerCase());
+};
+const ODX_STRING_SEARCH_HANDLER = new InjectionToken('@odx/angular::StringHandler', {
+    providedIn: 'root',
+    factory: () => ODX_DEFAULT_STRING_SEARCH_HANDLER,
+});
+
+const ODX_DEFAULT_STRINGIFY = (item) => (isPresent(item) ? String(item) : '');
+const ODX_STRINGIFY = new InjectionToken('@odx/angular::Stringify', {
+    providedIn: 'root',
+    factory: () => ODX_DEFAULT_STRINGIFY,
+});
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ControlDirective, CoreModule, CustomFormControl, DISABLED_CONTROLLER, DISABLED_CONTROLLER_PROVIDER, DISABLED_INTERNAL_CONTROLLER, DestroyService, DisabledController, MonitorFocusDirective, WindowRef };
+export { ClickOutsideDirective, Controller, CoreModule, DISABLED_CONTROLLER, DISABLED_INTERNAL_CONTROLLER, DisabledController, LetContext, LetDirective, ODX_IDENTITY_MATCHER, ODX_STRINGIFY, ODX_STRING_SEARCH_HANDLER, READONLY_CONTROLLER, READONLY_INTERNAL_CONTROLLER, ReadonlyController, WindowRef, WithDisabledState, WithTabIndex, detectControllerChanges };
 //# sourceMappingURL=odx-angular.mjs.map