@acorex/components 7.0.41 → 7.1.1

package/fesm2020/acorex-components-common.mjs

@@ -1,946 +0,0 @@
-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 { classes } from 'polytype';
-import { skip, distinctUntilChanged, debounceTime, fromEvent, merge } from 'rxjs';
-import * as i1 from '@angular/forms';
-import * as i3 from '@angular/common';
-import { DOCUMENT } from '@angular/common';
-import { Observable } from 'rxjs/internal/Observable';
-import * as i1$1 from '@angular/platform-browser';
-import { map, pairwise, filter, startWith, exhaustMap } from 'rxjs/operators';
-import * as i1$2 from '@angular/cdk/overlay';
-import { OverlayContainer, Overlay } from '@angular/cdk/overlay';
-import * as i2 from '@angular/cdk/bidi';
-import { TemplatePortal, ComponentPortal } from '@angular/cdk/portal';
-
-/**
- *  Contains native event
- * @category Events
- */
-class AXEvent {
-    constructor() {
-        this.isUserInteraction = false;
-    }
-}
-/**
- *  Contains native event
- * @category Events
- */
-class AXHtmlEvent extends AXEvent {
-}
-/**
- *  Contains native event
- * @category Events
- */
-class AXValueChangedEvent extends AXEvent {
-}
-/**
- *  Fires each time the user click the element.
- * @category Events
- */
-class AXClickEvent extends AXHtmlEvent {
-}
-/**
- *  Fires each time the user click the element.
- * @category Events
- */
-class AXButtonClickEvent extends AXClickEvent {
-}
-/**
- *  Fires each time the user click the element.
- * @category Events
- */
-class AXItemClickEvent extends AXHtmlEvent {
-}
-/**
- *  Fires each time the component gets focused.
- * @category Events
- */
-class AXFocusEvent extends AXHtmlEvent {
-}
-/**
- *  Fires each time an item or multiple items selected by the user or value.
- * @category Events
- */
-class AXSelectionValueChangedEvent extends AXValueChangedEvent {
-}
-/**
- *  Contains range start & end values
- * @category Events
- */
-class AXRangeChangedEvent extends AXEvent {
-}
-
-const TAB_META_KEY = '__meta__';
-class AXComponentCloseEvent extends AXEvent {
-}
-class AXComponentClosing {
-    constructor() {
-        this.cancel = false;
-    }
-}
-class AXComponentResult {
-}
-/**
- *  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 {
-    constructor(executor) {
-        super(executor);
-    }
-    close() {
-        if (this.closeMethod) {
-            this.closeMethod();
-        }
-    }
-}
-class 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: [{
-            type: Injectable
-        }] });
-class AXClosbaleComponent extends AXComponent {
-}
-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: [{
-            type: Injectable
-        }] });
-class AXSearchableComponent extends AXComponent {
-}
-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: [{
-            type: Injectable
-        }] });
-class AXValuableComponent extends AXComponent {
-}
-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: [{
-            type: Injectable
-        }] });
-class AXFocusableComponent extends AXComponent {
-}
-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: [{
-            type: Injectable
-        }] });
-class AXPagedComponent extends AXComponent {
-}
-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: [{
-            type: Injectable
-        }] });
-
-const AX_STYLE_COLOR_TYPES = ['primary', 'secondary', 'info', 'danger', 'success', 'warning', 'light', 'dark'];
-const AX_LOCATIONS = [
-    'bottom-start',
-    'bottom-center',
-    'bottom-end',
-    'top-start',
-    'top-center',
-    'top-end',
-    'center-end',
-    'center-start',
-];
-const AX_DIRECTIONS = ['vertical', 'horizontal'];
-
-const AXPositions = {
-    topStart: {
-        originX: 'start',
-        originY: 'top',
-        overlayX: 'start',
-        overlayY: 'bottom',
-    },
-    topCenter: {
-        originX: 'center',
-        originY: 'top',
-        overlayX: 'center',
-        overlayY: 'bottom',
-    },
-    topEnd: {
-        originX: 'end',
-        originY: 'top',
-        overlayX: 'end',
-        overlayY: 'bottom',
-    },
-    startStart: {
-        originX: 'start',
-        originY: 'top',
-        overlayX: 'end',
-        overlayY: 'top',
-    },
-    startCenter: {
-        originX: 'start',
-        originY: 'center',
-        overlayX: 'end',
-        overlayY: 'center',
-    },
-    startEnd: {
-        originX: 'start',
-        originY: 'bottom',
-        overlayX: 'end',
-        overlayY: 'bottom',
-    },
-    bottomStart: {
-        originX: 'start',
-        originY: 'bottom',
-        overlayX: 'start',
-        overlayY: 'top',
-    },
-    bottomCenter: {
-        originX: 'center',
-        originY: 'bottom',
-        overlayX: 'center',
-        overlayY: 'top',
-    },
-    bottomEnd: {
-        originX: 'end',
-        originY: 'bottom',
-        overlayX: 'end',
-        overlayY: 'top',
-    },
-    endStart: {
-        originX: 'end',
-        originY: 'top',
-        overlayX: 'start',
-        overlayY: 'top',
-    },
-    endCenter: {
-        originX: 'end',
-        originY: 'center',
-        overlayX: 'start',
-        overlayY: 'center',
-    },
-    endEnd: {
-        originX: 'end',
-        originY: 'bottom',
-        overlayX: 'start',
-        overlayY: 'bottom',
-    },
-};
-
-class MXBaseComponent {
-    constructor() {
-        this._cdr = inject(ChangeDetectorRef);
-        this._elementRef = inject(ElementRef);
-    }
-    // constructor() {
-    //     this._cdr = );
-    //     this._elementRef = inject(ElementRef);
-    // }
-    get cdr() {
-        return this._cdr;
-    }
-    getHostElement() {
-        return this._elementRef.nativeElement;
-    }
-    onOptionChanging(option) {
-        return option?.value;
-    }
-    onOptionChanged(option) {
-    }
-    setOption(option) {
-        const oldValue = this[option.name];
-        const newValue = this.onOptionChanging({
-            name: option.name,
-            value: option.value,
-        });
-        //TODO : check real changes
-        if (option.beforeCallback)
-            option.beforeCallback(oldValue, newValue);
-        if (oldValue != newValue) {
-            this[`_${option.name}`] = option.value;
-            this.onOptionChanged({ name: option.name, newValue, oldValue });
-            const emitter = this[`${option.name}Change`];
-            emitter?.emit(newValue);
-        }
-        if (option.afterCallback)
-            option.afterCallback(oldValue, newValue);
-    }
-    get rtl() {
-        if (this._rtl)
-            return this._rtl;
-        else
-            return this.getHostElement()
-                .classList
-                .contains('ax-rtl') ||
-                window
-                    .getComputedStyle(this.getHostElement(), null)
-                    .getPropertyValue('direction') === 'rtl';
-    }
-    set rtl(value) {
-        this.setOption({ name: "rtl", value });
-    }
-}
-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();
-    }
-    /**
-    *  If set to true, it disables the component.
-    */
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(value) {
-        this.setOption({ name: "disabled", value });
-    }
-    /**
-    *  Specifies the tabindex of the component.
-    */
-    get tabIndex() { return this.disabled ? -1 : this._tabIndex; }
-    set tabIndex(value) {
-        this.setOption({ name: "tabIndex", value: value != null ? coerceNumberProperty(value) : 0 });
-    }
-    emitOnFocusEvent(e) {
-        this.onFocus.emit({
-            component: this,
-            htmlElement: this.getHostElement(),
-            nativeEvent: e
-        });
-    }
-    emitOnBlurEvent(e) {
-        this.onBlur.emit({
-            component: this,
-            htmlElement: this.getHostElement(),
-            nativeEvent: e
-        });
-    }
-    focus() {
-        AXHtmlUtil.focusElement(this.getHostElement());
-    }
-    /**
-    *  Check component is focused or has any focused element.
-    */
-    hasFocus() {
-        return AXHtmlUtil.hasFocus(this.getHostElement());
-    }
-}
-const INTERACTIVE_INPUTS = ['disabled', 'tabIndex', ...BASE_INPUTS];
-const INTERACTIVE_OUTPUT = ['onFocus', 'onBlur', ...BASE_OUTPUT];
-
-class MXColorComponent extends MXBaseComponent {
-    constructor() {
-        super();
-        this.colorChange = new EventEmitter();
-        this._color = 'primary';
-    }
-    /**
-    *  Predefined color schemes
-    */
-    get color() {
-        return this._color;
-    }
-    set color(value) {
-        this.setOption({
-            name: 'color',
-            value,
-            afterCallback: () => {
-                this.cdr.markForCheck();
-            }
-        });
-    }
-}
-const COLOR_INPUTS = ['color', ...BASE_INPUTS];
-const COLOR_OUTPUT = ['colorChange', ...BASE_OUTPUT];
-
-class MXLookComponent extends MXBaseComponent {
-    constructor() {
-        super();
-        this.lookChange = new EventEmitter();
-        this._look = 'default';
-    }
-    /**
-    *  Predefined look schemes
-    */
-    get look() {
-        return this._look;
-    }
-    set look(value) {
-        this.setOption({
-            name: 'look',
-            value,
-            afterCallback: () => {
-                this.cdr.markForCheck();
-            }
-        });
-    }
-}
-const LOOK_INPUTS = ['look', ...BASE_INPUTS];
-const LOOK_OUTPUT = ['lookChange', ...BASE_OUTPUT];
-
-class MXColorLookComponent extends classes(MXColorComponent, MXLookComponent) {
-    constructor() {
-        super();
-    }
-}
-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;
-    }
-    /**
-    *  Defines the primary text to show inside the button.
-    */
-    get text() {
-        return this._text;
-    }
-    set text(v) {
-        this.setOption({
-            name: 'text',
-            value: v,
-            afterCallback: () => {
-                this.cdr.markForCheck();
-            }
-        });
-    }
-    /**
-    *  Provides visual styling that indicates if the Button is active
-    */
-    get toggleable() {
-        return this._toggleable;
-    }
-    set toggleable(value) {
-        this.setOption({
-            name: 'toggleable',
-            value
-        });
-    }
-    /**
-    *  Indicates if the Button is selected or not
-    */
-    get selected() {
-        return this._selected;
-    }
-    set selected(value) {
-        this.setOption({
-            name: 'selected',
-            value,
-            afterCallback: () => {
-                this.cdr.markForCheck();
-            }
-        });
-    }
-    get cssClasses() {
-        const cssClasses = {
-            'ax-button-icon': !this.text,
-            'ax-state-disabled': this["disabled"],
-            'ax-state-selected': this.selected
-        };
-        cssClasses[`ax-${this['color'] || 'default'}${this['look'] ? '-' + this['look'] : '-default'}`] = true;
-        return cssClasses;
-    }
-}
-const BUTTON_INPUTS = ['text', 'toggleable', 'selected', ...INTERACTIVE_INPUTS, COLOR_LOOK_INPUTS];
-const BUTTON_OUTPUT = ['textChange', 'toggleableChange', 'selectedChange', ...INTERACTIVE_OUTPUT, COLOR_LOOK_OUTPUT];
-
-class AXAutoFocusDirective {
-    constructor(el, _host) {
-        this.el = el;
-        this._host = _host;
-        this.autoFocus = true;
-        this.time = 100;
-    }
-    ngAfterContentInit() {
-        if (this.autoFocus) {
-            const list = [
-                'button',
-                'input',
-                '[href]',
-                'select',
-                'textarea',
-                '[tabindex]',
-            ].map((c) => c + ':not([tabindex="-1"])');
-            const focusable = this.el.nativeElement.querySelector(list.join(', ')) ??
-                this.el.nativeElement;
-            const attr = document.createAttribute('autofocus');
-            focusable.setAttributeNode(attr);
-            const hasTabindex = focusable.hasAttribute('tabindex');
-            if (!hasTabindex) {
-                focusable.setAttribute('tabIndex', '0');
-            }
-            setTimeout(() => {
-                focusable.focus();
-            }, 100);
-        }
-    }
-}
-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: [{
-            type: Directive,
-            args: [{
-                    selector: '[axAutoFocus]',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: AXFocusableComponent, decorators: [{
-                    type: Host
-                }, {
-                    type: Self
-                }, {
-                    type: Optional
-                }] }]; }, propDecorators: { autoFocus: [{
-                type: Input,
-                args: ['axAutoFocus']
-            }], time: [{
-                type: Input,
-                args: ['focus-time']
-            }] } });
-
-class AXNgModelChangeDebouncedDirective {
-    constructor(ngModel) {
-        this.ngModel = ngModel;
-        this.ngModelChangeDebounced = new EventEmitter();
-        this.ngModelChangeDebounceTimeChange = new EventEmitter();
-        this._ngModelChangeDebounceTime = 0;
-        this.ngModelChangeDebounceTime = 0;
-    }
-    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();
-    }
-    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));
-    }
-}
-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: [{
-            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;
-        this.document = document;
-        this.defaults = {
-            element: this.document,
-        };
-    }
-    addShortcut(options) {
-        const merged = { ...this.defaults, ...options };
-        const event = `keydown.${merged.keys}`;
-        return new Observable((observer) => {
-            const handler = (e) => {
-                e.preventDefault();
-                observer.next(e);
-            };
-            const dispose = this.eventManager.addEventListener(merged.element, event, handler);
-            return () => {
-                dispose();
-            };
-        });
-    }
-}
-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: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1$1.EventManager }, { type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }]; } });
-
-class AXHotkeyDirective {
-    constructor(el, _host, hs) {
-        this.el = el;
-        this._host = _host;
-        this.hs = hs;
-        this.hotkey = '';
-        this._subs = [];
-    }
-    ngAfterViewInit() {
-        if (!this.hotkey || !this._host)
-            return;
-        if (typeof this.hotkey == 'string') {
-            this._addDefaultAction(this.hotkey);
-        }
-        else if (typeof this.hotkey == 'object' && !Array.isArray(this.hotkey)) {
-            this._addHotKeyAction([this.hotkey]);
-        }
-        else if (Array.isArray(this.hotkey)) {
-            this._addHotKeyAction(this.hotkey);
-        }
-    }
-    _addDefaultAction(hotkey) {
-        this._subs.push(this.hs.addShortcut({ keys: hotkey }).subscribe(() => {
-            ['click', 'toggle', 'open', 'focus'].forEach((a) => {
-                if (this._host[a]) {
-                    this._host[a]();
-                    return;
-                }
-            });
-        }));
-    }
-    _addHotKeyAction(hotkeys) {
-        hotkeys.forEach((k) => {
-            const hotkey = Object.entries(k)[0][0];
-            const action = Object.entries(k)[0][1];
-            if (!action)
-                this._addDefaultAction(hotkey);
-            else {
-                this._subs.push(this.hs.addShortcut({ keys: hotkey }).subscribe(() => {
-                    if (typeof action == 'string' && this._host[action]) {
-                        this._host[action]();
-                        return;
-                    }
-                    if (typeof action == 'function') {
-                        action();
-                        return;
-                    }
-                }));
-            }
-        });
-    }
-    ngOnDestroy() {
-        this._subs.forEach((s) => {
-            s.unsubscribe();
-        });
-    }
-}
-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: [{
-            type: Directive,
-            args: [{
-                    selector: '[hotkey]',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: AXComponent, decorators: [{
-                    type: Host
-                }, {
-                    type: Self
-                }, {
-                    type: Optional
-                }] }, { type: AXHotkeysService }]; }, propDecorators: { hotkey: [{
-                type: Input,
-                args: ['hotkey']
-            }] } });
-
-;
-const AX_DEFAULT_SCROLL_POSITION = {
-    scrollHeight: 0,
-    scrollTop: 0,
-    clientHeight: 0
-};
-class AXInfiniteScrollerDirective {
-    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();
-        this.streamScrollEvents();
-        this.requestCallbackOnScroll();
-    }
-    registerScrollEvent() {
-        this.scrollEvent$ = fromEvent(this.elm.nativeElement, 'scroll');
-    }
-    streamScrollEvents() {
-        this.userScrolledDown$ = this.scrollEvent$
-            .pipe(map((e) => ({
-            scrollHeight: e.target.scrollHeight,
-            scrollTop: e.target.scrollTop,
-            clientHeight: e.target.clientHeight
-        })), pairwise(), filter(positions => this.isUserScrollingDown(positions) && this.isScrollExpectedPercent(positions[1])));
-    }
-    requestCallbackOnScroll() {
-        this.requestOnScroll$ = this.userScrolledDown$;
-        if (this.immediateCallback) {
-            this.requestOnScroll$ = this.requestOnScroll$.pipe(startWith([AX_DEFAULT_SCROLL_POSITION, AX_DEFAULT_SCROLL_POSITION]));
-        }
-        this.requestOnScroll$.pipe(exhaustMap(() => {
-            return this.scrollCallback();
-        }));
-        //.subscribe((data) => { console.log(data) }, (err) => console.log(err));
-    }
-}
-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: [{
-            type: Directive,
-            args: [{
-                    selector: '[axInfiniteScroller]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { scrollCallback: [{
-                type: Input
-            }], immediateCallback: [{
-                type: Input
-            }], scrollPercent: [{
-                type: Input
-            }] } });
-
-class AXResponsiveDirective {
-    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);
-    }
-}
-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: [{
-            type: Directive,
-            args: [{ selector: '[ax-responsive]' }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
-
-class DynamicOverlayContainer extends OverlayContainer {
-    setContainerElement(containerElement) {
-        this._containerElement = containerElement;
-    }
-}
-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: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-class DynamicOverlay extends Overlay {
-    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);
-        this._dynamicOverlayContainer = _overlayContainer;
-    }
-    setContainerElement(containerElement) {
-        this.renderer.setStyle(containerElement, 'transform', 'translateZ(0)');
-        this._dynamicOverlayContainer.setContainerElement(containerElement);
-    }
-    createOn(containerElement, config) {
-        this.setContainerElement(containerElement);
-        return super.create(config);
-    }
-}
-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: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1$2.ScrollStrategyOptions }, { type: DynamicOverlayContainer }, { type: i0.ComponentFactoryResolver }, { type: i1$2.OverlayPositionBuilder }, { type: i1$2.OverlayKeyboardDispatcher }, { type: i0.Injector }, { type: i0.NgZone }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: i2.Directionality }, { type: i0.RendererFactory2 }, { type: i3.Location }, { type: i1$2.OverlayOutsideClickDispatcher }]; } });
-
-class AXOverlayService {
-    constructor(overlayService, overlayService2, appRef) {
-        this.overlayService = overlayService;
-        this.overlayService2 = overlayService2;
-        this.appRef = appRef;
-    }
-    position() {
-        return this.overlayService.position();
-    }
-    show(content, context, configs) {
-        configs = Object.assign({
-            hasBackdrop: true,
-            transparentBackdrop: true,
-            closeOnClickOutside: true,
-        }, configs || {});
-        // get root viewref
-        const viewRef = this.appRef.components[0].instance.viewRef;
-        // let portal: Portal<any>;
-        // get component by route
-        if (typeof content === 'string') {
-            // TODO: ???
-        }
-        // create portal from component
-        else if (content instanceof TemplateRef) {
-            this.portal = new TemplatePortal(content, viewRef, context);
-        }
-        else if (typeof content === 'function') {
-            this.portal = new ComponentPortal(content, viewRef);
-        }
-        let positionStrategy;
-        if (configs.position && configs.targetElement) {
-            const p = Array.isArray(configs.position)
-                ? configs.position
-                : [configs.position];
-            positionStrategy = this.overlayService
-                .position()
-                .flexibleConnectedTo(configs.targetElement)
-                .withPositions(p)
-                .withPush(true);
-        }
-        else {
-            positionStrategy = configs.position
-                ? configs.position
-                : this.overlayService
-                    .position()
-                    .global()
-                    .centerHorizontally()
-                    .centerVertically();
-        }
-        let scrollStrategy = this.overlayService.scrollStrategies.reposition({ autoClose: true });
-        if (configs.scroll === 'block') {
-            scrollStrategy = this.overlayService.scrollStrategies.block();
-        }
-        if (configs.scroll === 'close') {
-            scrollStrategy = this.overlayService.scrollStrategies.close();
-        }
-        const config = {
-            positionStrategy,
-            scrollStrategy,
-            hasBackdrop: configs.hasBackdrop,
-            disposeOnNavigation: true,
-            backdropClass: configs.backdropClass
-                ? configs.backdropClass
-                : configs.transparentBackdrop
-                    ? 'cdk-overlay-transparent-backdrop'
-                    : undefined,
-            panelClass: configs.panelClass
-                ? configs.panelClass
-                : ['ax-animate-animated', 'ax-animate-zoomIn', 'ax-animate-faster'],
-        };
-        let overlayRef = configs.containerElement
-            ? this.overlayService.createOn(configs.containerElement, config)
-            : this.overlayService2.create(config);
-        const host = overlayRef.attach(this.portal);
-        if (host.instance) {
-            Object.assign(host.instance, context);
-            setTimeout(() => {
-                host.changeDetectorRef.detectChanges();
-            }, 0);
-        }
-        if (configs.closeOnClickOutside) {
-            merge(overlayRef.backdropClick(), overlayRef.detachments()).subscribe(() => {
-                overlayRef.dispose();
-                overlayRef = undefined;
-                if (configs.onBackdropClick) {
-                    configs.onBackdropClick();
-                }
-            });
-        }
-        return {
-            instance: host.instance,
-            dispose: overlayRef.dispose.bind(overlayRef),
-            isOpen: () => {
-                return overlayRef.hasAttached();
-            },
-        };
-    }
-}
-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: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: DynamicOverlay }, { type: i1$2.Overlay }, { type: i0.ApplicationRef }]; } });
-
-class 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: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    exports: [
-                        AXResponsiveDirective,
-                        AXInfiniteScrollerDirective,
-                        AXAutoFocusDirective,
-                        AXNgModelChangeDebouncedDirective,
-                        AXHotkeyDirective,
-                    ],
-                    declarations: [
-                        AXResponsiveDirective,
-                        AXInfiniteScrollerDirective,
-                        AXNgModelChangeDebouncedDirective,
-                        AXAutoFocusDirective,
-                        AXHotkeyDirective,
-                    ],
-                    providers: [],
-                }]
-        }] });
-
-/**
- * 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
-//# sourceMappingURL=acorex-components-common.mjs.map