@acorex/components 7.0.40 → 7.1.0

package/{fesm2020 → fesm2022}/acorex-components-common.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Injectable, inject, ChangeDetectorRef, ElementRef, EventEmitter, Directive, Host, Self, Optional, Input, Output, Inject, TemplateRef, NgModule } from '@angular/core';
-import { AXHtmlUtil } from '@acorex/core/utils';
-import { coerceNumberProperty } from '@angular/cdk/coercion';
+import { AXHtmlUtil, AXObjectUtil } from '@acorex/core/utils';
+import { coerceNumberProperty, coerceBooleanProperty } from '@angular/cdk/coercion';
 import { classes } from 'polytype';
 import { skip, distinctUntilChanged, debounceTime, fromEvent, merge } from 'rxjs';
 import * as i1 from '@angular/forms';
@@ -20,39 +20,65 @@ import { TemplatePortal, ComponentPortal } from '@angular/cdk/portal';
  * @category Events
  */
 class AXEvent {
-    constructor() {
-        this.isUserInteraction = false;
-    }
+    /**
+     *  The sender component
+     */
+    component;
+    /**
+     *  The root native element
+     */
+    htmlElement;
+    isUserInteraction = false;
 }
 /**
  *  Contains native event
  * @category Events
  */
 class AXHtmlEvent extends AXEvent {
+    nativeEvent;
 }
 /**
  *  Contains native event
  * @category Events
  */
 class AXValueChangedEvent extends AXEvent {
+    name;
+    value;
+    oldValue;
+}
+/**
+ *  Contains native event
+ * @category Events
+ */
+class AXOptionChangedEvent extends AXEvent {
+    name;
+    newValue;
+    oldValue;
 }
 /**
  *  Fires each time the user click the element.
  * @category Events
  */
 class AXClickEvent extends AXHtmlEvent {
+    /**
+     *  uses for extra data
+     */
+    data = null;
+    nativeEvent = null;
 }
 /**
  *  Fires each time the user click the element.
  * @category Events
  */
 class AXButtonClickEvent extends AXClickEvent {
+    name;
 }
 /**
  *  Fires each time the user click the element.
  * @category Events
  */
 class AXItemClickEvent extends AXHtmlEvent {
+    item;
 }
 /**
  *  Fires each time the component gets focused.
@@ -65,28 +91,43 @@ class AXFocusEvent extends AXHtmlEvent {
  * @category Events
  */
 class AXSelectionValueChangedEvent extends AXValueChangedEvent {
+    value = null;
+    oldValue = null;
+    selectedKeys = [];
+    selectedItems = [];
 }
 /**
  *  Contains range start & end values
  * @category Events
  */
 class AXRangeChangedEvent extends AXEvent {
+    /**
+     *  The range start value
+     */
+    start;
+    /**
+     *  The range end value
+     */
+    end;
 }
 
 const TAB_META_KEY = '__meta__';
 class AXComponentCloseEvent extends AXEvent {
+    data;
 }
 class AXComponentClosing {
-    constructor() {
-        this.cancel = false;
-    }
+    cancel = false;
+    data;
 }
 class AXComponentResult {
+    sender;
+    data;
 }
 /**
  *  Defines a CSS class—or multiple classes separated by spaces— which are applied to a span element inside the Button. Allows the usage of custom icons after the primary text.
  */
 class AXComponentClosedPromise extends Promise {
+    closeMethod;
     constructor(executor) {
         super(executor);
     }
@@ -97,45 +138,45 @@ class AXComponentClosedPromise extends Promise {
     }
 }
 class AXComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXComponent });
 }
-AXComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-AXComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXComponent, decorators: [{
             type: Injectable
         }] });
 class AXClosbaleComponent extends AXComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXClosbaleComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXClosbaleComponent });
 }
-AXClosbaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXClosbaleComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-AXClosbaleComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXClosbaleComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXClosbaleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXClosbaleComponent, decorators: [{
             type: Injectable
         }] });
 class AXSearchableComponent extends AXComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXSearchableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXSearchableComponent });
 }
-AXSearchableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXSearchableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-AXSearchableComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXSearchableComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXSearchableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXSearchableComponent, decorators: [{
             type: Injectable
         }] });
 class AXValuableComponent extends AXComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXValuableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXValuableComponent });
 }
-AXValuableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXValuableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-AXValuableComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXValuableComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXValuableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXValuableComponent, decorators: [{
             type: Injectable
         }] });
 class AXFocusableComponent extends AXComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXFocusableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXFocusableComponent });
 }
-AXFocusableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXFocusableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-AXFocusableComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXFocusableComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXFocusableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXFocusableComponent, decorators: [{
             type: Injectable
         }] });
 class AXPagedComponent extends AXComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPagedComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPagedComponent });
 }
-AXPagedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPagedComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-AXPagedComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPagedComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPagedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPagedComponent, decorators: [{
             type: Injectable
         }] });
 
@@ -228,14 +269,9 @@ const AXPositions = {
 };
 
 class MXBaseComponent {
-    constructor() {
-        this._cdr = inject(ChangeDetectorRef);
-        this._elementRef = inject(ElementRef);
-    }
-    // constructor() {
-    //     this._cdr = );
-    //     this._elementRef = inject(ElementRef);
-    // }
+    id;
+    _cdr = inject(ChangeDetectorRef);
+    _elementRef = inject(ElementRef);
     get cdr() {
         return this._cdr;
     }
@@ -245,8 +281,7 @@ class MXBaseComponent {
     onOptionChanging(option) {
         return option?.value;
     }
-    onOptionChanged(option) {
-    }
+    onOptionChanged = new EventEmitter();
     setOption(option) {
         const oldValue = this[option.name];
         const newValue = this.onOptionChanging({
@@ -258,13 +293,19 @@ class MXBaseComponent {
             option.beforeCallback(oldValue, newValue);
         if (oldValue != newValue) {
             this[`_${option.name}`] = option.value;
-            this.onOptionChanged({ name: option.name, newValue, oldValue });
+            this.onOptionChanged.emit({
+                component: this,
+                name: option.name,
+                newValue,
+                oldValue
+            });
             const emitter = this[`${option.name}Change`];
             emitter?.emit(newValue);
         }
         if (option.afterCallback)
             option.afterCallback(oldValue, newValue);
     }
+    _rtl;
     get rtl() {
         if (this._rtl)
             return this._rtl;
@@ -284,20 +325,7 @@ const BASE_INPUTS = ['rtl'];
 const BASE_OUTPUT = [];
 
 class MXInteractiveComponent extends MXBaseComponent {
-    constructor() {
-        super();
-        this._tabIndex = 0;
-        /**
-        *  Fires each time the component gets focused.
-        *  @event
-        */
-        this.onFocus = new EventEmitter();
-        /**
-        *  Fires each time the component gets blurred.
-        *  @event
-        */
-        this.onBlur = new EventEmitter();
-    }
+    _disabled;
     /**
     *  If set to true, it disables the component.
     */
@@ -307,6 +335,7 @@ class MXInteractiveComponent extends MXBaseComponent {
     set disabled(value) {
         this.setOption({ name: "disabled", value });
     }
+    _tabIndex = 0;
     /**
     *  Specifies the tabindex of the component.
     */
@@ -314,6 +343,11 @@ class MXInteractiveComponent extends MXBaseComponent {
     set tabIndex(value) {
         this.setOption({ name: "tabIndex", value: value != null ? coerceNumberProperty(value) : 0 });
     }
+    /**
+    *  Fires each time the component gets focused.
+    *  @event
+    */
+    onFocus = new EventEmitter();
     emitOnFocusEvent(e) {
         this.onFocus.emit({
             component: this,
@@ -321,6 +355,11 @@ class MXInteractiveComponent extends MXBaseComponent {
             nativeEvent: e
         });
     }
+    /**
+    *  Fires each time the component gets blurred.
+    *  @event
+    */
+    onBlur = new EventEmitter();
     emitOnBlurEvent(e) {
         this.onBlur.emit({
             component: this,
@@ -328,6 +367,9 @@ class MXInteractiveComponent extends MXBaseComponent {
             nativeEvent: e
         });
     }
+    constructor() {
+        super();
+    }
     focus() {
         AXHtmlUtil.focusElement(this.getHostElement());
     }
@@ -344,9 +386,9 @@ const INTERACTIVE_OUTPUT = ['onFocus', 'onBlur', ...BASE_OUTPUT];
 class MXColorComponent extends MXBaseComponent {
     constructor() {
         super();
-        this.colorChange = new EventEmitter();
-        this._color = 'primary';
     }
+    colorChange = new EventEmitter();
+    _color = 'primary';
     /**
     *  Predefined color schemes
     */
@@ -369,9 +411,9 @@ const COLOR_OUTPUT = ['colorChange', ...BASE_OUTPUT];
 class MXLookComponent extends MXBaseComponent {
     constructor() {
         super();
-        this.lookChange = new EventEmitter();
-        this._look = 'default';
     }
+    lookChange = new EventEmitter();
+    _look = 'default';
     /**
     *  Predefined look schemes
     */
@@ -400,14 +442,8 @@ const COLOR_LOOK_INPUTS = [...COLOR_INPUTS, ...LOOK_INPUTS];
 const COLOR_LOOK_OUTPUT = [...COLOR_OUTPUT, ...LOOK_OUTPUT];
 
 class MXButtonBaseComponent extends classes(MXInteractiveComponent, MXColorLookComponent) {
-    constructor() {
-        super();
-        this.textChange = new EventEmitter();
-        this.toggleableChange = new EventEmitter();
-        this._toggleable = false;
-        this.selectedChange = new EventEmitter();
-        this._selected = false;
-    }
+    textChange = new EventEmitter();
+    _text;
     /**
     *  Defines the primary text to show inside the button.
     */
@@ -423,6 +459,8 @@ class MXButtonBaseComponent extends classes(MXInteractiveComponent, MXColorLookC
             }
         });
     }
+    toggleableChange = new EventEmitter();
+    _toggleable = false;
     /**
     *  Provides visual styling that indicates if the Button is active
     */
@@ -435,6 +473,8 @@ class MXButtonBaseComponent extends classes(MXInteractiveComponent, MXColorLookC
             value
         });
     }
+    selectedChange = new EventEmitter();
+    _selected = false;
     /**
     *  Indicates if the Button is selected or not
     */
@@ -450,6 +490,9 @@ class MXButtonBaseComponent extends classes(MXInteractiveComponent, MXColorLookC
             }
         });
     }
+    constructor() {
+        super();
+    }
     get cssClasses() {
         const cssClasses = {
             'ax-button-icon': !this.text,
@@ -463,13 +506,216 @@ class MXButtonBaseComponent extends classes(MXInteractiveComponent, MXColorLookC
 const BUTTON_INPUTS = ['text', 'toggleable', 'selected', ...INTERACTIVE_INPUTS, COLOR_LOOK_INPUTS];
 const BUTTON_OUTPUT = ['textChange', 'toggleableChange', 'selectedChange', ...INTERACTIVE_OUTPUT, COLOR_LOOK_OUTPUT];
 
+class MXValueComponent extends MXBaseComponent {
+    /**
+     *  Fires each time the user press a key.
+     *  @event
+     */
+    onValueChanged = new EventEmitter();
+    valueChange = new EventEmitter();
+    stateChange = new EventEmitter();
+    _readonly = false;
+    /**
+     *  If set to true, user cannot change the value of component.
+     */
+    get readonly() {
+        return this._readonly;
+    }
+    set readonly(value) {
+        this._readonly = coerceBooleanProperty(value);
+    }
+    _name;
+    get name() {
+        return this._name;
+    }
+    set name(value) {
+        this._name = value;
+    }
+    _isUserInteraction = false;
+    get isUserInteraction() {
+        return this._isUserInteraction;
+    }
+    set isUserInteraction(value) {
+        this._isUserInteraction = value;
+    }
+    initValue;
+    defaultValue;
+    _value;
+    get value() {
+        return this.getValue(this._value) || this.defaultValue;
+    }
+    set value(v) {
+        v = this.setValue(v);
+        //if (!this._isInited ) {
+        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._isUserInteraction = false;
+        //}
+    }
+    _state = 'clear';
+    get state() {
+        return this._state;
+    }
+    set state(value) {
+        this.setState(value);
+        this.stateChange.emit(value);
+    }
+    emitOnValueChangedEvent(oldValue, newValue) {
+        this.valueChange.emit(newValue);
+        this.onValueChanged.emit({
+            component: this,
+            value: newValue,
+            oldValue: oldValue,
+            name: this.name,
+            isUserInteraction: this.isUserInteraction,
+        });
+        this._isUserInteraction = false;
+    }
+    setValue(value) {
+        return value;
+    }
+    getValue(value) {
+        return value;
+    }
+    ngOnInit() {
+        this.getHostElement().setAttribute('ax-form-input', 'true');
+    }
+    ngAfterViewInit() {
+        this._checkRequired();
+    }
+    ngOnDestroy() {
+        debugger;
+        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');
+        //
+        if (isRequired) {
+            const container = this.getHostElement().classList.contains('ax-editor-container')
+                ? this.getHostElement()
+                : this.getHostElement().querySelector('.ax-editor-container');
+            const formField = container?.closest('.ax-form-field');
+            const label = formField?.querySelector('ax-label')?.__axContext__;
+            if (label)
+                label.required = true;
+        }
+    }
+    validate() {
+        const rules = Array.from(this.getHostElement().querySelectorAll('ax-validation-rule')).filter(c => c.__axContext__.enabled);
+        //
+        if (!rules || rules.length === 0) {
+            this.setState('clear');
+            return Promise.resolve({
+                result: true,
+                value: this.value,
+                name: this.name,
+                id: this.id,
+            });
+        }
+        return new Promise(resolve => {
+            Promise.all(rules
+                .filter(c => typeof c?.validate === 'function')
+                .map(c => {
+                return c.validate(this.value);
+            })).then(d => {
+                const error = d.find(c => c.result === false);
+                if (error) {
+                    this.setState('error', error.message);
+                    resolve({
+                        result: false,
+                        value: this.value,
+                        message: error.message,
+                        name: this.name,
+                        id: this.id,
+                    });
+                }
+                else {
+                    this.setState('success');
+                    resolve({
+                        result: true,
+                        value: this.value,
+                        name: this.name,
+                        id: this.id,
+                    });
+                }
+            });
+        });
+    }
+    setState(state, ...args) {
+        const container = this.getHostElement().classList.contains('ax-editor-container')
+            ? this.getHostElement()
+            : this.getHostElement().querySelector('.ax-editor-container');
+        const formField = container?.closest('.ax-form-field');
+        const label = formField?.querySelector('ax-label') || formField?.querySelector('label');
+        let target = container || this.getHostElement().firstElementChild;
+        if (target?.querySelector('.ax-error-container')) {
+            target = target.querySelector('.ax-error-container');
+        }
+        const parent = target?.parentElement;
+        if (!target || !parent)
+            return;
+        switch (state) {
+            case 'clear':
+                this._state = 'clear';
+                if (parent.querySelector('span.ax-error-message')) {
+                    parent.removeChild(parent.querySelector('span.ax-error-message'));
+                }
+                label?.classList.remove('ax-state-error');
+                target.classList.remove('ax-state-error', 'ax-state-success');
+                break;
+            case 'success':
+                this.setState('clear');
+                target.classList.add('ax-state-success');
+                this._state = 'success';
+                break;
+            case 'error':
+                this.setState('clear');
+                if (args[0]) {
+                    const span = document.createElement('span');
+                    span.innerText = args[0];
+                    span.classList.add('ax-error-message');
+                    parent.appendChild(span);
+                }
+                label?.classList.add('ax-state-error');
+                target.classList.add('ax-state-error');
+                this._state = 'error';
+                break;
+        }
+        this.cdr.markForCheck();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MXValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MXValueComponent });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MXValueComponent, decorators: [{
+            type: Injectable
+        }] });
+
 class AXAutoFocusDirective {
+    el;
+    _host;
+    autoFocus = true;
     constructor(el, _host) {
         this.el = el;
         this._host = _host;
-        this.autoFocus = true;
-        this.time = 100;
     }
+    time = 100;
     ngAfterContentInit() {
         if (this.autoFocus) {
             const list = [
@@ -493,10 +739,10 @@ class AXAutoFocusDirective {
             }, 100);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXAutoFocusDirective, deps: [{ token: i0.ElementRef }, { token: AXFocusableComponent, host: true, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: { autoFocus: ["axAutoFocus", "autoFocus"], time: ["focus-time", "time"] }, ngImport: i0 });
 }
-AXAutoFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXAutoFocusDirective, deps: [{ token: i0.ElementRef }, { token: AXFocusableComponent, host: true, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
-AXAutoFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: { autoFocus: ["axAutoFocus", "autoFocus"], time: ["focus-time", "time"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXAutoFocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXAutoFocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axAutoFocus]',
@@ -516,13 +762,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
             }] } });
 
 class AXNgModelChangeDebouncedDirective {
-    constructor(ngModel) {
-        this.ngModel = ngModel;
-        this.ngModelChangeDebounced = new EventEmitter();
-        this.ngModelChangeDebounceTimeChange = new EventEmitter();
-        this._ngModelChangeDebounceTime = 0;
-        this.ngModelChangeDebounceTime = 0;
-    }
+    ngModel;
+    ngModelChangeDebounced = new EventEmitter();
+    ngModelChangeDebounceTimeChange = new EventEmitter();
+    _ngModelChangeDebounceTime = 0;
     get ngModelChangeDebounceTime() {
         return this._ngModelChangeDebounceTime;
     }
@@ -533,19 +776,24 @@ class AXNgModelChangeDebouncedDirective {
             this.update();
         }
     }
+    subscription;
     ngOnDestroy() {
         this.subscription.unsubscribe();
     }
+    constructor(ngModel) {
+        this.ngModel = ngModel;
+        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 ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNgModelChangeDebouncedDirective, deps: [{ token: i1.NgModel }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: AXNgModelChangeDebouncedDirective, selector: "[ngModelChangeDebounced]", inputs: { ngModelChangeDebounceTime: "ngModelChangeDebounceTime" }, outputs: { ngModelChangeDebounced: "ngModelChangeDebounced", ngModelChangeDebounceTimeChange: "ngModelChangeDebounceTimeChange" }, ngImport: i0 });
 }
-AXNgModelChangeDebouncedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXNgModelChangeDebouncedDirective, deps: [{ token: i1.NgModel }], target: i0.ɵɵFactoryTarget.Directive });
-AXNgModelChangeDebouncedDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: AXNgModelChangeDebouncedDirective, selector: "[ngModelChangeDebounced]", inputs: { ngModelChangeDebounceTime: "ngModelChangeDebounceTime" }, outputs: { ngModelChangeDebounced: "ngModelChangeDebounced", ngModelChangeDebounceTimeChange: "ngModelChangeDebounceTimeChange" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXNgModelChangeDebouncedDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNgModelChangeDebouncedDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngModelChangeDebounced]',
@@ -559,12 +807,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
             }] } });
 
 class AXHotkeysService {
+    eventManager;
+    document;
+    defaults = {
+        element: this.document,
+    };
     constructor(eventManager, document) {
         this.eventManager = eventManager;
         this.document = document;
-        this.defaults = {
-            element: this.document,
-        };
     }
     addShortcut(options) {
         const merged = { ...this.defaults, ...options };
@@ -580,10 +830,10 @@ class AXHotkeysService {
             };
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXHotkeysService, deps: [{ token: i1$1.EventManager }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXHotkeysService, providedIn: 'root' });
 }
-AXHotkeysService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXHotkeysService, deps: [{ token: i1$1.EventManager }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
-AXHotkeysService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXHotkeysService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXHotkeysService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXHotkeysService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1$1.EventManager }, { type: Document, decorators: [{
@@ -592,12 +842,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                 }] }]; } });
 
 class AXHotkeyDirective {
+    el;
+    _host;
+    hs;
+    hotkey = '';
+    _subs = [];
     constructor(el, _host, hs) {
         this.el = el;
         this._host = _host;
         this.hs = hs;
-        this.hotkey = '';
-        this._subs = [];
     }
     ngAfterViewInit() {
         if (!this.hotkey || !this._host)
@@ -647,10 +900,10 @@ class AXHotkeyDirective {
             s.unsubscribe();
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXHotkeyDirective, deps: [{ token: i0.ElementRef }, { token: AXComponent, host: true, optional: true, self: true }, { token: AXHotkeysService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: AXHotkeyDirective, selector: "[hotkey]", inputs: { hotkey: "hotkey" }, ngImport: i0 });
 }
-AXHotkeyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXHotkeyDirective, deps: [{ token: i0.ElementRef }, { token: AXComponent, host: true, optional: true, self: true }, { token: AXHotkeysService }], target: i0.ɵɵFactoryTarget.Directive });
-AXHotkeyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: AXHotkeyDirective, selector: "[hotkey]", inputs: { hotkey: "hotkey" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXHotkeyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXHotkeyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hotkey]',
@@ -673,15 +926,15 @@ const AX_DEFAULT_SCROLL_POSITION = {
     clientHeight: 0
 };
 class AXInfiniteScrollerDirective {
+    elm;
+    scrollEvent$;
+    userScrolledDown$;
+    requestOnScroll$;
+    scrollCallback;
+    immediateCallback;
+    scrollPercent = 70;
     constructor(elm) {
         this.elm = elm;
-        this.scrollPercent = 70;
-        this.isUserScrollingDown = (positions) => {
-            return positions[0].sT < positions[1].sT;
-        };
-        this.isScrollExpectedPercent = (position) => {
-            return ((position.sT + position.cH) / position.sH) > (this.scrollPercent / 100);
-        };
     }
     ngAfterViewInit() {
         this.registerScrollEvent();
@@ -709,10 +962,16 @@ class AXInfiniteScrollerDirective {
         }));
         //.subscribe((data) => { console.log(data) }, (err) => console.log(err));
     }
+    isUserScrollingDown = (positions) => {
+        return positions[0].sT < positions[1].sT;
+    };
+    isScrollExpectedPercent = (position) => {
+        return ((position.sT + position.cH) / position.sH) > (this.scrollPercent / 100);
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXInfiniteScrollerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: AXInfiniteScrollerDirective, selector: "[axInfiniteScroller]", inputs: { scrollCallback: "scrollCallback", immediateCallback: "immediateCallback", scrollPercent: "scrollPercent" }, ngImport: i0 });
 }
-AXInfiniteScrollerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXInfiniteScrollerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-AXInfiniteScrollerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: AXInfiniteScrollerDirective, selector: "[axInfiniteScroller]", inputs: { scrollCallback: "scrollCallback", immediateCallback: "immediateCallback", scrollPercent: "scrollPercent" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXInfiniteScrollerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXInfiniteScrollerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axInfiniteScroller]'
@@ -726,33 +985,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
             }] } });
 
 class AXResponsiveDirective {
+    _elementRef;
+    _observer = new ResizeObserver(entries => {
+        for (let entry of entries) {
+            if (entry.target) {
+                const e = entry.target;
+                const elements = [e, ...Array.from(e.querySelectorAll(`[class*='sm:']`))];
+                elements.map(c => ({
+                    element: c,
+                    classList: Array.from(c.classList).filter(c => c.includes('sm')).map(c => c.slice(3))
+                })).forEach(c => {
+                    e.clientWidth < 320 ? c.element.classList.add(...c.classList) : c.element.classList.remove(...c.classList);
+                });
+            }
+        }
+    });
+    ;
     constructor(_elementRef) {
         this._elementRef = _elementRef;
-        this._observer = new ResizeObserver(entries => {
-            for (let entry of entries) {
-                if (entry.target) {
-                    const e = entry.target;
-                    const elements = [e, ...Array.from(e.querySelectorAll(`[class*='sm:']`))];
-                    elements.map(c => ({
-                        element: c,
-                        classList: Array.from(c.classList).filter(c => c.includes('sm')).map(c => c.slice(3))
-                    })).forEach(c => {
-                        e.clientWidth < 320 ? c.element.classList.add(...c.classList) : c.element.classList.remove(...c.classList);
-                    });
-                }
-            }
-        });
         this._observer.observe(_elementRef.nativeElement);
     }
-    ;
     ngOnDestroy() {
         this._observer.disconnect();
         this._observer.unobserve(this._elementRef.nativeElement);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXResponsiveDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: AXResponsiveDirective, selector: "[ax-responsive]", ngImport: i0 });
 }
-AXResponsiveDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXResponsiveDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-AXResponsiveDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: AXResponsiveDirective, selector: "[ax-responsive]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXResponsiveDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXResponsiveDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[ax-responsive]' }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
@@ -761,16 +1021,18 @@ class DynamicOverlayContainer extends OverlayContainer {
     setContainerElement(containerElement) {
         this._containerElement = containerElement;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DynamicOverlayContainer, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DynamicOverlayContainer, providedIn: 'root' });
 }
-DynamicOverlayContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: DynamicOverlayContainer, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-DynamicOverlayContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: DynamicOverlayContainer, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: DynamicOverlayContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DynamicOverlayContainer, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
         }] });
 class DynamicOverlay extends Overlay {
+    _dynamicOverlayContainer;
+    renderer;
     constructor(scrollStrategies, _overlayContainer, _componentFactoryResolver, _positionBuilder, _keyboardDispatcher, _injector, _ngZone, _document, _directionality, rendererFactory, _location, _outsideClickDispatcher) {
         super(scrollStrategies, _overlayContainer, _componentFactoryResolver, _positionBuilder, _keyboardDispatcher, _injector, _ngZone, _document, _directionality, _location, _outsideClickDispatcher);
         this.renderer = rendererFactory.createRenderer(null, null);
@@ -784,10 +1046,10 @@ class DynamicOverlay extends Overlay {
         this.setContainerElement(containerElement);
         return super.create(config);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", 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 ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DynamicOverlay, providedIn: 'root' });
 }
-DynamicOverlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", 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 });
-DynamicOverlay.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: DynamicOverlay, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: DynamicOverlay, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DynamicOverlay, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -798,6 +1060,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                 }] }, { type: i2.Directionality }, { type: i0.RendererFactory2 }, { type: i3.Location }, { type: i1$2.OverlayOutsideClickDispatcher }]; } });
 
 class AXOverlayService {
+    overlayService;
+    overlayService2;
+    appRef;
+    portal;
     constructor(overlayService, overlayService2, appRef) {
         this.overlayService = overlayService;
         this.overlayService2 = overlayService2;
@@ -894,28 +1160,28 @@ class AXOverlayService {
             },
         };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXOverlayService, deps: [{ token: DynamicOverlay }, { token: i1$2.Overlay }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXOverlayService, providedIn: 'root' });
 }
-AXOverlayService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXOverlayService, deps: [{ token: DynamicOverlay }, { token: i1$2.Overlay }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable });
-AXOverlayService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXOverlayService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXOverlayService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXOverlayService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: DynamicOverlay }, { type: i1$2.Overlay }, { type: i0.ApplicationRef }]; } });
 
 class AXCommonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXCommonModule, declarations: [AXResponsiveDirective,
+            AXInfiniteScrollerDirective,
+            AXNgModelChangeDebouncedDirective,
+            AXAutoFocusDirective,
+            AXHotkeyDirective], exports: [AXResponsiveDirective,
+            AXInfiniteScrollerDirective,
+            AXAutoFocusDirective,
+            AXNgModelChangeDebouncedDirective,
+            AXHotkeyDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXCommonModule });
 }
-AXCommonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXCommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXCommonModule, declarations: [AXResponsiveDirective,
-        AXInfiniteScrollerDirective,
-        AXNgModelChangeDebouncedDirective,
-        AXAutoFocusDirective,
-        AXHotkeyDirective], exports: [AXResponsiveDirective,
-        AXInfiniteScrollerDirective,
-        AXAutoFocusDirective,
-        AXNgModelChangeDebouncedDirective,
-        AXHotkeyDirective] });
-AXCommonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXCommonModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXCommonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXCommonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -941,6 +1207,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", 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, 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, TAB_META_KEY };
-//# sourceMappingURL=acorex-components-common.mjs.map
+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 };
 //# sourceMappingURL=acorex-components-common.mjs.map