@acorex/components 7.0.40 → 7.1.0

package/esm2020/tooltip/src/tooltip.directive.mjs

@@ -1,157 +0,0 @@
-import { Directive, HostListener, Input, } from '@angular/core';
-import { ComponentPortal } from '@angular/cdk/portal';
-import { AXTooltipComponent } from './tooltip.component';
-import { AXPositions } from '@acorex/components/common';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/overlay";
-export class AXTooltipDirective {
-    constructor(overlay, overlayPositionBuilder, elementRef, cdr) {
-        this.overlay = overlay;
-        this.overlayPositionBuilder = overlayPositionBuilder;
-        this.elementRef = elementRef;
-        this.cdr = cdr;
-        this.text = '';
-        this.position = 'top-center';
-    }
-    ngOnInit() {
-        //Called after the constructor, initializing input properties, and the first call to ngOnChanges.
-        //Add 'implements OnInit' to the class.
-        this.positioning();
-    }
-    ngAfterViewInit() { }
-    positioning() {
-        const offset = 8;
-        switch (this.position) {
-            case 'top-start':
-                this.positions = [
-                    {
-                        ...AXPositions.topStart,
-                        offsetY: -offset,
-                    },
-                ];
-                break;
-            default:
-            case 'top-center':
-                this.positions = [
-                    {
-                        ...AXPositions.topCenter,
-                        offsetY: -offset,
-                    },
-                ];
-                break;
-            case 'top-end':
-                this.positions = [
-                    {
-                        ...AXPositions.topEnd,
-                        offsetY: -offset,
-                    },
-                ];
-                break;
-            case 'start-start':
-                this.positions = [
-                    {
-                        ...AXPositions.startStart,
-                        offsetX: -offset,
-                    },
-                ];
-                break;
-            case 'start-center':
-                this.positions = [
-                    {
-                        ...AXPositions.startCenter,
-                        offsetX: -offset,
-                    },
-                ];
-                break;
-            case 'start-end':
-                this.positions = [
-                    {
-                        ...AXPositions.startEnd,
-                        offsetX: -offset,
-                    },
-                ];
-                break;
-            case 'bottom-start':
-                this.positions = [
-                    {
-                        ...AXPositions.bottomStart,
-                        offsetY: offset,
-                    },
-                ];
-                break;
-            case 'bottom-center':
-                this.positions = [
-                    {
-                        ...AXPositions.bottomCenter,
-                        offsetY: offset,
-                    },
-                ];
-                break;
-            case 'bottom-end':
-                this.positions = [
-                    {
-                        ...AXPositions.bottomEnd,
-                        offsetY: offset,
-                    },
-                ];
-                break;
-            case 'end-start':
-                this.positions = [
-                    {
-                        ...AXPositions.endStart,
-                        offsetX: offset,
-                    },
-                ];
-                break;
-            case 'end-center':
-                this.positions = [
-                    {
-                        ...AXPositions.endCenter,
-                        offsetX: offset,
-                    },
-                ];
-                break;
-            case 'end-end':
-                this.positions = [
-                    {
-                        ...AXPositions.endEnd,
-                        offsetX: offset,
-                    },
-                ];
-                break;
-        }
-        const positionStrategy = this.overlayPositionBuilder.flexibleConnectedTo(this.elementRef).withPositions(this.positions);
-        this.overlayRef = this.overlay.create({ positionStrategy });
-    }
-    show() {
-        const tooltipRef = this.overlayRef.attach(new ComponentPortal(AXTooltipComponent));
-        tooltipRef.instance.text = this.text;
-        tooltipRef.instance.position = this.position;
-        setTimeout(() => {
-            this.cdr.markForCheck();
-        });
-    }
-    hide() {
-        this.overlayRef.detach();
-        this.cdr.markForCheck();
-    }
-}
-AXTooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXTooltipDirective, deps: [{ token: i1.Overlay }, { token: i1.OverlayPositionBuilder }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-AXTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: AXTooltipDirective, selector: "[axTooltip]", inputs: { text: ["axTooltip", "text"], position: ["axTooltipPosition", "position"] }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXTooltipDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[axTooltip]' }]
-        }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i1.OverlayPositionBuilder }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
-                type: Input,
-                args: ['axTooltip']
-            }], position: [{
-                type: Input,
-                args: ['axTooltipPosition']
-            }], show: [{
-                type: HostListener,
-                args: ['mouseenter']
-            }], hide: [{
-                type: HostListener,
-                args: ['mouseleave']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy90b29sdGlwL3NyYy90b29sdGlwLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBSUwsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEdBRU4sTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3pELE9BQU8sRUFBYyxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7O0FBR3BFLE1BQU0sT0FBTyxrQkFBa0I7SUFPN0IsWUFDVSxPQUFnQixFQUNoQixzQkFBOEMsRUFDOUMsVUFBc0IsRUFDdEIsR0FBc0I7UUFIdEIsWUFBTyxHQUFQLE9BQU8sQ0FBUztRQUNoQiwyQkFBc0IsR0FBdEIsc0JBQXNCLENBQXdCO1FBQzlDLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFWWixTQUFJLEdBQUcsRUFBRSxDQUFDO1FBQ0YsYUFBUSxHQUFlLFlBQVksQ0FBQztJQVU3RCxDQUFDO0lBRUosUUFBUTtRQUNOLGlHQUFpRztRQUNqRyx1Q0FBdUM7UUFDdkMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFDRCxlQUFlLEtBQVUsQ0FBQztJQUVoQixXQUFXO1FBQ25CLE1BQU0sTUFBTSxHQUFHLENBQUMsQ0FBQztRQUNqQixRQUFRLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDckIsS0FBSyxXQUFXO2dCQUNkLElBQUksQ0FBQyxTQUFTLEdBQUc7b0JBQ2Y7d0JBQ0UsR0FBRyxXQUFXLENBQUMsUUFBUTt3QkFDdkIsT0FBTyxFQUFFLENBQUMsTUFBTTtxQkFDakI7aUJBQ0Ys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QUFDLFFBQVEsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUM3QyxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFHRCxJQUFJO1FBQ0YsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7OytHQWpKVSxrQkFBa0I7bUdBQWxCLGtCQUFrQjsyRkFBbEIsa0JBQWtCO2tCQUQ5QixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRTs0TEFFaEIsSUFBSTtzQkFBdkIsS0FBSzt1QkFBQyxXQUFXO2dCQUNVLFFBQVE7c0JBQW5DLEtBQUs7dUJBQUMsbUJBQW1CO2dCQWtJMUIsSUFBSTtzQkFESCxZQUFZO3VCQUFDLFlBQVk7Z0JBVzFCLElBQUk7c0JBREgsWUFBWTt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnRSZWYsXHJcbiAgRGlyZWN0aXZlLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgSG9zdExpc3RlbmVyLFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVBvc2l0aW9uQnVpbGRlciwgT3ZlcmxheVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcclxuaW1wb3J0IHsgQ29tcG9uZW50UG9ydGFsIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XHJcbmltcG9ydCB7IEFYVG9vbHRpcENvbXBvbmVudCB9IGZyb20gJy4vdG9vbHRpcC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBBWFBvc2l0aW9uLCBBWFBvc2l0aW9ucyB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xyXG5cclxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW2F4VG9vbHRpcF0nIH0pXHJcbmV4cG9ydCBjbGFzcyBBWFRvb2x0aXBEaXJlY3RpdmUge1xyXG4gIEBJbnB1dCgnYXhUb29sdGlwJykgdGV4dCA9ICcnO1xyXG4gIEBJbnB1dCgnYXhUb29sdGlwUG9zaXRpb24nKSBwb3NpdGlvbjogQVhQb3NpdGlvbiA9ICd0b3AtY2VudGVyJztcclxuXHJcbiAgcHJpdmF0ZSBvdmVybGF5UmVmOiBPdmVybGF5UmVmO1xyXG4gIHByb3RlY3RlZCBwb3NpdGlvbnM6IGFueVtdO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgb3ZlcmxheTogT3ZlcmxheSxcclxuICAgIHByaXZhdGUgb3ZlcmxheVBvc2l0aW9uQnVpbGRlcjogT3ZlcmxheVBvc2l0aW9uQnVpbGRlcixcclxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZixcclxuICAgIHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZlxyXG4gICkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAvL0NhbGxlZCBhZnRlciB0aGUgY29uc3RydWN0b3IsIGluaXRpYWxpemluZyBpbnB1dCBwcm9wZXJ0aWVzLCBhbmQgdGhlIGZpcnN0IGNhbGwgdG8gbmdPbkNoYW5nZXMuXHJcbiAgICAvL0FkZCAnaW1wbGVtZW50cyBPbkluaXQnIHRvIHRoZSBjbGFzcy5cclxuICAgIHRoaXMucG9zaXRpb25pbmcoKTtcclxuICB9XHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge31cclxuXHJcbiAgcHJvdGVjdGVkIHBvc2l0aW9uaW5nKCkge1xyXG4gICAgY29uc3Qgb2Zmc2V0ID0gODtcclxuICAgIHN3aXRjaCAodGhpcy5wb3NpdGlvbikge1xyXG4gICAgICBjYXNlICd0b3Atc3RhcnQnOlxyXG4gICAgICAgIHRoaXMucG9zaXRpb25zID0gW1xyXG4gICAgICAgICAge1xyXG4gICAgICAgICAgICAuLi5BWFBvc2l0aW9ucy50b3BTdGFydCxcclxuICAgICAgICAgICAgb2Zmc2V0WTogLW9mZnNldCxcclxuICAgICAgICAgIH0sXHJcbiAgICAgICAgXTtcclxuICAgICAgICBicmVhaztcclxuICAgICAgZGVmYXVsdDpcclxuICAgICAgY2FzZSAndG9wLWNlbnRlcic6XHJcbiAgICAgICAgdGhpcy5wb3NpdGlvbnMgPSBbXHJcbiAgICAgICAgICB7XHJcbiAgICAgICAgICAgIC4uLkFYUG9zaXRpb25zLnRvcENlbnRlcixcclxuICAgICAgICAgICAgb2Zmc2V0WTogLW9mZnNldCxcclxuICAgICAgICAgIH0sXHJcbiAgICAgICAgXTtcclxuICAgICAgICBicmVhaztcclxuICAgICAgY2FzZSAndG9wLWVuZCc6XHJcbiAgICAgICAgdGhpcy5wb3NpdGlvbnMgPSBbXHJcbiAgICAgICAgICB7XHJcbiAgICAgICAgICAgIC4uLkFYUG9zaXRpb25zLnRvcEVuZCxcclxuICAgICAgICAgICAgb2Zmc2V0WTogLW9mZnNldCxcclxuICAgICAgICAgIH0sXHJcbiAgICAgICAgXTtcclxuICAgICAgICBicmVhaztcclxuXHJcbiAgICAgIGNhc2UgJ3N0YXJ0LXN0YXJ0JzpcclxuICAgICAgICB0aGlzLnBvc2l0aW9ucyA9IFtcclxuICAgICAgICAgIHtcclxuICAgICAgICAgICAgLi4uQVhQb3NpdGlvbnMuc3RhcnRTdGFydCxcclxuICAgICAgICAgICAgb2Zmc2V0WDogLW9mZnNldCxcclxuICAgICAgICAgIH0sXHJcbiAgICAgICAgXTtcclxuICAgICAgICBicmVhaztcclxuXHJcbiAgICAgIGNhc2UgJ3N0YXJ0LWNlbnRlcic6XHJcbiAgICAgICAgdGhpcy5wb3NpdGlvbnMgPSBbXHJcbiAgICAgICAgICB7XHJcbiAgICAgICAgICAgIC4uLkFYUG9zaXRpb25zLnN0YXJ0Q2VudGVyLFxyXG4gICAgICAgICAgICBvZmZzZXRYOiAtb2Zmc2V0LFxyXG4gICAgICAgICAgfSxcclxuICAgICAgICBdO1xyXG4gICAgICAgIGJyZWFrO1xyXG5cclxuICAgICAgY2FzZSAnc3RhcnQtZW5kJzpcclxuICAgICAgICB0aGlzLnBvc2l0aW9ucyA9IFtcclxuICAgICAgICAgIHtcclxuICAgICAgICAgICAgLi4uQVhQb3NpdGlvbnMuc3RhcnRFbmQsXHJcbiAgICAgICAgICAgIG9mZnNldFg6IC1vZmZzZXQsXHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgIF07XHJcbiAgICAgICAgYnJlYWs7XHJcblxyXG4gICAgICBjYXNlICdib3R0b20tc3RhcnQnOlxyXG4gICAgICAgIHRoaXMucG9zaXRpb25zID0gW1xyXG4gICAgICAgICAge1xyXG4gICAgICAgICAgICAuLi5BWFBvc2l0aW9ucy5ib3R0b21TdGFydCxcclxuICAgICAgICAgICAgb2Zmc2V0WTogb2Zmc2V0LFxyXG4gICAgICAgICAgfSxcclxuICAgICAgICBdO1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBjYXNlICdib3R0b20tY2VudGVyJzpcclxuICAgICAgICB0aGlzLnBvc2l0aW9ucyA9IFtcclxuICAgICAgICAgIHtcclxuICAgICAgICAgICAgLi4uQVhQb3NpdGlvbnMuYm90dG9tQ2VudGVyLFxyXG4gICAgICAgICAgICBvZmZzZXRZOiBvZmZzZXQsXHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgIF07XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgIGNhc2UgJ2JvdHRvbS1lbmQnOlxyXG4gICAgICAgIHRoaXMucG9zaXRpb25zID0gW1xyXG4gICAgICAgICAge1xyXG4gICAgICAgICAgICAuLi5BWFBvc2l0aW9ucy5ib3R0b21FbmQsXHJcbiAgICAgICAgICAgIG9mZnNldFk6IG9mZnNldCxcclxuICAgICAgICAgIH0sXHJcbiAgICAgICAgXTtcclxuICAgICAgICBicmVhaztcclxuXHJcbiAgICAgIGNhc2UgJ2VuZC1zdGFydCc6XHJcbiAgICAgICAgdGhpcy5wb3NpdGlvbnMgPSBbXHJcbiAgICAgICAgICB7XHJcbiAgICAgICAgICAgIC4uLkFYUG9zaXRpb25zLmVuZFN0YXJ0LFxyXG4gICAgICAgICAgICBvZmZzZXRYOiBvZmZzZXQsXHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgIF07XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgIGNhc2UgJ2VuZC1jZW50ZXInOlxyXG4gICAgICAgIHRoaXMucG9zaXRpb25zID0gW1xyXG4gICAgICAgICAge1xyXG4gICAgICAgICAgICAuLi5BWFBvc2l0aW9ucy5lbmRDZW50ZXIsXHJcbiAgICAgICAgICAgIG9mZnNldFg6IG9mZnNldCxcclxuICAgICAgICAgIH0sXHJcbiAgICAgICAgXTtcclxuICAgICAgICBicmVhaztcclxuICAgICAgY2FzZSAnZW5kLWVuZCc6XHJcbiAgICAgICAgdGhpcy5wb3NpdGlvbnMgPSBbXHJcbiAgICAgICAgICB7XHJcbiAgICAgICAgICAgIC4uLkFYUG9zaXRpb25zLmVuZEVuZCxcclxuICAgICAgICAgICAgb2Zmc2V0WDogb2Zmc2V0LFxyXG4gICAgICAgICAgfSxcclxuICAgICAgICBdO1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgfVxyXG4gICAgY29uc3QgcG9zaXRpb25TdHJhdGVneSA9IHRoaXMub3ZlcmxheVBvc2l0aW9uQnVpbGRlci5mbGV4aWJsZUNvbm5lY3RlZFRvKHRoaXMuZWxlbWVudFJlZikud2l0aFBvc2l0aW9ucyh0aGlzLnBvc2l0aW9ucyk7XHJcbiAgICB0aGlzLm92ZXJsYXlSZWYgPSB0aGlzLm92ZXJsYXkuY3JlYXRlKHsgcG9zaXRpb25TdHJhdGVneSB9KTtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlZW50ZXInKVxyXG4gIHNob3coKSB7XHJcbiAgICBjb25zdCB0b29sdGlwUmVmOiBDb21wb25lbnRSZWY8QVhUb29sdGlwQ29tcG9uZW50PiA9IHRoaXMub3ZlcmxheVJlZi5hdHRhY2gobmV3IENvbXBvbmVudFBvcnRhbChBWFRvb2x0aXBDb21wb25lbnQpKTtcclxuICAgIHRvb2x0aXBSZWYuaW5zdGFuY2UudGV4dCA9IHRoaXMudGV4dDtcclxuICAgIHRvb2x0aXBSZWYuaW5zdGFuY2UucG9zaXRpb24gPSB0aGlzLnBvc2l0aW9uO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdtb3VzZWxlYXZlJylcclxuICBoaWRlKCkge1xyXG4gICAgdGhpcy5vdmVybGF5UmVmLmRldGFjaCgpO1xyXG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2020/tree-view/src/tree-view.component.mjs

@@ -1,108 +0,0 @@
-import { Component, Input, ViewEncapsulation } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@acorex/components/checkbox";
-/**
- * The Button is a component which detects user interaction and triggers a corresponding event
- *
- * @category Components
- */
-export class AXTreeViewComponent {
-    /**
-     *  @ignore
-     */
-    constructor() {
-        this.showLines = 'all';
-        this.list = [
-            {
-                title: 'childless',
-                children: [],
-            },
-            {
-                title: 'great grandparent',
-                children: [
-                    {
-                        title: 'childless grandsibiling',
-                        children: [],
-                    },
-                    {
-                        title: 'grandparent',
-                        children: [
-                            {
-                                title: 'childless sibiling',
-                                children: [],
-                            },
-                            {
-                                title: 'another childless sibiling',
-                                children: [],
-                            },
-                            {
-                                title: 'parent',
-                                children: [
-                                    {
-                                        title: 'child',
-                                        children: [],
-                                    },
-                                    {
-                                        title: 'another child',
-                                        children: [],
-                                    },
-                                ],
-                            },
-                            {
-                                title: 'another parent',
-                                children: [
-                                    {
-                                        title: 'child',
-                                        children: [],
-                                    },
-                                ],
-                            },
-                        ],
-                    },
-                    {
-                        title: 'another grandparent',
-                        children: [
-                            {
-                                title: 'parent',
-                                children: [
-                                    {
-                                        title: 'child',
-                                        children: [],
-                                    },
-                                    {
-                                        title: 'another child',
-                                        children: [],
-                                    },
-                                    {
-                                        title: 'a third child',
-                                        children: [],
-                                    },
-                                    {
-                                        title: 'teen mother',
-                                        children: [
-                                            {
-                                                title: 'accident',
-                                                children: [],
-                                            },
-                                        ],
-                                    },
-                                ],
-                            },
-                        ],
-                    },
-                ],
-            },
-        ];
-    }
-    ngOnInit() { }
-}
-AXTreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXTreeViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXTreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: { showLines: "showLines" }, host: { classAttribute: "ax-tree-view" }, ngImport: i0, template: "<ul class=\"ax-list-{{showLines}}\">\r\n    <ng-template #recursiveList let-list>\r\n      <li *ngFor=\"let item of list\">\r\n        <span>\r\n          <ax-check-box></ax-check-box>\r\n          \r\n          <span>{{item.title}}</span>\r\n        </span>\r\n        <ul *ngIf=\"item.children.length > 0\">\r\n          <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: item.children }\"></ng-container>\r\n        </ul>\r\n      </li>\r\n    </ng-template>\r\n    <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: list }\"></ng-container>\r\n  </ul>", styles: [".ax-tree-view>ul li{font-size:.875rem;position:relative}.ax-tree-view>ul li span{@apply ax-flex ax-items-center ax-my-1;display:flex;align-items:center;margin:.25rem 0}.ax-tree-view>ul li ul{padding-inline-start:2rem}.ax-tree-view>ul.ax-list-all li ul{position:relative}.ax-tree-view>ul.ax-list-all li ul:before{content:\"\";width:1px;position:absolute;bottom:0;height:100%;inset-inline-start:.5rem;background-color:rgba(var(--ax-color-border-default))}.ax-tree-view>ul.ax-list-all li ul li:before{position:absolute;top:0;right:12px;bottom:-4px;margin-left:-1px;content:\" \"}.ax-tree-view>ul.ax-list-all li ul li:after{position:absolute;width:10px;height:14px;content:\" \"}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "allowNull", "value", "name", "checked"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXTreeViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-tree-view', encapsulation: ViewEncapsulation.None, host: { class: 'ax-tree-view' }, template: "<ul class=\"ax-list-{{showLines}}\">\r\n    <ng-template #recursiveList let-list>\r\n      <li *ngFor=\"let item of list\">\r\n        <span>\r\n          <ax-check-box></ax-check-box>\r\n          \r\n          <span>{{item.title}}</span>\r\n        </span>\r\n        <ul *ngIf=\"item.children.length > 0\">\r\n          <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: item.children }\"></ng-container>\r\n        </ul>\r\n      </li>\r\n    </ng-template>\r\n    <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: list }\"></ng-container>\r\n  </ul>", styles: [".ax-tree-view>ul li{font-size:.875rem;position:relative}.ax-tree-view>ul li span{@apply ax-flex ax-items-center ax-my-1;display:flex;align-items:center;margin:.25rem 0}.ax-tree-view>ul li ul{padding-inline-start:2rem}.ax-tree-view>ul.ax-list-all li ul{position:relative}.ax-tree-view>ul.ax-list-all li ul:before{content:\"\";width:1px;position:absolute;bottom:0;height:100%;inset-inline-start:.5rem;background-color:rgba(var(--ax-color-border-default))}.ax-tree-view>ul.ax-list-all li ul li:before{position:absolute;top:0;right:12px;bottom:-4px;margin-left:-1px;content:\" \"}.ax-tree-view>ul.ax-list-all li ul li:after{position:absolute;width:10px;height:14px;content:\" \"}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { showLines: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3RyZWUtdmlldy9zcmMvdHJlZS12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3RyZWUtdmlldy9zcmMvdHJlZS12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBQzVFOzs7O0dBSUc7QUFRSCxNQUFNLE9BQU8sbUJBQW1CO0lBQzlCOztPQUVHO0lBQ0g7UUFLQSxjQUFTLEdBQTRCLEtBQUssQ0FBQztRQUVwQyxTQUFJLEdBQUc7WUFDWjtnQkFDRSxLQUFLLEVBQUUsV0FBVztnQkFDbEIsUUFBUSxFQUFFLEVBQUU7YUFDYjtZQUNEO2dCQUNFLEtBQUssRUFBRSxtQkFBbUI7Z0JBQzFCLFFBQVEsRUFBRTtvQkFDUjt3QkFDRSxLQUFLLEVBQUUseUJBQXlCO3dCQUNoQyxRQUFRLEVBQUUsRUFBRTtxQkFDYjtvQkFDRDt3QkFDRSxLQUFLLEVBQUUsYUFBYTt3QkFDcEIsUUFBUSxFQUFFOzRCQUNSO2dDQUNFLEtBQUssRUFBRSxvQkFBb0I7Z0NBQzNCLFFBQVEsRUFBRSxFQUFFOzZCQUNiOzRCQUNEO2dDQUNFLEtBQUssRUFBRSw0QkFBNEI7Z0NBQ25DLFFBQVEsRUFBRSxFQUFFOzZCQUNiOzRCQUNEO2dDQUNFLEtBQUssRUFBRSxRQUFRO2dDQUNmLFFBQVEsRUFBRTtvQ0FDUjt3Q0FDRSxLQUFLLEVBQUUsT0FBTzt3Q0FDZCxRQUFRLEVBQUUsRUFBRTtxQ0FDYjtvQ0FDRDt3Q0FDRSxLQUFLLEVBQUUsZUFBZTt3Q0FDdEIsUUFBUSxFQUFFLEVBQUU7cUNBQ2I7aUNBQ0Y7NkJBQ0Y7NEJBQ0Q7Z0NBQ0UsS0FBSyxFQUFFLGdCQUFnQjtnQ0FDdkIsUUFBUSxFQUFFO29DQUNSO3dDQUNFLEtBQUssRUFBRSxPQUFPO3dDQUNkLFFBQVEsRUFBRSxFQUFFO3FDQUNiO2lDQUNGOzZCQUNGO3lCQUNGO3FCQUNGO29CQUNEO3dCQUNFLEtBQUssRUFBRSxxQkFBcUI7d0JBQzVCLFFBQVEsRUFBRTs0QkFDUjtnQ0FDRSxLQUFLLEVBQUUsUUFBUTtnQ0FDZixRQUFRLEVBQUU7b0NBQ1I7d0NBQ0UsS0FBSyxFQUFFLE9BQU87d0NBQ2QsUUFBUSxFQUFFLEVBQUU7cUNBQ2I7b0NBQ0Q7d0NBQ0UsS0FBSyxFQUFFLGVBQWU7d0NBQ3RCLFFBQVEsRUFBRSxFQUFFO3FDQUNiO29DQUNEO3dDQUNFLEtBQUssRUFBRSxlQUFlO3dDQUN0QixRQUFRLEVBQUUsRUFBRTtxQ0FDYjtvQ0FDRDt3Q0FDRSxLQUFLLEVBQUUsYUFBYTt3Q0FDcEIsUUFBUSxFQUFFOzRDQUNSO2dEQUNFLEtBQUssRUFBRSxVQUFVO2dEQUNqQixRQUFRLEVBQUUsRUFBRTs2Q0FDYjt5Q0FDRjtxQ0FDRjtpQ0FDRjs2QkFDRjt5QkFDRjtxQkFDRjtpQkFDRjthQUNGO1NBQ0YsQ0FBQztJQXZGYSxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDOztnSEFOUixtQkFBbUI7b0dBQW5CLG1CQUFtQixrSUNiaEMsbWxCQWNPOzJGRERNLG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxjQUFjLGlCQUdULGlCQUFpQixDQUFDLElBQUksUUFDL0IsRUFBRSxLQUFLLEVBQUUsY0FBYyxFQUFFOzBFQVcvQixTQUFTO3NCQURSLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbi8qKlxyXG4gKiBUaGUgQnV0dG9uIGlzIGEgY29tcG9uZW50IHdoaWNoIGRldGVjdHMgdXNlciBpbnRlcmFjdGlvbiBhbmQgdHJpZ2dlcnMgYSBjb3JyZXNwb25kaW5nIGV2ZW50XHJcbiAqXHJcbiAqIEBjYXRlZ29yeSBDb21wb25lbnRzXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LXRyZWUtdmlldycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RyZWUtdmlldy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdHJlZS12aWV3LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBob3N0OiB7IGNsYXNzOiAnYXgtdHJlZS12aWV3JyB9LFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhUcmVlVmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgLyoqXHJcbiAgICogIEBpZ25vcmVcclxuICAgKi9cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxuXHJcbiAgQElucHV0KClcclxuICBzaG93TGluZXM6ICdhbGwnIHwgJ25vZGUnIHwgJ25vbmUnID0gJ2FsbCc7XHJcblxyXG4gIHB1YmxpYyBsaXN0ID0gW1xyXG4gICAge1xyXG4gICAgICB0aXRsZTogJ2NoaWxkbGVzcycsXHJcbiAgICAgIGNoaWxkcmVuOiBbXSxcclxuICAgIH0sXHJcbiAgICB7XHJcbiAgICAgIHRpdGxlOiAnZ3JlYXQgZ3JhbmRwYXJlbnQnLFxyXG4gICAgICBjaGlsZHJlbjogW1xyXG4gICAgICAgIHtcclxuICAgICAgICAgIHRpdGxlOiAnY2hpbGRsZXNzIGdyYW5kc2liaWxpbmcnLFxyXG4gICAgICAgICAgY2hpbGRyZW46IFtdLFxyXG4gICAgICAgIH0sXHJcbiAgICAgICAge1xyXG4gICAgICAgICAgdGl0bGU6ICdncmFuZHBhcmVudCcsXHJcbiAgICAgICAgICBjaGlsZHJlbjogW1xyXG4gICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgdGl0bGU6ICdjaGlsZGxlc3Mgc2liaWxpbmcnLFxyXG4gICAgICAgICAgICAgIGNoaWxkcmVuOiBbXSxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgIHRpdGxlOiAnYW5vdGhlciBjaGlsZGxlc3Mgc2liaWxpbmcnLFxyXG4gICAgICAgICAgICAgIGNoaWxkcmVuOiBbXSxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgIHRpdGxlOiAncGFyZW50JyxcclxuICAgICAgICAgICAgICBjaGlsZHJlbjogW1xyXG4gICAgICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgICAgICB0aXRsZTogJ2NoaWxkJyxcclxuICAgICAgICAgICAgICAgICAgY2hpbGRyZW46IFtdLFxyXG4gICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgdGl0bGU6ICdhbm90aGVyIGNoaWxkJyxcclxuICAgICAgICAgICAgICAgICAgY2hpbGRyZW46IFtdLFxyXG4gICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICBdLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgdGl0bGU6ICdhbm90aGVyIHBhcmVudCcsXHJcbiAgICAgICAgICAgICAgY2hpbGRyZW46IFtcclxuICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgdGl0bGU6ICdjaGlsZCcsXHJcbiAgICAgICAgICAgICAgICAgIGNoaWxkcmVuOiBbXSxcclxuICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgXSxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICAgIF0sXHJcbiAgICAgICAgfSxcclxuICAgICAgICB7XHJcbiAgICAgICAgICB0aXRsZTogJ2Fub3RoZXIgZ3JhbmRwYXJlbnQnLFxyXG4gICAgICAgICAgY2hpbGRyZW46IFtcclxuICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgIHRpdGxlOiAncGFyZW50JyxcclxuICAgICAgICAgICAgICBjaGlsZHJlbjogW1xyXG4gICAgICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgICAgICB0aXRsZTogJ2NoaWxkJyxcclxuICAgICAgICAgICAgICAgICAgY2hpbGRyZW46IFtdLFxyXG4gICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgdGl0bGU6ICdhbm90aGVyIGNoaWxkJyxcclxuICAgICAgICAgICAgICAgICAgY2hpbGRyZW46IFtdLFxyXG4gICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgdGl0bGU6ICdhIHRoaXJkIGNoaWxkJyxcclxuICAgICAgICAgICAgICAgICAgY2hpbGRyZW46IFtdLFxyXG4gICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgdGl0bGU6ICd0ZWVuIG1vdGhlcicsXHJcbiAgICAgICAgICAgICAgICAgIGNoaWxkcmVuOiBbXHJcbiAgICAgICAgICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgICAgICAgICAgdGl0bGU6ICdhY2NpZGVudCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICBjaGlsZHJlbjogW10sXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgICAgXSxcclxuICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgXSxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICAgIF0sXHJcbiAgICAgICAgfSxcclxuICAgICAgXSxcclxuICAgIH0sXHJcbiAgXTtcclxufVxyXG4iLCI8dWwgY2xhc3M9XCJheC1saXN0LXt7c2hvd0xpbmVzfX1cIj5cclxuICAgIDxuZy10ZW1wbGF0ZSAjcmVjdXJzaXZlTGlzdCBsZXQtbGlzdD5cclxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBpdGVtIG9mIGxpc3RcIj5cclxuICAgICAgICA8c3Bhbj5cclxuICAgICAgICAgIDxheC1jaGVjay1ib3g+PC9heC1jaGVjay1ib3g+XHJcbiAgICAgICAgICBcclxuICAgICAgICAgIDxzcGFuPnt7aXRlbS50aXRsZX19PC9zcGFuPlxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgICA8dWwgKm5nSWY9XCJpdGVtLmNoaWxkcmVuLmxlbmd0aCA+IDBcIj5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJyZWN1cnNpdmVMaXN0OyBjb250ZXh0OnsgJGltcGxpY2l0OiBpdGVtLmNoaWxkcmVuIH1cIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8L3VsPlxyXG4gICAgICA8L2xpPlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJyZWN1cnNpdmVMaXN0OyBjb250ZXh0OnsgJGltcGxpY2l0OiBsaXN0IH1cIj48L25nLWNvbnRhaW5lcj5cclxuICA8L3VsPiJdfQ==

package/esm2020/uploader/src/uploader.component.mjs

@@ -1,98 +0,0 @@
-import { AXBaseComponentMixin } from '@acorex/components/mixin';
-import { Component, EventEmitter, HostBinding, HostListener, Input, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@acorex/core/file";
-import * as i2 from "@angular/common";
-export class AXUploaderComponent extends AXBaseComponentMixin {
-    constructor(elementRef, cdr, _fileService) {
-        super(elementRef, cdr);
-        this._fileService = _fileService;
-        this.onValueChanged = new EventEmitter();
-        this.firstInit = true;
-        this._showText = true;
-        this.multiple = false;
-        this.accept = '*/*';
-    }
-    async _handleClick(e) {
-        const files = await this._fileService.choose({
-            accept: this.accept,
-            multiple: this.multiple,
-        });
-        this._handleFiles(files);
-    }
-    async _handleDrop(e) {
-        let dt = e.dataTransfer;
-        let files = dt.files;
-        this._handleFiles(Array.from(files));
-        e.preventDefault();
-    }
-    _handleFiles(files) {
-        this.onValueChanged.emit({
-            component: this,
-            isUserInteraction: true,
-            value: files,
-            htmlElement: this._getHostElement(),
-        });
-    }
-    onInit() {
-        this._dropArea = this._getHostElement();
-        ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {
-            this._dropArea.addEventListener(eventName, this.preventDefaults, false);
-        });
-        ['dragenter', 'dragover'].forEach((eventName) => {
-            this._dropArea.addEventListener(eventName, this._handleHighlight.bind(this), false);
-        });
-        ['dragleave', 'drop'].forEach((eventName) => {
-            this._dropArea.addEventListener(eventName, this._handleUnhighlight.bind(this), false);
-        });
-    }
-    ngDoCheck() {
-        this.checkIsBoxHasMinWidth();
-    }
-    checkIsBoxHasMinWidth() {
-        this.firstInit = false;
-        let boxWidth = this._getHostElement().getBoundingClientRect().width;
-        console.log(boxWidth);
-        if (boxWidth <= 176 && this.firstInit === false) {
-            this._showText = false;
-        }
-    }
-    preventDefaults(e) {
-        e.preventDefault();
-        e.stopPropagation();
-    }
-    _handleHighlight(e) {
-        this._dropArea.classList.add('ax-state-hover');
-    }
-    _handleUnhighlight(e) {
-        this._dropArea.classList.remove('ax-state-hover');
-    }
-    get __defaultClass() {
-        return !this._placeholder?.nativeElement.childNodes.length;
-    }
-}
-AXUploaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXUploaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXFileService }], target: i0.ɵɵFactoryTarget.Component });
-AXUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXUploaderComponent, selector: "ax-uploader", inputs: { multiple: "multiple", accept: "accept" }, outputs: { onValueChanged: "onValueChanged" }, host: { listeners: { "click": "_handleClick($event)", "drop": "_handleDrop($event)" }, properties: { "class.ax-look-default": "this.__defaultClass" } }, viewQueries: [{ propertyName: "_placeholder", first: true, predicate: ["contentRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container>\r\n    <div #contentRef><ng-content></ng-content></div>\r\n</ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <i class=\"ax-icon ax-icon-upload upload-icon\"></i>\r\n    <div class=\"ax-uploader-hint\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to\r\n            browse</span></div>\r\n</ng-container>", styles: ["ax-uploader.ax-look-default{position:relative;width:100%;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);border-width:2px;border-style:dashed;border-color:rgba(var(--ax-color-border-default));display:flex;align-items:center;justify-content:center;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-position:center;background-size:cover}ax-uploader.ax-look-default:hover,ax-uploader.ax-look-default.ax-state-hover{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-uploader.ax-look-default:before{content:\"\";padding-bottom:100%}ax-uploader.ax-look-default .upload-icon{font-size:3rem}ax-uploader.ax-look-default .ax-uploader-hint{padding:1rem;text-align:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXUploaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-uploader', encapsulation: ViewEncapsulation.None, template: "<ng-container>\r\n    <div #contentRef><ng-content></ng-content></div>\r\n</ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <i class=\"ax-icon ax-icon-upload upload-icon\"></i>\r\n    <div class=\"ax-uploader-hint\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to\r\n            browse</span></div>\r\n</ng-container>", styles: ["ax-uploader.ax-look-default{position:relative;width:100%;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);border-width:2px;border-style:dashed;border-color:rgba(var(--ax-color-border-default));display:flex;align-items:center;justify-content:center;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-position:center;background-size:cover}ax-uploader.ax-look-default:hover,ax-uploader.ax-look-default.ax-state-hover{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-uploader.ax-look-default:before{content:\"\";padding-bottom:100%}ax-uploader.ax-look-default .upload-icon{font-size:3rem}ax-uploader.ax-look-default .ax-uploader-hint{padding:1rem;text-align:center}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXFileService }]; }, propDecorators: { onValueChanged: [{
-                type: Output
-            }], _placeholder: [{
-                type: ViewChild,
-                args: ['contentRef', { static: true }]
-            }], multiple: [{
-                type: Input
-            }], accept: [{
-                type: Input
-            }], _handleClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }], _handleDrop: [{
-                type: HostListener,
-                args: ['drop', ['$event']]
-            }], __defaultClass: [{
-                type: HostBinding,
-                args: ['class.ax-look-default']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvdXBsb2FkZXIvc3JjL3VwbG9hZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3VwbG9hZGVyL3NyYy91cGxvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUVoRSxPQUFPLEVBRUwsU0FBUyxFQUVULFlBQVksRUFDWixXQUFXLEVBQ1gsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7OztBQVF2QixNQUFNLE9BQU8sbUJBQW9CLFNBQVEsb0JBQW9CO0lBUzNELFlBQ0UsVUFBc0IsRUFDdEIsR0FBc0IsRUFDZCxZQUEyQjtRQUVuQyxLQUFLLENBQUMsVUFBVSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBRmYsaUJBQVksR0FBWixZQUFZLENBQWU7UUFWckMsbUJBQWMsR0FBOEMsSUFBSSxZQUFZLEVBRXpFLENBQUM7UUFFSixjQUFTLEdBQVksSUFBSSxDQUFDO1FBQzFCLGNBQVMsR0FBWSxJQUFJLENBQUM7UUFjMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUcxQixXQUFNLEdBQVcsS0FBSyxDQUFDO0lBVHZCLENBQUM7SUFjRCxLQUFLLENBQUMsWUFBWSxDQUFDLENBQWE7UUFDOUIsTUFBTSxLQUFLLEdBQUcsTUFBTSxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQztZQUMzQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU07WUFDbkIsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRO1NBQ3hCLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxZQUFZ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bUJBQW1CO29HQUFuQixtQkFBbUIsZ2NDdEJoQywyWUFPZTsyRkRlRixtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0UsYUFBYSxpQkFHUixpQkFBaUIsQ0FBQyxJQUFJOzZKQUlyQyxjQUFjO3NCQURiLE1BQU07Z0JBaUJQLFlBQVk7c0JBRFgsU0FBUzt1QkFBQyxZQUFZLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUl6QyxRQUFRO3NCQURQLEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLO2dCQU1BLFlBQVk7c0JBRGpCLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQVUzQixXQUFXO3NCQURoQixZQUFZO3VCQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFtRTVCLGNBQWM7c0JBRGpCLFdBQVc7dUJBQUMsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhWYWx1ZUNoYW5nZWRFdmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xyXG5pbXBvcnQgeyBBWEJhc2VDb21wb25lbnRNaXhpbiB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9taXhpbic7XHJcbmltcG9ydCB7IEFYRmlsZVNlcnZpY2UgfSBmcm9tICdAYWNvcmV4L2NvcmUvZmlsZSc7XHJcbmltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIEhvc3RCaW5kaW5nLFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgVmlld0NoaWxkLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdheC11cGxvYWRlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3VwbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi91cGxvYWRlci5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWFVwbG9hZGVyQ29tcG9uZW50IGV4dGVuZHMgQVhCYXNlQ29tcG9uZW50TWl4aW4ge1xyXG4gIEBPdXRwdXQoKVxyXG4gIG9uVmFsdWVDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8QVhWYWx1ZUNoYW5nZWRFdmVudDxGaWxlW10+PiA9IG5ldyBFdmVudEVtaXR0ZXI8XHJcbiAgICBBWFZhbHVlQ2hhbmdlZEV2ZW50PEZpbGVbXT5cclxuICA+KCk7XHJcblxyXG4gIGZpcnN0SW5pdDogYm9vbGVhbiA9IHRydWU7XHJcbiAgX3Nob3dUZXh0OiBib29sZWFuID0gdHJ1ZTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxyXG4gICAgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgIHByaXZhdGUgX2ZpbGVTZXJ2aWNlOiBBWEZpbGVTZXJ2aWNlXHJcbiAgKSB7XHJcbiAgICBzdXBlcihlbGVtZW50UmVmLCBjZHIpO1xyXG4gIH1cclxuXHJcbiAgQFZpZXdDaGlsZCgnY29udGVudFJlZicsIHsgc3RhdGljOiB0cnVlIH0pXHJcbiAgX3BsYWNlaG9sZGVyOiBFbGVtZW50UmVmO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIG11bHRpcGxlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgYWNjZXB0OiBzdHJpbmcgPSAnKi8qJztcclxuXHJcbiAgcHJpdmF0ZSBfZHJvcEFyZWE6IEhUTUxEaXZFbGVtZW50O1xyXG5cclxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXHJcbiAgYXN5bmMgX2hhbmRsZUNsaWNrKGU6IE1vdXNlRXZlbnQpIHtcclxuICAgIGNvbnN0IGZpbGVzID0gYXdhaXQgdGhpcy5fZmlsZVNlcnZpY2UuY2hvb3NlKHtcclxuICAgICAgYWNjZXB0OiB0aGlzLmFjY2VwdCxcclxuICAgICAgbXVsdGlwbGU6IHRoaXMubXVsdGlwbGUsXHJcbiAgICB9KTtcclxuICAgIHRoaXMuX2hhbmRsZUZpbGVzKGZpbGVzKTtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2Ryb3AnLCBbJyRldmVudCddKVxyXG4gIGFzeW5jIF9oYW5kbGVEcm9wKGU6IGFueSkge1xyXG4gICAgbGV0IGR0ID0gZS5kYXRhVHJhbnNmZXI7XHJcbiAgICBsZXQgZmlsZXMgPSBkdC5maWxlcztcclxuICAgIHRoaXMuX2hhbmRsZUZpbGVzKEFycmF5LmZyb20oZmlsZXMpKTtcclxuICAgIGUucHJldmVudERlZmF1bHQoKTtcclxuICB9XHJcblxyXG4gIF9oYW5kbGVGaWxlcyhmaWxlczogRmlsZVtdKSB7XHJcbiAgICB0aGlzLm9uVmFsdWVDaGFuZ2VkLmVtaXQoe1xyXG4gICAgICBjb21wb25lbnQ6IHRoaXMsXHJcbiAgICAgIGlzVXNlckludGVyYWN0aW9uOiB0cnVlLFxyXG4gICAgICB2YWx1ZTogZmlsZXMsXHJcbiAgICAgIGh0bWxFbGVtZW50OiB0aGlzLl9nZXRIb3N0RWxlbWVudCgpLFxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBvbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLl9kcm9wQXJlYSA9IHRoaXMuX2dldEhvc3RFbGVtZW50KCk7XHJcbiAgICBbJ2RyYWdlbnRlcicsICdkcmFnb3ZlcicsICdkcmFnbGVhdmUnLCAnZHJvcCddLmZvckVhY2goKGV2ZW50TmFtZSkgPT4ge1xyXG4gICAgICB0aGlzLl9kcm9wQXJlYS5hZGRFdmVudExpc3RlbmVyKGV2ZW50TmFtZSwgdGhpcy5wcmV2ZW50RGVmYXVsdHMsIGZhbHNlKTtcclxuICAgIH0pO1xyXG4gICAgWydkcmFnZW50ZXInLCAnZHJhZ292ZXInXS5mb3JFYWNoKChldmVudE5hbWUpID0+IHtcclxuICAgICAgdGhpcy5fZHJvcEFyZWEuYWRkRXZlbnRMaXN0ZW5lcihcclxuICAgICAgICBldmVudE5hbWUsXHJcbiAgICAgICAgdGhpcy5faGFuZGxlSGlnaGxpZ2h0LmJpbmQodGhpcyksXHJcbiAgICAgICAgZmFsc2VcclxuICAgICAgKTtcclxuICAgIH0pO1xyXG5cclxuICAgIFsnZHJhZ2xlYXZlJywgJ2Ryb3AnXS5mb3JFYWNoKChldmVudE5hbWUpID0+IHtcclxuICAgICAgdGhpcy5fZHJvcEFyZWEuYWRkRXZlbnRMaXN0ZW5lcihcclxuICAgICAgICBldmVudE5hbWUsXHJcbiAgICAgICAgdGhpcy5faGFuZGxlVW5oaWdobGlnaHQuYmluZCh0aGlzKSxcclxuICAgICAgICBmYWxzZVxyXG4gICAgICApO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBuZ0RvQ2hlY2soKSB7XHJcbiAgICB0aGlzLmNoZWNrSXNCb3hIYXNNaW5XaWR0aCgpXHJcbiAgfVxyXG4gIFxyXG4gIGNoZWNrSXNCb3hIYXNNaW5XaWR0aCgpe1xyXG4gICAgdGhpcy5maXJzdEluaXQgPSBmYWxzZTtcclxuICAgIGxldCBib3hXaWR0aDogbnVtYmVyID0gdGhpcy5fZ2V0SG9zdEVsZW1lbnQoKS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aDtcclxuICAgIGNvbnNvbGUubG9nKGJveFdpZHRoKTtcclxuICAgIFxyXG4gICAgaWYgKGJveFdpZHRoIDw9IDE3NiAmJiB0aGlzLmZpcnN0SW5pdCA9PT0gZmFsc2UpIHtcclxuICAgICAgdGhpcy5fc2hvd1RleHQgPSBmYWxzZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByZXZlbnREZWZhdWx0cyhlOiBhbnkpIHtcclxuICAgIGUucHJldmVudERlZmF1bHQoKTtcclxuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgfVxyXG5cclxuICBfaGFuZGxlSGlnaGxpZ2h0KGUpIHtcclxuICAgIHRoaXMuX2Ryb3BBcmVhLmNsYXNzTGlzdC5hZGQoJ2F4LXN0YXRlLWhvdmVyJyk7XHJcbiAgfVxyXG5cclxuICBfaGFuZGxlVW5oaWdobGlnaHQoZSkge1xyXG4gICAgdGhpcy5fZHJvcEFyZWEuY2xhc3NMaXN0LnJlbW92ZSgnYXgtc3RhdGUtaG92ZXInKTtcclxuICB9XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuYXgtbG9vay1kZWZhdWx0JylcclxuICBnZXQgX19kZWZhdWx0Q2xhc3MoKSB7XHJcbiAgICByZXR1cm4gIXRoaXMuX3BsYWNlaG9sZGVyPy5uYXRpdmVFbGVtZW50LmNoaWxkTm9kZXMubGVuZ3RoO1xyXG4gIH1cclxufVxyXG4iLCI8bmctY29udGFpbmVyPlxyXG4gICAgPGRpdiAjY29udGVudFJlZj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+XHJcbjwvbmctY29udGFpbmVyPlxyXG48bmctY29udGFpbmVyICpuZ0lmPVwiY29udGVudFJlZi5jaGlsZE5vZGVzLmxlbmd0aCA9PSAwXCI+XHJcbiAgICA8aSBjbGFzcz1cImF4LWljb24gYXgtaWNvbi11cGxvYWQgdXBsb2FkLWljb25cIj48L2k+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXgtdXBsb2FkZXItaGludFwiICpuZ0lmPVwiX3Nob3dUZXh0XCI+RHJhZyB5b3VyIGZpbGUgaGVyZSBvciwgPHNwYW4gY2xhc3M9XCJheC10ZXh0LXByaW1hcnktNTAwXCI+Y2xpY2sgdG9cclxuICAgICAgICAgICAgYnJvd3NlPC9zcGFuPjwvZGl2PlxyXG48L25nLWNvbnRhaW5lcj4iXX0=

package/fesm2015/acorex-components-action-sheet.mjs

@@ -1,193 +0,0 @@
-import * as i2$1 from '@acorex/components/common';
-import { TAB_META_KEY, AXCommonModule, AXComponentClosedPromise } from '@acorex/components/common';
-import { AXBaseComponent } from '@acorex/components/mixin';
-import * as i2 from '@angular/cdk/portal';
-import { TemplatePortal, ComponentPortal, PortalModule } from '@angular/cdk/portal';
-import * as i0 from '@angular/core';
-import { EventEmitter, TemplateRef, Component, ChangeDetectionStrategy, ViewEncapsulation, HostListener, NgModule, Injectable } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i3 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import { A11yModule } from '@angular/cdk/a11y';
-import { DragDropModule } from '@angular/cdk/drag-drop';
-import { AXButtonModule } from '@acorex/components/button';
-import { AXTranslator } from '@acorex/core/translation';
-import * as i1$1 from '@angular/cdk/overlay';
-
-class AXActionSheetComponent extends AXBaseComponent {
-    constructor(elementRef, cdr, _viewContainerRef) {
-        super(elementRef, cdr);
-        this._viewContainerRef = _viewContainerRef;
-        this.items = [];
-        this.showCloseButton = true;
-        this.showHeader = true;
-        this.data = {};
-        this.onClosed = new EventEmitter();
-    }
-    close() {
-        this.onClosed.emit({
-            component: this[TAB_META_KEY].component,
-            htmlElement: this._getHostElement(),
-        });
-        this._cdr.detectChanges();
-    }
-    onInit() {
-        if (this.content) {
-            if (typeof this.content === 'string') {
-                //   this.rendererService.findLoadedComponentByRoute(this.content, 20).then(route => {
-                //     setTimeout(() => {
-                //       this.loadComponent(route.component);
-                //     }, 300);
-                //   });
-            }
-            else if (this.content instanceof TemplateRef) {
-                this._selectedPortal = new TemplatePortal(this.content, this._viewContainerRef, { $implicit: this.data, ref: this });
-                this._cdr.markForCheck();
-            }
-            else if (typeof this.content === 'function') {
-                this._selectedPortal = new ComponentPortal(this.content);
-                this._cdr.markForCheck();
-            }
-        }
-    }
-    onKeydownHandler(event) {
-        let focusedOrHasFocused = this._getHostElement().matches(':focus-within');
-        if (this.showCloseButton && focusedOrHasFocused) {
-            this.close();
-        }
-    }
-    _handleAttched(ref) {
-        ref = ref;
-        if (ref.instance) {
-            this[TAB_META_KEY].component = ref.instance;
-            Object.assign(this[TAB_META_KEY].component, this.data);
-            if (ref.instance.onClosed) {
-                ref.instance.onClosed.subscribe((e) => {
-                    this.onClosed.emit(e);
-                });
-            }
-        }
-    }
-    _handleCloseClick() {
-        this.close();
-    }
-}
-AXActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXActionSheetComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-AXActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXActionSheetComponent, selector: "ax-action-sheet", host: { listeners: { "keydown.escape": "onKeydownHandler($event)" } }, usesInheritance: true, ngImport: i0, template: "<ax-header>\r\n  <ax-title>{{ title }}</ax-title>\r\n  <ax-close-button (click)=\"_handleCloseClick()\" tabindex=\"1\"></ax-close-button>\r\n</ax-header>\r\n<ng-template *ngIf=\"_selectedPortal\">\r\n  <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n</ng-template>\r\n<!-- TODO: Are you sure we need this? if remove this content not showing -->\r\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n<div class=\"ax-action-sheet-items\">\r\n  <ng-container *ngFor=\"let item of items\">\r\n    <div class=\"ax-action-sheet-item ax-{{ item.color }}\" [class.ax-state-disabled]=\"item.disabled\" (click)=\"item.onClick()\">\r\n      <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\r\n      <span class=\"item-text\">{{ item.text }}</span>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n", styles: ["@media (max-width: 599px){ax-action-sheet{width:100vw}}@media (min-width: 600px){ax-action-sheet{width:75vw}}@media (min-width: 1200px){ax-action-sheet{width:30vw}}@media (min-width: 1800px){ax-action-sheet{width:25vw}}ax-action-sheet ax-header{padding:.75rem}ax-action-sheet .ax-action-sheet-items{padding:.5rem 0}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item{-webkit-user-select:none;user-select:none;cursor:pointer;padding:.75rem 1rem;display:flex}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{background-color:rgba(var(--ax-color-on-surface))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item .item-icon{font-size:1.5rem;margin-inline-end:.75rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-primary{color:rgba(var(--ax-color-primary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-secondary{color:rgba(var(--ax-color-secondary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-success{color:rgba(var(--ax-color-success-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-warning{color:rgba(var(--ax-color-warning-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-danger{color:rgba(var(--ax-color-danger-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-info{color:rgba(var(--ax-color-info-500))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i3.AXDecoratorHeaderComponent, selector: "ax-header" }, { kind: "component", type: i3.AXDecoratorTitleComponent, selector: "ax-title" }, { kind: "component", type: i3.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXActionSheetComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ax-header>\r\n  <ax-title>{{ title }}</ax-title>\r\n  <ax-close-button (click)=\"_handleCloseClick()\" tabindex=\"1\"></ax-close-button>\r\n</ax-header>\r\n<ng-template *ngIf=\"_selectedPortal\">\r\n  <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n</ng-template>\r\n<!-- TODO: Are you sure we need this? if remove this content not showing -->\r\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n<div class=\"ax-action-sheet-items\">\r\n  <ng-container *ngFor=\"let item of items\">\r\n    <div class=\"ax-action-sheet-item ax-{{ item.color }}\" [class.ax-state-disabled]=\"item.disabled\" (click)=\"item.onClick()\">\r\n      <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\r\n      <span class=\"item-text\">{{ item.text }}</span>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n", styles: ["@media (max-width: 599px){ax-action-sheet{width:100vw}}@media (min-width: 600px){ax-action-sheet{width:75vw}}@media (min-width: 1200px){ax-action-sheet{width:30vw}}@media (min-width: 1800px){ax-action-sheet{width:25vw}}ax-action-sheet ax-header{padding:.75rem}ax-action-sheet .ax-action-sheet-items{padding:.5rem 0}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item{-webkit-user-select:none;user-select:none;cursor:pointer;padding:.75rem 1rem;display:flex}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{background-color:rgba(var(--ax-color-on-surface))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item .item-icon{font-size:1.5rem;margin-inline-end:.75rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-primary{color:rgba(var(--ax-color-primary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-secondary{color:rgba(var(--ax-color-secondary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-success{color:rgba(var(--ax-color-success-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-warning{color:rgba(var(--ax-color-warning-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-danger{color:rgba(var(--ax-color-danger-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-info{color:rgba(var(--ax-color-info-500))}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { onKeydownHandler: [{
-                type: HostListener,
-                args: ['keydown.escape', ['$event']]
-            }] } });
-
-const MODULES = [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, PortalModule, AXDecoratorModule];
-class AXActionSheetModule {
-}
-AXActionSheetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXActionSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXActionSheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXActionSheetModule, declarations: [AXActionSheetComponent], imports: [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, PortalModule, AXDecoratorModule], exports: [AXActionSheetComponent] });
-AXActionSheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXActionSheetModule, imports: [MODULES] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXActionSheetModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [AXActionSheetComponent],
-                    imports: [...MODULES],
-                    exports: [AXActionSheetComponent],
-                    providers: [],
-                }]
-        }] });
-
-class AXActionSheetService {
-    // _overlayRef: OverlayRef;
-    // _templatePortal!: ComponentPortal<any>;
-    constructor(_overlay, overlayService) {
-        this._overlay = _overlay;
-        this.overlayService = overlayService;
-    }
-    //open(items: AXActionSheetItem[],options?:AXActionSheetOptions);
-    //open(content:AXActionSheetContentType, options?: AXActionSheetOptions);
-    open(options) {
-        const opt = {
-            title: AXTranslator.get('action-sheet.title'),
-            showCloseButton: true,
-            closeOnBackdrop: true,
-            showHeader: true,
-        };
-        Object.assign(opt, options);
-        const lastActiveElement = document.activeElement;
-        const com = this.overlayService.show(AXActionSheetComponent, opt, {
-            hasBackdrop: true,
-            closeOnClickOutside: opt.closeOnBackdrop,
-            transparentBackdrop: false,
-            panelClass: ['ax-actionsheet-panel'],
-            position: this._overlay.position().global().bottom().centerHorizontally(),
-            scroll: 'block',
-        });
-        const actionSheet = com.instance;
-        actionSheet[TAB_META_KEY] = {};
-        actionSheet.onClosed.subscribe(c => {
-            this.closePopup(actionSheet, com, c, lastActiveElement);
-        });
-        const promise = new AXComponentClosedPromise((resolve, reject) => {
-            actionSheet[TAB_META_KEY].close = e => {
-                if (resolve) {
-                    resolve(e);
-                }
-                else {
-                    reject(e);
-                }
-            };
-        });
-        promise['closeMethod'] = () => {
-            actionSheet.close();
-        };
-        return promise;
-    }
-    closePopup(popup, com, result, lastActiveElement) {
-        var _a;
-        const closeFunc = e => {
-            com.dispose();
-            delete e.cancel;
-            popup[TAB_META_KEY].close(e);
-            if (lastActiveElement === null || lastActiveElement === void 0 ? void 0 : lastActiveElement.focus) {
-                lastActiveElement.focus();
-            }
-        };
-        const e = { cancel: false };
-        const closingFunc = (_a = popup[TAB_META_KEY].component) === null || _a === void 0 ? void 0 : _a.onClosing;
-        if (closingFunc) {
-            const res = closingFunc(e);
-            if (res instanceof Promise) {
-                res.then(() => {
-                    if (e == null || e.cancel !== true) {
-                        closeFunc(result);
-                    }
-                });
-            }
-            else {
-                if (e == null || e.cancel !== true) {
-                    closeFunc(result);
-                }
-            }
-        }
-        else {
-            closeFunc(result);
-        }
-    }
-}
-AXActionSheetService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXActionSheetService, deps: [{ token: i1$1.Overlay }, { token: i2$1.AXOverlayService }], target: i0.ɵɵFactoryTarget.Injectable });
-AXActionSheetService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXActionSheetService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXActionSheetService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1$1.Overlay }, { type: i2$1.AXOverlayService }]; } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AXActionSheetComponent, AXActionSheetModule, AXActionSheetService };
-//# sourceMappingURL=acorex-components-action-sheet.mjs.map
-//# sourceMappingURL=acorex-components-action-sheet.mjs.map