@acorex/components 7.2.7 → 7.3.1

package/fesm2022/acorex-components-common.mjs

@@ -1,15 +1,15 @@
 import * as i0 from '@angular/core';
-import { Injectable, Directive, Host, Self, Optional, Input, EventEmitter, Output, Inject, NgModule, inject, ChangeDetectorRef, ElementRef, ViewContainerRef, TemplateRef } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { skip, distinctUntilChanged, debounceTime, fromEvent, merge } from 'rxjs';
+import { Injectable, Directive, Host, Self, Optional, Input, Inject, NgModule, inject, ChangeDetectorRef, ElementRef, ViewContainerRef, EventEmitter, Output, TemplateRef } from '@angular/core';
 import * as i3 from '@angular/common';
 import { DOCUMENT } from '@angular/common';
-import * as i1$1 from '@angular/platform-browser';
+import * as i1 from '@angular/platform-browser';
 import { Observable } from 'rxjs/internal/Observable';
+import { fromEvent, noop, skip, distinctUntilChanged, debounceTime, merge } from 'rxjs';
 import { map, pairwise, filter, startWith, exhaustMap } from 'rxjs/operators';
 import { classes } from 'polytype';
 import { AXHtmlUtil, AXObjectUtil } from '@acorex/core/utils';
-import { coerceNumberProperty, coerceBooleanProperty } from '@angular/cdk/coercion';
+import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
+import * as i1$1 from '@angular/forms';
 import * as i1$2 from '@angular/cdk/overlay';
 import { OverlayContainer, Overlay } from '@angular/cdk/overlay';
 import * as i2 from '@angular/cdk/bidi';
@@ -118,45 +118,52 @@ class AXComponentClosedPromise extends Promise {
     }
 }
 class AXComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXComponent }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXComponent, decorators: [{
             type: Injectable
         }] });
 class AXClosbaleComponent extends AXComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXClosbaleComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXClosbaleComponent }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXClosbaleComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXClosbaleComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXClosbaleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXClosbaleComponent, decorators: [{
+            type: Injectable
+        }] });
+class AXClearableComponent extends AXComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXClearableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXClearableComponent }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXClearableComponent, decorators: [{
             type: Injectable
         }] });
 class AXSearchableComponent extends AXComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXSearchableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXSearchableComponent }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXSearchableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXSearchableComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXSearchableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXSearchableComponent, decorators: [{
             type: Injectable
         }] });
 class AXValuableComponent extends AXComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXValuableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXValuableComponent }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXValuableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXValuableComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXValuableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXValuableComponent, decorators: [{
             type: Injectable
         }] });
 class AXFocusableComponent extends AXComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXFocusableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXFocusableComponent }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXFocusableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXFocusableComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXFocusableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXFocusableComponent, decorators: [{
             type: Injectable
         }] });
 class AXPagedComponent extends AXComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXPagedComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXPagedComponent }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXPagedComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXPagedComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXPagedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXPagedComponent, decorators: [{
             type: Injectable
         }] });
 
@@ -164,15 +171,24 @@ const AX_STYLE_COLOR_TYPES = ['primary', 'secondary', 'success', 'warning', 'dan
 const AX_LOCATIONS = ['bottom-start', 'bottom-center', 'bottom-end', 'top-start', 'top-center', 'top-end', 'center-end', 'center-start'];
 const AX_DIRECTIONS = ['vertical', 'horizontal'];
 
+;
+
 class AXAutoFocusDirective {
-    constructor(el, _host) {
+    constructor(renderer, el, _host) {
+        this.renderer = renderer;
         this.el = el;
         this._host = _host;
         this.autoFocus = true;
-        this.time = 100;
+        this.time = 50;
     }
-    ngAfterContentInit() {
+    ngAfterViewInit() {
         if (this.autoFocus) {
+            if (this._host) {
+                setTimeout(() => {
+                    this._host.focus();
+                }, this.time);
+                return;
+            }
             const list = [
                 'button',
                 'input',
@@ -187,22 +203,22 @@ class AXAutoFocusDirective {
             focusable.setAttributeNode(attr);
             const hasTabindex = focusable.hasAttribute('tabindex');
             if (!hasTabindex) {
-                focusable.setAttribute('tabIndex', '0');
+                focusable.setAttribute('tabindex', '0');
             }
             setTimeout(() => {
                 focusable.focus();
-            }, 100);
+            }, this.time);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXAutoFocusDirective, deps: [{ token: i0.ElementRef }, { token: AXFocusableComponent, host: true, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: { autoFocus: ["axAutoFocus", "autoFocus"], time: ["focus-time", "time"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXAutoFocusDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: AXFocusableComponent, host: true, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.7", type: AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: { autoFocus: ["axAutoFocus", "autoFocus"], time: ["focus-time", "time"] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXAutoFocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXAutoFocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axAutoFocus]',
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: AXFocusableComponent, decorators: [{
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: AXFocusableComponent, decorators: [{
                     type: Host
                 }, {
                     type: Self
@@ -216,49 +232,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
                 args: ['focus-time']
             }] } });
 
-class AXNgModelChangeDebouncedDirective {
-    get ngModelChangeDebounceTime() {
-        return this._ngModelChangeDebounceTime;
-    }
-    set ngModelChangeDebounceTime(v) {
-        if (v != this._ngModelChangeDebounceTime) {
-            this._ngModelChangeDebounceTime = v;
-            this.ngModelChangeDebounceTimeChange.emit(v);
-            this.update();
-        }
-    }
-    ngOnDestroy() {
-        this.subscription.unsubscribe();
-    }
-    constructor(ngModel) {
-        this.ngModel = ngModel;
-        this.ngModelChangeDebounced = new EventEmitter();
-        this.ngModelChangeDebounceTimeChange = new EventEmitter();
-        this._ngModelChangeDebounceTime = 0;
-        this.ngModelChangeDebounceTime = 0;
-    }
-    update() {
-        this.subscription?.unsubscribe();
-        //
-        this.subscription = this.ngModel.control.valueChanges.pipe(skip(1), // skip initial value
-        distinctUntilChanged(), debounceTime(this.ngModelChangeDebounceTime)).subscribe((value) => this.ngModelChangeDebounced.emit(value));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXNgModelChangeDebouncedDirective, deps: [{ token: i1.NgModel }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: AXNgModelChangeDebouncedDirective, selector: "[ngModelChangeDebounced]", inputs: { ngModelChangeDebounceTime: "ngModelChangeDebounceTime" }, outputs: { ngModelChangeDebounced: "ngModelChangeDebounced", ngModelChangeDebounceTimeChange: "ngModelChangeDebounceTimeChange" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXNgModelChangeDebouncedDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ngModelChangeDebounced]',
-                }]
-        }], ctorParameters: function () { return [{ type: i1.NgModel }]; }, propDecorators: { ngModelChangeDebounced: [{
-                type: Output
-            }], ngModelChangeDebounceTimeChange: [{
-                type: Output
-            }], ngModelChangeDebounceTime: [{
-                type: Input
-            }] } });
-
 class AXHotkeysService {
     constructor(eventManager, document) {
         this.eventManager = eventManager;
@@ -288,13 +261,13 @@ class AXHotkeysService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXHotkeysService, deps: [{ token: i1$1.EventManager }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXHotkeysService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXHotkeysService, deps: [{ token: i1.EventManager }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXHotkeysService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXHotkeysService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXHotkeysService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1$1.EventManager }, { type: Document, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1.EventManager }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }]; } });
@@ -355,10 +328,10 @@ class AXHotkeyDirective {
             s.unsubscribe();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXHotkeyDirective, deps: [{ token: i0.ElementRef }, { token: AXComponent, host: true, optional: true, self: true }, { token: AXHotkeysService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: AXHotkeyDirective, selector: "[hotkey]", inputs: { hotkey: "hotkey" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXHotkeyDirective, deps: [{ token: i0.ElementRef }, { token: AXComponent, host: true, optional: true, self: true }, { token: AXHotkeysService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.7", type: AXHotkeyDirective, selector: "[hotkey]", inputs: { hotkey: "hotkey" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXHotkeyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXHotkeyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hotkey]',
@@ -417,10 +390,10 @@ class AXInfiniteScrollerDirective {
         }));
         //.subscribe((data) => { console.log(data) }, (err) => console.log(err));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXInfiniteScrollerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: AXInfiniteScrollerDirective, selector: "[axInfiniteScroller]", inputs: { scrollCallback: "scrollCallback", immediateCallback: "immediateCallback", scrollPercent: "scrollPercent" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXInfiniteScrollerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.7", type: AXInfiniteScrollerDirective, selector: "[axInfiniteScroller]", inputs: { scrollCallback: "scrollCallback", immediateCallback: "immediateCallback", scrollPercent: "scrollPercent" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXInfiniteScrollerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXInfiniteScrollerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axInfiniteScroller]'
@@ -460,28 +433,26 @@ class AXResponsiveDirective {
         this._observer?.disconnect();
         this._observer?.unobserve(this._elementRef.nativeElement);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXResponsiveDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: AXResponsiveDirective, selector: "[ax-responsive]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXResponsiveDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.7", type: AXResponsiveDirective, selector: "[ax-responsive]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXResponsiveDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXResponsiveDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[ax-responsive]' }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
 
 class AXCommonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: AXCommonModule, declarations: [AXResponsiveDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: AXCommonModule, declarations: [AXResponsiveDirective,
             AXInfiniteScrollerDirective,
-            AXNgModelChangeDebouncedDirective,
             AXAutoFocusDirective,
             AXHotkeyDirective], exports: [AXResponsiveDirective,
             AXInfiniteScrollerDirective,
             AXAutoFocusDirective,
-            AXNgModelChangeDebouncedDirective,
             AXHotkeyDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXCommonModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXCommonModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXCommonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXCommonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -489,13 +460,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
                         AXResponsiveDirective,
                         AXInfiniteScrollerDirective,
                         AXAutoFocusDirective,
-                        AXNgModelChangeDebouncedDirective,
                         AXHotkeyDirective,
                     ],
                     declarations: [
                         AXResponsiveDirective,
                         AXInfiniteScrollerDirective,
-                        AXNgModelChangeDebouncedDirective,
                         AXAutoFocusDirective,
                         AXHotkeyDirective,
                     ],
@@ -503,12 +472,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
                 }]
         }] });
 
+class AXDomService {
+    generateElementId() {
+        const dateString = Date.now().toString(36);
+        const randomness = Math.random().toString(36).substr(2);
+        return dateString + randomness;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDomService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDomService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDomService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 class MXBaseComponent {
-    constructor() {
-        this._cdr = inject(ChangeDetectorRef);
-        this._elementRef = inject(ElementRef);
-        this._viewRef = inject(ViewContainerRef);
-        this.onOptionChanged = new EventEmitter();
+    get id() {
+        return this._id;
+    }
+    set id(v) {
+        this._id = v;
     }
     get cdr() {
         return this._cdr;
@@ -519,15 +502,26 @@ class MXBaseComponent {
     getViewContainer() {
         return this._viewRef;
     }
-    onOptionChanging(option) {
+    internalOptionChanging(option) {
         return option?.value;
     }
-    init() {
+    internalOptionChanged(option) {
+    }
+    /**
+     * @ignore
+     */
+    constructor() {
+        this._cdr = inject(ChangeDetectorRef);
+        this._elementRef = inject(ElementRef);
+        this._viewRef = inject(ViewContainerRef);
+        this._domService = inject(AXDomService);
+        this._id = this._domService.generateElementId();
+        this.onOptionChanged = new EventEmitter();
         this.getHostElement().__axContext__ = this;
     }
     setOption(option) {
         const oldValue = this[option.name];
-        let newValue = this.onOptionChanging({
+        let newValue = this.internalOptionChanging({
             name: option.name,
             value: option.value,
         });
@@ -545,6 +539,7 @@ class MXBaseComponent {
             });
             const emitter = this[`${option.name}Change`];
             emitter?.emit(newValue);
+            this.internalOptionChanged({ name: option.name, value: newValue });
         }
         if (option.afterCallback)
             option.afterCallback(oldValue, newValue);
@@ -559,12 +554,12 @@ class MXBaseComponent {
     set rtl(value) {
         this.setOption({ name: 'rtl', value });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MXBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MXBaseComponent }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MXBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MXBaseComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MXBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MXBaseComponent, decorators: [{
             type: Injectable
-        }] });
+        }], ctorParameters: function () { return []; } });
 const BASE_INPUTS = ['rtl'];
 const BASE_OUTPUT = [];
 
@@ -627,6 +622,18 @@ const COLOR_LOOK_INPUTS = [...COLOR_INPUTS, ...LOOK_INPUTS];
 const COLOR_LOOK_OUTPUT = [...COLOR_OUTPUT, ...LOOK_OUTPUT];
 
 class MXInteractiveComponent extends MXBaseComponent {
+    registerOnTouched(fn) {
+        this.onTouchedCallback = fn;
+    }
+    get touched() {
+        return this._touched;
+    }
+    markAsTouched() {
+        if (!this.touched) {
+            this.onTouchedCallback();
+            this._touched = true;
+        }
+    }
     /**
      *  If set to true, it disables the component.
      */
@@ -634,7 +641,17 @@ class MXInteractiveComponent extends MXBaseComponent {
         return this._disabled;
     }
     set disabled(value) {
-        this.setOption({ name: 'disabled', value });
+        value = coerceBooleanProperty(value);
+        this.setOption({
+            name: 'disabled',
+            value,
+            afterCallback: () => {
+                this.cdr.markForCheck();
+            },
+        });
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
     }
     /**
      *  Specifies the tabindex of the component.
@@ -653,6 +670,7 @@ class MXInteractiveComponent extends MXBaseComponent {
         });
     }
     emitOnBlurEvent(e) {
+        this.markAsTouched();
         this.onBlur.emit({
             component: this,
             htmlElement: this.getHostElement(),
@@ -661,6 +679,9 @@ class MXInteractiveComponent extends MXBaseComponent {
     }
     constructor() {
         super();
+        this.onTouchedCallback = noop;
+        this._touched = false;
+        this.disabledChange = new EventEmitter();
         this._tabIndex = 0;
         /**
          *  Fires each time the component gets focused.
@@ -684,7 +705,7 @@ class MXInteractiveComponent extends MXBaseComponent {
     }
 }
 const INTERACTIVE_INPUTS = ['disabled', 'tabIndex', ...BASE_INPUTS];
-const INTERACTIVE_OUTPUT = ['onFocus', 'onBlur', ...BASE_OUTPUT];
+const INTERACTIVE_OUTPUT = ['onFocus', 'onBlur', 'disabledChange', ...BASE_OUTPUT];
 
 class MXButtonBaseComponent extends classes(MXInteractiveComponent, MXColorLookComponent) {
     /**
@@ -762,7 +783,7 @@ const BUTTON_OUTPUT = [
     COLOR_LOOK_OUTPUT,
 ];
 
-class MXValueComponent extends MXBaseComponent {
+class MXValueComponent extends MXInteractiveComponent {
     constructor() {
         super(...arguments);
         /**
@@ -770,11 +791,18 @@ class MXValueComponent extends MXBaseComponent {
          *  @event
          */
         this.onValueChanged = new EventEmitter();
+        /**
+         * @deprecated The event should not be used, use ngModelChange instead
+         */
         this.valueChange = new EventEmitter();
         this.stateChange = new EventEmitter();
+        this.readonlyChange = new EventEmitter();
         this._readonly = false;
+        this._dirty = false;
         this._isUserInteraction = false;
+        //stateChange:EventEmitter<string> = new EventEmitter<string>();
         this._state = 'clear';
+        this.onChangeCallback = noop;
     }
     /**
      *  If set to true, user cannot change the value of component.
@@ -783,7 +811,14 @@ class MXValueComponent extends MXBaseComponent {
         return this._readonly;
     }
     set readonly(value) {
-        this._readonly = coerceBooleanProperty(value);
+        value = coerceBooleanProperty(value);
+        this.setOption({
+            name: 'readonly',
+            value,
+            afterCallback: () => {
+                this.cdr.markForCheck();
+            },
+        });
     }
     get name() {
         return this._name;
@@ -791,38 +826,30 @@ class MXValueComponent extends MXBaseComponent {
     set name(value) {
         this._name = value;
     }
-    get isUserInteraction() {
-        return this._isUserInteraction;
-    }
-    set isUserInteraction(value) {
-        this._isUserInteraction = value;
+    get dirty() {
+        return this._dirty;
     }
-    setUserInteraction() {
-        this.isUserInteraction = true;
+    markAsDirty() {
+        this._dirty = true;
     }
+    /**
+     * @deprecated The property should not be used, use ngModel instead
+     */
     get value() {
-        return this.getValue(this._value) || this.defaultValue;
+        return this.internalGetValue(this._value) ?? this.defaultValue;
     }
     set value(v) {
-        v = this.setValue(v);
-        //if (!this._isInited ) {
+        v = this.internalSetValue(v);
         const old = AXObjectUtil.deepJSONClone(this.value);
         // TODO: check real equality
         if (v != old) {
             this._value = v;
             this.emitOnValueChangedEvent(old, this.value);
-            this.cdr.markForCheck();
             if (v == null || v == undefined || v == '' || (Array.isArray(v) && v.length == 0)) {
                 this.setState('clear');
             }
-            // else {
-            //   if (this._isInited) {
-            //     this.validate();
-            //   }
-            // }
+            this.internalValueChanged(this.value);
         }
-        this._isUserInteraction = false;
-        //}
     }
     get state() {
         return this._state;
@@ -838,18 +865,20 @@ class MXValueComponent extends MXBaseComponent {
             value: newValue,
             oldValue: oldValue,
             name: this.name,
-            isUserInteraction: this.isUserInteraction,
+            isUserInteraction: this._isUserInteraction,
         });
+        this.onChangeCallback(newValue);
+        this.cdr.markForCheck();
         this._isUserInteraction = false;
     }
-    setValue(value) {
+    internalSetValue(value) {
         return value;
     }
-    getValue(value) {
+    internalGetValue(value) {
         return value;
     }
+    internalValueChanged(value) { }
     ngOnInit() {
-        super.init();
         this.getHostElement().setAttribute('ax-form-input', 'true');
     }
     ngAfterViewInit() {
@@ -859,9 +888,6 @@ class MXValueComponent extends MXBaseComponent {
         this.onValueChanged?.unsubscribe();
         this.onOptionChanged?.unsubscribe();
     }
-    clear() {
-        this.value = null;
-    }
     _checkRequired() {
         const isRequired = Array.from(this.getHostElement().querySelectorAll('ax-validation-rule')).some((c) => c.__axContext__.enabled && c.__axContext__.rule == 'required');
         //
@@ -958,10 +984,72 @@ class MXValueComponent extends MXBaseComponent {
         }
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MXValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MXValueComponent }); }
+    registerOnChange(fn) {
+        this.onChangeCallback = fn;
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    commitValue(value, u = false) {
+        if (u) {
+            this.markAsTouched();
+            this.markAsDirty();
+            this._isUserInteraction = true;
+        }
+        this.writeValue(value);
+    }
+    clear(e) {
+        this.commitValue(null, e);
+        this.setState('clear');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MXValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MXValueComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MXValueComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MXValueComponent, decorators: [{
+            type: Injectable
+        }] });
+
+class MXInputBaseValueComponent extends MXValueComponent {
+    constructor() {
+        super(...arguments);
+        /**
+        *  Fires each time the user press a key.
+        *  @event
+        */
+        this.onKeyDown = new EventEmitter();
+        /**
+        *  Fires each time the user press a key.
+        *  @event
+        */
+        this.onKeyUp = new EventEmitter();
+        /**
+        *  Fires each time the user press a key.
+        *  @event
+        */
+        this.onKeyPress = new EventEmitter();
+    }
+    emitOnKeydownEvent(e) {
+        this.onKeyDown.emit({
+            component: this,
+            nativeEvent: e
+        });
+    }
+    emitOnKeyupEvent(e) {
+        this.onKeyUp.emit({
+            component: this,
+            nativeEvent: e
+        });
+    }
+    emitOnKeypressEvent(e) {
+        this.onKeyPress.emit({
+            component: this,
+            nativeEvent: e
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MXInputBaseValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MXInputBaseValueComponent }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MXInputBaseValueComponent, decorators: [{
             type: Injectable
         }] });
 
@@ -1040,14 +1128,58 @@ const AXPositions = {
     },
 };
 
+class AXNgModelDelayedValueChangedDirective {
+    get delayTime() {
+        return this._delayTime;
+    }
+    set delayTime(v) {
+        if (v != this._delayTime) {
+            this._delayTime = v;
+            this.delayTimeChange.emit(v);
+            this.update();
+        }
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    constructor(ngModel) {
+        this.ngModel = ngModel;
+        this.delayedValueChanged = new EventEmitter();
+        this.delayTimeChange = new EventEmitter();
+        this._delayTime = 0;
+        this.delayTime = 0;
+    }
+    update() {
+        this.subscription?.unsubscribe();
+        //
+        this.subscription = this.ngModel.control.valueChanges.pipe(skip(1), // skip initial value
+        distinctUntilChanged(), debounceTime(this.delayTime)).subscribe((value) => this.delayedValueChanged.emit(value));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXNgModelDelayedValueChangedDirective, deps: [{ token: i1$1.NgModel }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.7", type: AXNgModelDelayedValueChangedDirective, isStandalone: true, selector: "[delayedValueChanged]", inputs: { delayTime: "delayTime" }, outputs: { delayedValueChanged: "delayedValueChanged", delayTimeChange: "delayTimeChange" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXNgModelDelayedValueChangedDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[delayedValueChanged]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.NgModel }]; }, propDecorators: { delayedValueChanged: [{
+                type: Output
+            }], delayTimeChange: [{
+                type: Output
+            }], delayTime: [{
+                type: Input
+            }] } });
+
 class DynamicOverlayContainer extends OverlayContainer {
     setContainerElement(containerElement) {
         this._containerElement = containerElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DynamicOverlayContainer, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DynamicOverlayContainer, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DynamicOverlayContainer, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DynamicOverlayContainer, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DynamicOverlayContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DynamicOverlayContainer, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1067,10 +1199,10 @@ class DynamicOverlay extends Overlay {
         this.setContainerElement(containerElement);
         return super.create(config);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DynamicOverlay, deps: [{ token: i1$2.ScrollStrategyOptions }, { token: DynamicOverlayContainer }, { token: i0.ComponentFactoryResolver }, { token: i1$2.OverlayPositionBuilder }, { token: i1$2.OverlayKeyboardDispatcher }, { token: i0.Injector }, { token: i0.NgZone }, { token: DOCUMENT }, { token: i2.Directionality }, { token: i0.RendererFactory2 }, { token: i3.Location }, { token: i1$2.OverlayOutsideClickDispatcher }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DynamicOverlay, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DynamicOverlay, deps: [{ token: i1$2.ScrollStrategyOptions }, { token: DynamicOverlayContainer }, { token: i0.ComponentFactoryResolver }, { token: i1$2.OverlayPositionBuilder }, { token: i1$2.OverlayKeyboardDispatcher }, { token: i0.Injector }, { token: i0.NgZone }, { token: DOCUMENT }, { token: i2.Directionality }, { token: i0.RendererFactory2 }, { token: i3.Location }, { token: i1$2.OverlayOutsideClickDispatcher }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DynamicOverlay, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DynamicOverlay, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DynamicOverlay, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1177,10 +1309,10 @@ class AXOverlayService {
             },
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXOverlayService, deps: [{ token: DynamicOverlay }, { token: i1$2.Overlay }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXOverlayService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXOverlayService, deps: [{ token: DynamicOverlay }, { token: i1$2.Overlay }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXOverlayService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXOverlayService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXOverlayService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: DynamicOverlay }, { type: i1$2.Overlay }, { type: i0.ApplicationRef }]; } });
@@ -1189,5 +1321,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXAutoFocusDirective, AXButtonClickEvent, AXClickEvent, AXClosbaleComponent, AXCommonModule, AXComponent, AXComponentCloseEvent, AXComponentClosedPromise, AXComponentClosing, AXComponentResult, AXEvent, AXFocusEvent, AXFocusableComponent, AXHotkeyDirective, AXHotkeysService, AXHtmlEvent, AXInfiniteScrollerDirective, AXItemClickEvent, AXNgModelChangeDebouncedDirective, AXOptionChangedEvent, AXOverlayService, AXPagedComponent, AXPositions, AXRangeChangedEvent, AXResponsiveDirective, AXSearchableComponent, AXSelectionValueChangedEvent, AXValuableComponent, AXValueChangedEvent, AX_DIRECTIONS, AX_LOCATIONS, AX_STYLE_COLOR_TYPES, BASE_INPUTS, BASE_OUTPUT, BUTTON_INPUTS, BUTTON_OUTPUT, COLOR_INPUTS, COLOR_LOOK_INPUTS, COLOR_LOOK_OUTPUT, COLOR_OUTPUT, DynamicOverlay, DynamicOverlayContainer, INTERACTIVE_INPUTS, INTERACTIVE_OUTPUT, LOOK_INPUTS, LOOK_OUTPUT, MXBaseComponent, MXButtonBaseComponent, MXColorComponent, MXColorLookComponent, MXInteractiveComponent, MXLookComponent, MXValueComponent, TAB_META_KEY };
+export { AXAutoFocusDirective, AXButtonClickEvent, AXClearableComponent, AXClickEvent, AXClosbaleComponent, AXCommonModule, AXComponent, AXComponentCloseEvent, AXComponentClosedPromise, AXComponentClosing, AXComponentResult, AXEvent, AXFocusEvent, AXFocusableComponent, AXHotkeyDirective, AXHotkeysService, AXHtmlEvent, AXInfiniteScrollerDirective, AXItemClickEvent, AXNgModelDelayedValueChangedDirective, AXOptionChangedEvent, AXOverlayService, AXPagedComponent, AXPositions, AXRangeChangedEvent, AXResponsiveDirective, AXSearchableComponent, AXSelectionValueChangedEvent, AXValuableComponent, AXValueChangedEvent, AX_DIRECTIONS, AX_LOCATIONS, AX_STYLE_COLOR_TYPES, BASE_INPUTS, BASE_OUTPUT, BUTTON_INPUTS, BUTTON_OUTPUT, COLOR_INPUTS, COLOR_LOOK_INPUTS, COLOR_LOOK_OUTPUT, COLOR_OUTPUT, DynamicOverlay, DynamicOverlayContainer, INTERACTIVE_INPUTS, INTERACTIVE_OUTPUT, LOOK_INPUTS, LOOK_OUTPUT, MXBaseComponent, MXButtonBaseComponent, MXColorComponent, MXColorLookComponent, MXInputBaseValueComponent, MXInteractiveComponent, MXLookComponent, MXValueComponent, TAB_META_KEY };
 //# sourceMappingURL=acorex-components-common.mjs.map