@acorex/components 7.0.8 → 7.0.11

package/esm2020/toast/src/toast.component.mjs

@@ -1,11 +1,8 @@
 import { AXClosbaleComponent } from '@acorex/components/common';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, } from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, } from '@angular/core';
 import { AXBaseComponentMixin } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@acorex/components/button";
-import * as i3 from "@acorex/components/decorators";
-import * as i4 from "@acorex/components/alert";
 /**
  * The Button is a component which detects user interaction and triggers a corresponding event
  *
@@ -25,19 +22,24 @@ export class AXToastComponent extends AXBaseComponentMixin {
                 this.close();
             }, this.options.timeOut);
         }
-        switch (this.options.color) {
-            case 'success':
-                this._icon = 'ax-icon ax-icon-check-filled';
-                break;
-            case 'warning':
-                this._icon = 'ax-icon ax-icon-warning-filled';
-                break;
-            case 'danger':
-                this._icon = 'ax-icon ax-icon-error-filled';
-                break;
-            default:
-                this._icon = '';
-                break;
+        if (!this.options.icon) {
+            switch (this.options.color) {
+                case 'success':
+                    this._icon = 'ax-icon ax-icon-check-circle-fill';
+                    break;
+                case 'warning':
+                    this._icon = 'ax-icon ax-icon-warning-fill';
+                    break;
+                case 'danger':
+                    this._icon = 'ax-icon ax-icon-error-fill';
+                    break;
+                default:
+                    this._icon = this.options.icon || 'ax-icon ax-icon-check-circle-fill';
+                    break;
+            }
+        }
+        else {
+            this._icon = this.options.icon;
         }
     }
     _handleButtonClick(button) {
@@ -45,11 +47,17 @@ export class AXToastComponent extends AXBaseComponentMixin {
             button.onClick(this);
         }
     }
+    get __hostClass() {
+        return `ax-${this.options.color}`;
+    }
 }
 AXToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXToastComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXToastComponent, selector: "ax-toast", providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], usesInheritance: true, ngImport: i0, template: "<ax-alert [color]=\"options.color\"  [timeOut]=\"options.timeOut\">\r\n    <ax-icon *ngIf=\"_icon\" [icon]=\"_icon\"></ax-icon>\r\n    <ax-title [text]=\"options.title\"></ax-title>\r\n    <ax-close-button  *ngIf=\"options.closeable\"></ax-close-button>\r\n    <ax-content *ngIf=\"options.content\">\r\n        <div [innerHTML]=\"options.content\"></div>\r\n    </ax-content>\r\n    <ax-footer *ngIf=\"options?.buttons?.length\">\r\n        <ax-button *ngFor=\"let button of options.buttons\" [text]=\"button.text\" class=\"ax-sm\"\r\n            (onClick)=\"_handleButtonClick(button)\" [color]=\"options.color\" [look]=\"'default'\"></ax-button>\r\n    </ax-footer>\r\n</ax-alert>", styles: ["ax-toast{width:max(20vw,350px)}@media (max-width: 599px){ax-toast{width:98vw}}\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: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i3.AXDecoratorContentComponent, selector: "ax-content" }, { kind: "component", type: i3.AXDecoratorFooterComponent, selector: "ax-footer" }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorTitleComponent, selector: "ax-title", inputs: ["text"] }, { kind: "component", type: i3.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "component", type: i4.AXAlertComponent, selector: "ax-alert", inputs: ["color", "timeOut", "visible"], outputs: ["onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AXToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXToastComponent, selector: "ax-toast", host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], usesInheritance: true, ngImport: i0, template: "<!-- <ax-alert [color]=\"options.color\"  [timeOut]=\"options.timeOut\">\r\n    <ax-icon *ngIf=\"_icon\" [icon]=\"_icon\"></ax-icon>\r\n    <ax-title [text]=\"options.title\"></ax-title>\r\n    <ax-close-button  *ngIf=\"options.closeable\"></ax-close-button>\r\n    <ax-content *ngIf=\"options.content\">\r\n        <div [innerHTML]=\"options.content\"></div>\r\n    </ax-content>\r\n    <ax-footer *ngIf=\"options?.buttons?.length\">\r\n        <ax-button *ngFor=\"let button of options.buttons\" [text]=\"button.text\" class=\"ax-sm\"\r\n            (onClick)=\"_handleButtonClick(button)\" [color]=\"options.color\" [look]=\"'default'\"></ax-button>\r\n    </ax-footer>\r\n</ax-alert> -->\r\n<span [class]=\"'ax-toast-icon '+ _icon \"></span>\r\n<div class=\"ax-toast-content\">\r\n    <div class=\"ax-toast-title\">{{options.title}}</div>\r\n    <div [innerHTML]=\"options.content\"></div>\r\n    <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\r\n        <button *ngFor=\"let button of options.buttons\" (click)=\"_handleButtonClick(button)\">\r\n            {{button.text}}\r\n        </button>\r\n    </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" (click)=\"close()\"></span>\r\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>", styles: ["ax-toast{width:max(20vw,380px);display:flex;padding:.75rem 1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;border:1px solid;background-color:rgb(var(--ax-color-surface));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden}ax-toast.ax-primary{background-color:rgb(var(--ax-color-primary-50));color:rgb(var(--ax-color-primary-700));border-color:rgb(var(--ax-color-primary-500))}ax-toast.ax-primary .ax-toast-title{color:rgb(var(--ax-color-primary-800))}ax-toast.ax-primary .ax-toast-progress{background-color:rgb(var(--ax-color-primary-500))}ax-toast.ax-secondary{background-color:rgb(var(--ax-color-secondary-50));color:rgb(var(--ax-color-secondary-700));border-color:rgb(var(--ax-color-secondary-500))}ax-toast.ax-secondary .ax-toast-title{color:rgb(var(--ax-color-secondary-800))}ax-toast.ax-secondary .ax-toast-progress{background-color:rgb(var(--ax-color-secondary-500))}ax-toast.ax-success{background-color:rgb(var(--ax-color-success-50));color:rgb(var(--ax-color-success-700));border-color:rgb(var(--ax-color-success-500))}ax-toast.ax-success .ax-toast-title{color:rgb(var(--ax-color-success-800))}ax-toast.ax-success .ax-toast-progress{background-color:rgb(var(--ax-color-success-500))}ax-toast.ax-warning{background-color:rgb(var(--ax-color-warning-50));color:rgb(var(--ax-color-warning-700));border-color:rgb(var(--ax-color-warning-500))}ax-toast.ax-warning .ax-toast-title{color:rgb(var(--ax-color-warning-800))}ax-toast.ax-warning .ax-toast-progress{background-color:rgb(var(--ax-color-warning-500))}ax-toast.ax-danger{background-color:rgb(var(--ax-color-danger-50));color:rgb(var(--ax-color-danger-700));border-color:rgb(var(--ax-color-danger-500))}ax-toast.ax-danger .ax-toast-title{color:rgb(var(--ax-color-danger-800))}ax-toast.ax-danger .ax-toast-progress{background-color:rgb(var(--ax-color-danger-500))}@media (max-width: 599px){ax-toast{width:98vw}}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem}ax-toast .ax-toast-icon{padding-inline-end:.75rem}ax-toast .ax-toast-content{display:flex;flex-direction:column;flex:1;gap:.5rem}ax-toast .ax-toast-content .ax-toast-title{font-weight:500;margin-bottom:.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin-top:.25rem}ax-toast .ax-toast-content .ax-toast-buttons button{font-weight:700}ax-toast .ax-toast-content .ax-toast-buttons button:hover{opacity:.6}ax-toast .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content}ax-toast .ax-icon-close:hover{opacity:.6}ax-toast .ax-toast-progress{position:absolute;right:0;left:0;bottom:0;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXToastComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-toast', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], template: "<ax-alert [color]=\"options.color\"  [timeOut]=\"options.timeOut\">\r\n    <ax-icon *ngIf=\"_icon\" [icon]=\"_icon\"></ax-icon>\r\n    <ax-title [text]=\"options.title\"></ax-title>\r\n    <ax-close-button  *ngIf=\"options.closeable\"></ax-close-button>\r\n    <ax-content *ngIf=\"options.content\">\r\n        <div [innerHTML]=\"options.content\"></div>\r\n    </ax-content>\r\n    <ax-footer *ngIf=\"options?.buttons?.length\">\r\n        <ax-button *ngFor=\"let button of options.buttons\" [text]=\"button.text\" class=\"ax-sm\"\r\n            (onClick)=\"_handleButtonClick(button)\" [color]=\"options.color\" [look]=\"'default'\"></ax-button>\r\n    </ax-footer>\r\n</ax-alert>", styles: ["ax-toast{width:max(20vw,350px)}@media (max-width: 599px){ax-toast{width:98vw}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvdG9hc3Qvc3JjL3RvYXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3RvYXN0L3NyYy90b2FzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUVoRSxPQUFPLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNqQix1QkFBdUIsR0FHeEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7OztBQUVoRTs7OztHQUlHO0FBU0gsTUFBTSxPQUFPLGdCQUFpQixTQUFRLG9CQUFvQjtJQVN4RDs7T0FFRztJQUNILFlBQVksVUFBc0IsRUFBRSxHQUFzQjtRQUN4RCxLQUFLLENBQUMsVUFBVSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBVHpCLGdCQUFXLEdBQVcsR0FBRyxDQUFDO0lBVTFCLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sRUFBRTtZQUN4QixVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNkLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNmLENBQUMsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1NBQzFCO1FBQ0QsUUFBUSxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRTtZQUMxQixLQUFLLFNBQVM7Z0JBQ1osSUFBSSxDQUFDLEtBQUssR0FBRyw4QkFBOEIsQ0FBQztnQkFDNUMsTUFBTTtZQUNSLEtBQUssU0FBUztnQkFDWixJQUFJLENBQUMsS0FBSyxHQUFHLGdDQUFnQyxDQUFDO2dCQUM5QyxNQUFNO1lBQ1IsS0FBSyxRQUFRO2dCQUNYLElBQUksQ0FBQyxLQUFLLEdBQUcsOEJBQThCLENBQUM7Z0JBQzVDLE1BQU07WUFDUjtnQkFDRSxJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztnQkFDaEIsTUFBTTtTQUNUO0lBQ0gsQ0FBQztJQUVELGtCQUFrQixDQUFDLE1BQW9CO1FBQ3JDLElBQUksTUFBTSxDQUFDLE9BQU8sRUFBRTtZQUNsQixNQUFNLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ3RCO0lBQ0gsQ0FBQzs7NkdBMUNVLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLG1DQUZoQixDQUFDLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFdBQVcsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLGlEQ3ZCOUUsNHFCQVdXOzJGRGNFLGdCQUFnQjtrQkFSNUIsU0FBUzsrQkFDRSxVQUFVLG1CQUdILHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksYUFDMUIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxXQUFXLGtCQUFrQixFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENsb3NiYWxlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XHJcbmltcG9ydCB7IEFYQnV0dG9uSXRlbSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9idXR0b24nO1xyXG5pbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBFbGVtZW50UmVmLFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBWFRvYXN0T3B0aW9ucyB9IGZyb20gJy4vdG9hc3QuY2xhc3MnO1xyXG5pbXBvcnQgeyBBWEJhc2VDb21wb25lbnRNaXhpbiB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9taXhpbic7XHJcblxyXG4vKipcclxuICogVGhlIEJ1dHRvbiBpcyBhIGNvbXBvbmVudCB3aGljaCBkZXRlY3RzIHVzZXIgaW50ZXJhY3Rpb24gYW5kIHRyaWdnZXJzIGEgY29ycmVzcG9uZGluZyBldmVudFxyXG4gKlxyXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdheC10b2FzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RvYXN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90b2FzdC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBBWENsb3NiYWxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhUb2FzdENvbXBvbmVudCB9XSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYVG9hc3RDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VDb21wb25lbnRNaXhpbiB7XHJcblxyXG4gIG9wdGlvbnM6IEFYVG9hc3RPcHRpb25zO1xyXG5cclxuICBfdG9hc3RXaWR0aDogbnVtYmVyID0gMTAwO1xyXG5cclxuICBfaWNvbjogc3RyaW5nO1xyXG4gIFxyXG4gIGNsb3NlOiAoKSA9PiB2b2lkO1xyXG4gIC8qKlxyXG4gICAqICBAaWdub3JlXHJcbiAgICovXHJcbiAgY29uc3RydWN0b3IoZWxlbWVudFJlZjogRWxlbWVudFJlZiwgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xyXG4gICAgc3VwZXIoZWxlbWVudFJlZiwgY2RyKTtcclxuICB9XHJcblxyXG4gIG9uSW5pdCgpIHtcclxuICAgIGlmICh0aGlzLm9wdGlvbnMudGltZU91dCkge1xyXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICB0aGlzLmNsb3NlKCk7XHJcbiAgICAgIH0sIHRoaXMub3B0aW9ucy50aW1lT3V0KTtcclxuICAgIH1cclxuICAgIHN3aXRjaCAodGhpcy5vcHRpb25zLmNvbG9yKSB7XHJcbiAgICAgIGNhc2UgJ3N1Y2Nlc3MnOlxyXG4gICAgICAgIHRoaXMuX2ljb24gPSAnYXgtaWNvbiBheC1pY29uLWNoZWNrLWZpbGxlZCc7XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgIGNhc2UgJ3dhcm5pbmcnOlxyXG4gICAgICAgIHRoaXMuX2ljb24gPSAnYXgtaWNvbiBheC1pY29uLXdhcm5pbmctZmlsbGVkJztcclxuICAgICAgICBicmVhaztcclxuICAgICAgY2FzZSAnZGFuZ2VyJzpcclxuICAgICAgICB0aGlzLl9pY29uID0gJ2F4LWljb24gYXgtaWNvbi1lcnJvci1maWxsZWQnO1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBkZWZhdWx0OlxyXG4gICAgICAgIHRoaXMuX2ljb24gPSAnJztcclxuICAgICAgICBicmVhaztcclxuICAgIH1cclxuICB9XHJcblxyXG4gIF9oYW5kbGVCdXR0b25DbGljayhidXR0b246IEFYQnV0dG9uSXRlbSkge1xyXG4gICAgaWYgKGJ1dHRvbi5vbkNsaWNrKSB7XHJcbiAgICAgIGJ1dHRvbi5vbkNsaWNrKHRoaXMpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8YXgtYWxlcnQgW2NvbG9yXT1cIm9wdGlvbnMuY29sb3JcIiAgW3RpbWVPdXRdPVwib3B0aW9ucy50aW1lT3V0XCI+XHJcbiAgICA8YXgtaWNvbiAqbmdJZj1cIl9pY29uXCIgW2ljb25dPVwiX2ljb25cIj48L2F4LWljb24+XHJcbiAgICA8YXgtdGl0bGUgW3RleHRdPVwib3B0aW9ucy50aXRsZVwiPjwvYXgtdGl0bGU+XHJcbiAgICA8YXgtY2xvc2UtYnV0dG9uICAqbmdJZj1cIm9wdGlvbnMuY2xvc2VhYmxlXCI+PC9heC1jbG9zZS1idXR0b24+XHJcbiAgICA8YXgtY29udGVudCAqbmdJZj1cIm9wdGlvbnMuY29udGVudFwiPlxyXG4gICAgICAgIDxkaXYgW2lubmVySFRNTF09XCJvcHRpb25zLmNvbnRlbnRcIj48L2Rpdj5cclxuICAgIDwvYXgtY29udGVudD5cclxuICAgIDxheC1mb290ZXIgKm5nSWY9XCJvcHRpb25zPy5idXR0b25zPy5sZW5ndGhcIj5cclxuICAgICAgICA8YXgtYnV0dG9uICpuZ0Zvcj1cImxldCBidXR0b24gb2Ygb3B0aW9ucy5idXR0b25zXCIgW3RleHRdPVwiYnV0dG9uLnRleHRcIiBjbGFzcz1cImF4LXNtXCJcclxuICAgICAgICAgICAgKG9uQ2xpY2spPVwiX2hhbmRsZUJ1dHRvbkNsaWNrKGJ1dHRvbilcIiBbY29sb3JdPVwib3B0aW9ucy5jb2xvclwiIFtsb29rXT1cIidkZWZhdWx0J1wiPjwvYXgtYnV0dG9uPlxyXG4gICAgPC9heC1mb290ZXI+XHJcbjwvYXgtYWxlcnQ+Il19
+            args: [{ selector: 'ax-toast', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], template: "<!-- <ax-alert [color]=\"options.color\"  [timeOut]=\"options.timeOut\">\r\n    <ax-icon *ngIf=\"_icon\" [icon]=\"_icon\"></ax-icon>\r\n    <ax-title [text]=\"options.title\"></ax-title>\r\n    <ax-close-button  *ngIf=\"options.closeable\"></ax-close-button>\r\n    <ax-content *ngIf=\"options.content\">\r\n        <div [innerHTML]=\"options.content\"></div>\r\n    </ax-content>\r\n    <ax-footer *ngIf=\"options?.buttons?.length\">\r\n        <ax-button *ngFor=\"let button of options.buttons\" [text]=\"button.text\" class=\"ax-sm\"\r\n            (onClick)=\"_handleButtonClick(button)\" [color]=\"options.color\" [look]=\"'default'\"></ax-button>\r\n    </ax-footer>\r\n</ax-alert> -->\r\n<span [class]=\"'ax-toast-icon '+ _icon \"></span>\r\n<div class=\"ax-toast-content\">\r\n    <div class=\"ax-toast-title\">{{options.title}}</div>\r\n    <div [innerHTML]=\"options.content\"></div>\r\n    <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\r\n        <button *ngFor=\"let button of options.buttons\" (click)=\"_handleButtonClick(button)\">\r\n            {{button.text}}\r\n        </button>\r\n    </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" (click)=\"close()\"></span>\r\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>", styles: ["ax-toast{width:max(20vw,380px);display:flex;padding:.75rem 1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;border:1px solid;background-color:rgb(var(--ax-color-surface));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden}ax-toast.ax-primary{background-color:rgb(var(--ax-color-primary-50));color:rgb(var(--ax-color-primary-700));border-color:rgb(var(--ax-color-primary-500))}ax-toast.ax-primary .ax-toast-title{color:rgb(var(--ax-color-primary-800))}ax-toast.ax-primary .ax-toast-progress{background-color:rgb(var(--ax-color-primary-500))}ax-toast.ax-secondary{background-color:rgb(var(--ax-color-secondary-50));color:rgb(var(--ax-color-secondary-700));border-color:rgb(var(--ax-color-secondary-500))}ax-toast.ax-secondary .ax-toast-title{color:rgb(var(--ax-color-secondary-800))}ax-toast.ax-secondary .ax-toast-progress{background-color:rgb(var(--ax-color-secondary-500))}ax-toast.ax-success{background-color:rgb(var(--ax-color-success-50));color:rgb(var(--ax-color-success-700));border-color:rgb(var(--ax-color-success-500))}ax-toast.ax-success .ax-toast-title{color:rgb(var(--ax-color-success-800))}ax-toast.ax-success .ax-toast-progress{background-color:rgb(var(--ax-color-success-500))}ax-toast.ax-warning{background-color:rgb(var(--ax-color-warning-50));color:rgb(var(--ax-color-warning-700));border-color:rgb(var(--ax-color-warning-500))}ax-toast.ax-warning .ax-toast-title{color:rgb(var(--ax-color-warning-800))}ax-toast.ax-warning .ax-toast-progress{background-color:rgb(var(--ax-color-warning-500))}ax-toast.ax-danger{background-color:rgb(var(--ax-color-danger-50));color:rgb(var(--ax-color-danger-700));border-color:rgb(var(--ax-color-danger-500))}ax-toast.ax-danger .ax-toast-title{color:rgb(var(--ax-color-danger-800))}ax-toast.ax-danger .ax-toast-progress{background-color:rgb(var(--ax-color-danger-500))}@media (max-width: 599px){ax-toast{width:98vw}}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem}ax-toast .ax-toast-icon{padding-inline-end:.75rem}ax-toast .ax-toast-content{display:flex;flex-direction:column;flex:1;gap:.5rem}ax-toast .ax-toast-content .ax-toast-title{font-weight:500;margin-bottom:.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin-top:.25rem}ax-toast .ax-toast-content .ax-toast-buttons button{font-weight:700}ax-toast .ax-toast-content .ax-toast-buttons button:hover{opacity:.6}ax-toast .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content}ax-toast .ax-icon-close:hover{opacity:.6}ax-toast .ax-toast-progress{position:absolute;right:0;left:0;bottom:0;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvdG9hc3Qvc3JjL3RvYXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3RvYXN0L3NyYy90b2FzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUVoRSxPQUFPLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNqQix1QkFBdUIsRUFHdkIsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7QUFFaEU7Ozs7R0FJRztBQVNILE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxvQkFBb0I7SUFTeEQ7O09BRUc7SUFDSCxZQUFZLFVBQXNCLEVBQUUsR0FBc0I7UUFDeEQsS0FBSyxDQUFDLFVBQVUsRUFBRSxHQUFHLENBQUMsQ0FBQztRQVR6QixnQkFBVyxHQUFXLEdBQUcsQ0FBQztJQVUxQixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUU7WUFDeEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDZixDQUFDLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQztTQUMxQjtRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRTtZQUN0QixRQUFRLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFO2dCQUMxQixLQUFLLFNBQVM7b0JBQ1osSUFBSSxDQUFDLEtBQUssR0FBRyxtQ0FBbUMsQ0FBQztvQkFDakQsTUFBTTtnQkFDUixLQUFLLFNBQVM7b0JBQ1osSUFBSSxDQUFDLEtBQUssR0FBRyw4QkFBOEIsQ0FBQztvQkFDNUMsTUFBTTtnQkFDUixLQUFLLFFBQVE7b0JBQ1gsSUFBSSxDQUFDLEtBQUssR0FBRyw0QkFBNEIsQ0FBQztvQkFDMUMsTUFBTTtnQkFDUjtvQkFDRSxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxJQUFJLG1DQUFtQyxDQUFDO29CQUN0RSxNQUFNO2FBQ1Q7U0FDRjthQUFNO1lBQ0wsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztTQUNoQztJQUNILENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxNQUFvQjtRQUNyQyxJQUFJLE1BQU0sQ0FBQyxPQUFPLEVBQUU7WUFDbEIsTUFBTSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUN0QjtJQUNILENBQUM7SUFFRCxJQUNZLFdBQVc7UUFDckIsT0FBTyxNQUFNLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUE7SUFDbkMsQ0FBQzs7NkdBbkRVLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLDBGQUZoQixDQUFDLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFdBQVcsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLGlEQ3hCOUUsc3pDQXVCNkc7MkZER2hHLGdCQUFnQjtrQkFSNUIsU0FBUzsrQkFDRSxVQUFVLG1CQUdILHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksYUFDMUIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxXQUFXLGtCQUFrQixFQUFFLENBQUM7aUlBbURoRSxXQUFXO3NCQUR0QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENsb3NiYWxlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XHJcbmltcG9ydCB7IEFYQnV0dG9uSXRlbSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9idXR0b24nO1xyXG5pbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBFbGVtZW50UmVmLFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIEhvc3RCaW5kaW5nLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBWFRvYXN0T3B0aW9ucyB9IGZyb20gJy4vdG9hc3QuY2xhc3MnO1xyXG5pbXBvcnQgeyBBWEJhc2VDb21wb25lbnRNaXhpbiB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9taXhpbic7XHJcblxyXG4vKipcclxuICogVGhlIEJ1dHRvbiBpcyBhIGNvbXBvbmVudCB3aGljaCBkZXRlY3RzIHVzZXIgaW50ZXJhY3Rpb24gYW5kIHRyaWdnZXJzIGEgY29ycmVzcG9uZGluZyBldmVudFxyXG4gKlxyXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdheC10b2FzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RvYXN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90b2FzdC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBBWENsb3NiYWxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhUb2FzdENvbXBvbmVudCB9XSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYVG9hc3RDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VDb21wb25lbnRNaXhpbiB7XHJcblxyXG4gIG9wdGlvbnM6IEFYVG9hc3RPcHRpb25zO1xyXG5cclxuICBfdG9hc3RXaWR0aDogbnVtYmVyID0gMTAwO1xyXG5cclxuICBfaWNvbjogc3RyaW5nO1xyXG5cclxuICBjbG9zZTogKCkgPT4gdm9pZDtcclxuICAvKipcclxuICAgKiAgQGlnbm9yZVxyXG4gICAqL1xyXG4gIGNvbnN0cnVjdG9yKGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcclxuICAgIHN1cGVyKGVsZW1lbnRSZWYsIGNkcik7XHJcbiAgfVxyXG5cclxuICBvbkluaXQoKSB7XHJcbiAgICBpZiAodGhpcy5vcHRpb25zLnRpbWVPdXQpIHtcclxuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgICAgdGhpcy5jbG9zZSgpO1xyXG4gICAgICB9LCB0aGlzLm9wdGlvbnMudGltZU91dCk7XHJcbiAgICB9XHJcbiAgICBpZiAoIXRoaXMub3B0aW9ucy5pY29uKSB7XHJcbiAgICAgIHN3aXRjaCAodGhpcy5vcHRpb25zLmNvbG9yKSB7XHJcbiAgICAgICAgY2FzZSAnc3VjY2Vzcyc6XHJcbiAgICAgICAgICB0aGlzLl9pY29uID0gJ2F4LWljb24gYXgtaWNvbi1jaGVjay1jaXJjbGUtZmlsbCc7XHJcbiAgICAgICAgICBicmVhaztcclxuICAgICAgICBjYXNlICd3YXJuaW5nJzpcclxuICAgICAgICAgIHRoaXMuX2ljb24gPSAnYXgtaWNvbiBheC1pY29uLXdhcm5pbmctZmlsbCc7XHJcbiAgICAgICAgICBicmVhaztcclxuICAgICAgICBjYXNlICdkYW5nZXInOlxyXG4gICAgICAgICAgdGhpcy5faWNvbiA9ICdheC1pY29uIGF4LWljb24tZXJyb3ItZmlsbCc7XHJcbiAgICAgICAgICBicmVhaztcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgdGhpcy5faWNvbiA9IHRoaXMub3B0aW9ucy5pY29uIHx8ICdheC1pY29uIGF4LWljb24tY2hlY2stY2lyY2xlLWZpbGwnO1xyXG4gICAgICAgICAgYnJlYWs7XHJcbiAgICAgIH1cclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuX2ljb24gPSB0aGlzLm9wdGlvbnMuaWNvbjtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIF9oYW5kbGVCdXR0b25DbGljayhidXR0b246IEFYQnV0dG9uSXRlbSkge1xyXG4gICAgaWYgKGJ1dHRvbi5vbkNsaWNrKSB7XHJcbiAgICAgIGJ1dHRvbi5vbkNsaWNrKHRoaXMpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXHJcbiAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgYXgtJHt0aGlzLm9wdGlvbnMuY29sb3J9YFxyXG4gIH1cclxuXHJcblxyXG59XHJcbiIsIjwhLS0gPGF4LWFsZXJ0IFtjb2xvcl09XCJvcHRpb25zLmNvbG9yXCIgIFt0aW1lT3V0XT1cIm9wdGlvbnMudGltZU91dFwiPlxyXG4gICAgPGF4LWljb24gKm5nSWY9XCJfaWNvblwiIFtpY29uXT1cIl9pY29uXCI+PC9heC1pY29uPlxyXG4gICAgPGF4LXRpdGxlIFt0ZXh0XT1cIm9wdGlvbnMudGl0bGVcIj48L2F4LXRpdGxlPlxyXG4gICAgPGF4LWNsb3NlLWJ1dHRvbiAgKm5nSWY9XCJvcHRpb25zLmNsb3NlYWJsZVwiPjwvYXgtY2xvc2UtYnV0dG9uPlxyXG4gICAgPGF4LWNvbnRlbnQgKm5nSWY9XCJvcHRpb25zLmNvbnRlbnRcIj5cclxuICAgICAgICA8ZGl2IFtpbm5lckhUTUxdPVwib3B0aW9ucy5jb250ZW50XCI+PC9kaXY+XHJcbiAgICA8L2F4LWNvbnRlbnQ+XHJcbiAgICA8YXgtZm9vdGVyICpuZ0lmPVwib3B0aW9ucz8uYnV0dG9ucz8ubGVuZ3RoXCI+XHJcbiAgICAgICAgPGF4LWJ1dHRvbiAqbmdGb3I9XCJsZXQgYnV0dG9uIG9mIG9wdGlvbnMuYnV0dG9uc1wiIFt0ZXh0XT1cImJ1dHRvbi50ZXh0XCIgY2xhc3M9XCJheC1zbVwiXHJcbiAgICAgICAgICAgIChvbkNsaWNrKT1cIl9oYW5kbGVCdXR0b25DbGljayhidXR0b24pXCIgW2NvbG9yXT1cIm9wdGlvbnMuY29sb3JcIiBbbG9va109XCInZGVmYXVsdCdcIj48L2F4LWJ1dHRvbj5cclxuICAgIDwvYXgtZm9vdGVyPlxyXG48L2F4LWFsZXJ0PiAtLT5cclxuPHNwYW4gW2NsYXNzXT1cIidheC10b2FzdC1pY29uICcrIF9pY29uIFwiPjwvc3Bhbj5cclxuPGRpdiBjbGFzcz1cImF4LXRvYXN0LWNvbnRlbnRcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJheC10b2FzdC10aXRsZVwiPnt7b3B0aW9ucy50aXRsZX19PC9kaXY+XHJcbiAgICA8ZGl2IFtpbm5lckhUTUxdPVwib3B0aW9ucy5jb250ZW50XCI+PC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXgtdG9hc3QtYnV0dG9uc1wiICpuZ0lmPVwib3B0aW9ucz8uYnV0dG9ucz8ubGVuZ3RoXCI+XHJcbiAgICAgICAgPGJ1dHRvbiAqbmdGb3I9XCJsZXQgYnV0dG9uIG9mIG9wdGlvbnMuYnV0dG9uc1wiIChjbGljayk9XCJfaGFuZGxlQnV0dG9uQ2xpY2soYnV0dG9uKVwiPlxyXG4gICAgICAgICAgICB7e2J1dHRvbi50ZXh0fX1cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuPHNwYW4gY2xhc3M9XCJheC1pY29uIGF4LWljb24tY2xvc2VcIiAoY2xpY2spPVwiY2xvc2UoKVwiPjwvc3Bhbj5cclxuPGRpdiBjbGFzcz1cImF4LXRvYXN0LXByb2dyZXNzXCIgW3N0eWxlLmFuaW1hdGlvbi1kdXJhdGlvbi5tc109XCJvcHRpb25zLnRpbWVPdXRcIiAqbmdJZj1cIm9wdGlvbnMudGltZU91dFwiPjwvZGl2PiJdfQ==

package/esm2020/toast/src/toast.module.mjs

@@ -1,16 +1,13 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { AXToastComponent } from './toast.component';
-import { AXAlertModule } from '@acorex/components/alert';
-import { AXButtonModule } from '@acorex/components/button';
-import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i0 from "@angular/core";
 const COMPONENT = [AXToastComponent];
-const MODULES = [CommonModule, AXButtonModule, AXDecoratorModule, AXAlertModule];
+const MODULES = [CommonModule];
 export class AXToastModule {
 }
 AXToastModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXToastModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AXToastModule, declarations: [AXToastComponent], imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXAlertModule], exports: [AXToastComponent] });
+AXToastModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AXToastModule, declarations: [AXToastComponent], imports: [CommonModule], exports: [AXToastComponent] });
 AXToastModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXToastModule, imports: [MODULES] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXToastModule, decorators: [{
             type: NgModule,
@@ -21,4 +18,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     providers: [],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvdG9hc3Qvc3JjL3RvYXN0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDOztBQUVsRSxNQUFNLFNBQVMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLENBQUM7QUFDckMsTUFBTSxPQUFPLEdBQUcsQ0FBQyxZQUFZLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLGFBQWEsQ0FBQyxDQUFDO0FBUWpGLE1BQU0sT0FBTyxhQUFhOzswR0FBYixhQUFhOzJHQUFiLGFBQWEsaUJBVFAsZ0JBQWdCLGFBQ2xCLFlBQVksRUFBRSxjQUFjLEVBQUUsaUJBQWlCLEVBQUUsYUFBYSxhQUQ1RCxnQkFBZ0I7MkdBU3RCLGFBQWEsWUFKVCxPQUFPOzJGQUlYLGFBQWE7a0JBTnpCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFLENBQUMsR0FBRyxTQUFTLENBQUM7b0JBQzVCLE9BQU8sRUFBRSxDQUFDLEdBQUcsT0FBTyxDQUFDO29CQUNyQixPQUFPLEVBQUUsQ0FBQyxHQUFHLFNBQVMsQ0FBQztvQkFDdkIsU0FBUyxFQUFFLEVBQUU7aUJBQ2hCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQVhUb2FzdENvbXBvbmVudCB9IGZyb20gJy4vdG9hc3QuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQVhBbGVydE1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9hbGVydCc7XHJcbmltcG9ydCB7IEFYQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2J1dHRvbic7XHJcbmltcG9ydCB7IEFYRGVjb3JhdG9yTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2RlY29yYXRvcnMnO1xyXG5cclxuY29uc3QgQ09NUE9ORU5UID0gW0FYVG9hc3RDb21wb25lbnRdO1xyXG5jb25zdCBNT0RVTEVTID0gW0NvbW1vbk1vZHVsZSwgQVhCdXR0b25Nb2R1bGUsIEFYRGVjb3JhdG9yTW9kdWxlLCBBWEFsZXJ0TW9kdWxlXTtcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgICBkZWNsYXJhdGlvbnM6IFsuLi5DT01QT05FTlRdLFxyXG4gICAgaW1wb3J0czogWy4uLk1PRFVMRVNdLFxyXG4gICAgZXhwb3J0czogWy4uLkNPTVBPTkVOVF0sXHJcbiAgICBwcm92aWRlcnM6IFtdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhUb2FzdE1vZHVsZSB7XHJcbiAgXHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvdG9hc3Qvc3JjL3RvYXN0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFFckQsTUFBTSxTQUFTLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0FBQ3JDLE1BQU0sT0FBTyxHQUFHLENBQUMsWUFBWSxDQUFDLENBQUM7QUFRL0IsTUFBTSxPQUFPLGFBQWE7OzBHQUFiLGFBQWE7MkdBQWIsYUFBYSxpQkFUUCxnQkFBZ0IsYUFDbEIsWUFBWSxhQURWLGdCQUFnQjsyR0FTdEIsYUFBYSxZQUpULE9BQU87MkZBSVgsYUFBYTtrQkFOekIsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsQ0FBQyxHQUFHLFNBQVMsQ0FBQztvQkFDNUIsT0FBTyxFQUFFLENBQUMsR0FBRyxPQUFPLENBQUM7b0JBQ3JCLE9BQU8sRUFBRSxDQUFDLEdBQUcsU0FBUyxDQUFDO29CQUN2QixTQUFTLEVBQUUsRUFBRTtpQkFDaEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBBWFRvYXN0Q29tcG9uZW50IH0gZnJvbSAnLi90b2FzdC5jb21wb25lbnQnO1xyXG5cclxuY29uc3QgQ09NUE9ORU5UID0gW0FYVG9hc3RDb21wb25lbnRdO1xyXG5jb25zdCBNT0RVTEVTID0gW0NvbW1vbk1vZHVsZV07XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gICAgZGVjbGFyYXRpb25zOiBbLi4uQ09NUE9ORU5UXSxcclxuICAgIGltcG9ydHM6IFsuLi5NT0RVTEVTXSxcclxuICAgIGV4cG9ydHM6IFsuLi5DT01QT05FTlRdLFxyXG4gICAgcHJvdmlkZXJzOiBbXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYVG9hc3RNb2R1bGUge1xyXG4gIFxyXG59XHJcbiJdfQ==

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

@@ -1,156 +1,172 @@
+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 { trigger, state, style, transition, animate } from '@angular/animations';
+import * as i2 from '@angular/cdk/portal';
+import { ComponentPortal, PortalModule } from '@angular/cdk/portal';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, EventEmitter, Output, NgModule } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, HostListener, NgModule, Injectable } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i1$1 from '@acorex/components/button';
+import { A11yModule } from '@angular/cdk/a11y';
+import { DragDropModule } from '@angular/cdk/drag-drop';
 import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXTranslator } from '@acorex/core/translation';
+import * as i1$1 from '@angular/cdk/overlay';
 
 class AXActionSheetComponent extends AXBaseComponent {
-    /**
-     *  @ignore
-     */
-    constructor(_elementRef, _cdr) {
-        super(_elementRef, _cdr);
-        this.caption = '';
-        this.closeOnBackdrop = true;
-        this.isOpen = false;
-    }
-    _handleBackdropClick() {
-        if (!this.closeOnBackdrop)
-            return;
-        this.close();
-    }
-    open() {
-        this.isOpen = true;
+    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.isOpen = false;
+        this.onClosed.emit({
+            component: this[TAB_META_KEY].component,
+            htmlElement: this._getHostElement(),
+        });
+        this._cdr.detectChanges();
     }
-    toggle() {
-        this.isOpen = !this.isOpen;
+    onInit() {
+        if (this.content) {
+            this._selectedPortal = new ComponentPortal(this.content);
+            this._cdr.markForCheck();
+        }
     }
-}
-AXActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXActionSheetComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXActionSheetComponent, selector: "ax-action-sheet", inputs: { caption: "caption", closeOnBackdrop: "closeOnBackdrop" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-action-sheet-backdrop\" [@backdrop]=\"isOpen ? 'show' : 'hide'\" (click)=\"_handleBackdropClick()\"></div>\r\n<div class=\"ax-action-sheet-container\" [@openClose]=\"isOpen ? 'open' : 'closed'\">\r\n    <div class=\"ax-action-sheet-card\">\r\n        <div class=\"ax-action-sheet-caption\" *ngIf=\"caption\">\r\n            {{caption}}\r\n        </div>\r\n        <ng-content select=\"ax-content\"></ng-content>\r\n        <div class=\"ax-action-sheet-items\">\r\n            <ng-content select=\"ax-action-sheet-item\"></ng-content>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["ax-action-sheet .ax-action-sheet-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:9999;width:33.333333%;border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);overflow:hidden}@media (max-width: 599px){ax-action-sheet .ax-action-sheet-container{width:100%}}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-caption{font-size:.875rem;padding:1rem}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-card{background-color:rgb(var(--ax-color-surface));height:100%}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-items{@apply ax-flex ax-flex-col ax-pb-3 ax-overflow-x-hidden ax-overflow-y-auto;display:flex;flex-direction:column;padding-bottom:.75rem;overflow-x:hidden;overflow-y:auto}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-items ax-button{border-radius:0!important;width:100%;text-align:start;justify-items:flex-start}ax-action-sheet .ax-action-sheet-backdrop{background-color:#0000004d;inset:0;position:fixed;z-index:9998}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
-        trigger('backdrop', [
-            state('show', style({
-                opacity: 1,
-                visibility: 'visible',
-            })),
-            state('hide', style({
-                visibility: 'hidden',
-                opacity: 0,
-            })),
-            transition('show <=> hide', [animate('0.2s')]),
-        ]),
-        trigger('openClose', [
-            state('open', style({
-                bottom: '0',
-                opacity: 1,
-            })),
-            state('closed', style({
-                bottom: '-100%',
-                opacity: 0.5,
-            })),
-            transition('open <=> closed', [animate('0.2s')]),
-        ]),
-    ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXActionSheetComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [
-                        trigger('backdrop', [
-                            state('show', style({
-                                opacity: 1,
-                                visibility: 'visible',
-                            })),
-                            state('hide', style({
-                                visibility: 'hidden',
-                                opacity: 0,
-                            })),
-                            transition('show <=> hide', [animate('0.2s')]),
-                        ]),
-                        trigger('openClose', [
-                            state('open', style({
-                                bottom: '0',
-                                opacity: 1,
-                            })),
-                            state('closed', style({
-                                bottom: '-100%',
-                                opacity: 0.5,
-                            })),
-                            transition('open <=> closed', [animate('0.2s')]),
-                        ]),
-                    ], template: "<div class=\"ax-action-sheet-backdrop\" [@backdrop]=\"isOpen ? 'show' : 'hide'\" (click)=\"_handleBackdropClick()\"></div>\r\n<div class=\"ax-action-sheet-container\" [@openClose]=\"isOpen ? 'open' : 'closed'\">\r\n    <div class=\"ax-action-sheet-card\">\r\n        <div class=\"ax-action-sheet-caption\" *ngIf=\"caption\">\r\n            {{caption}}\r\n        </div>\r\n        <ng-content select=\"ax-content\"></ng-content>\r\n        <div class=\"ax-action-sheet-items\">\r\n            <ng-content select=\"ax-action-sheet-item\"></ng-content>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["ax-action-sheet .ax-action-sheet-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:9999;width:33.333333%;border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);overflow:hidden}@media (max-width: 599px){ax-action-sheet .ax-action-sheet-container{width:100%}}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-caption{font-size:.875rem;padding:1rem}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-card{background-color:rgb(var(--ax-color-surface));height:100%}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-items{@apply ax-flex ax-flex-col ax-pb-3 ax-overflow-x-hidden ax-overflow-y-auto;display:flex;flex-direction:column;padding-bottom:.75rem;overflow-x:hidden;overflow-y:auto}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-items ax-button{border-radius:0!important;width:100%;text-align:start;justify-items:flex-start}ax-action-sheet .ax-action-sheet-backdrop{background-color:#0000004d;inset:0;position:fixed;z-index:9998}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { caption: [{
-                type: Input
-            }], closeOnBackdrop: [{
-                type: Input
-            }] } });
-
-class AXActionSheetItemComponent extends AXBaseComponent {
-    /**
-     *  @ignore
-     */
-    constructor(_elementRef, _cdr) {
-        super(_elementRef, _cdr);
-        this.color = 'primary';
-        this.onClick = new EventEmitter();
+    onKeydownHandler(event) {
+        let focusedOrHasFocused = this._getHostElement().matches(':focus-within');
+        if (this.showCloseButton && focusedOrHasFocused) {
+            this.close();
+        }
     }
-    _handleOnClick(e) {
-        this.onClick.emit(e);
+    _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();
     }
 }
-AXActionSheetItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXActionSheetItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXActionSheetItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXActionSheetItemComponent, selector: "ax-action-sheet-item", inputs: { text: "text", color: "color" }, outputs: { onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: `
-    <ax-button
-      [color]="color"
-      look="blank"
-      [text]="text"
-      (onClick)="_handleOnClick($event)"
-    ></ax-button>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXActionSheetItemComponent, decorators: [{
+AXActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.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.0.4", type: AXActionSheetComponent, selector: "ax-action-sheet", host: { listeners: { "keydown.escape": "onKeydownHandler($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-action-sheet-header\">\r\n   <span class=\"ax-action-sheet-title\">{{title}}</span>\r\n   <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\r\n</div>\r\n<ng-template *ngIf=\"_selectedPortal\">\r\n   <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n</ng-template>\r\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" ></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>", 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-action-sheet-header{padding:1rem;display:flex;justify-content:space-between;border-bottom:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-action-sheet .ax-action-sheet-header .ax-action-sheet-title{font-weight:500;font-size:1rem}ax-action-sheet .ax-action-sheet-header .ax-icon-close{font-size:1.5rem;cursor:pointer}ax-action-sheet .ax-action-sheet-header .ax-icon-close:hover{opacity:.5}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}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{background-color:rgba(var(--ax-color-ghost),.03)}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:rgb(var(--ax-color-primary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-secondary{color:rgb(var(--ax-color-secondary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-success{color:rgb(var(--ax-color-success-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-warning{color:rgb(var(--ax-color-warning-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-danger{color:rgb(var(--ax-color-danger-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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXActionSheetComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'ax-action-sheet-item',
-                    template: `
-    <ax-button
-      [color]="color"
-      look="blank"
-      [text]="text"
-      (onClick)="_handleOnClick($event)"
-    ></ax-button>
-  `,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], onClick: [{
-                type: Output
+            args: [{ selector: 'ax-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-action-sheet-header\">\r\n   <span class=\"ax-action-sheet-title\">{{title}}</span>\r\n   <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\r\n</div>\r\n<ng-template *ngIf=\"_selectedPortal\">\r\n   <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n</ng-template>\r\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" ></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>", 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-action-sheet-header{padding:1rem;display:flex;justify-content:space-between;border-bottom:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-action-sheet .ax-action-sheet-header .ax-action-sheet-title{font-weight:500;font-size:1rem}ax-action-sheet .ax-action-sheet-header .ax-icon-close{font-size:1.5rem;cursor:pointer}ax-action-sheet .ax-action-sheet-header .ax-icon-close:hover{opacity:.5}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}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{background-color:rgba(var(--ax-color-ghost),.03)}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:rgb(var(--ax-color-primary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-secondary{color:rgb(var(--ax-color-secondary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-success{color:rgb(var(--ax-color-success-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-warning{color:rgb(var(--ax-color-warning-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-danger{color:rgb(var(--ax-color-danger-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.0.4", ngImport: i0, type: AXActionSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXActionSheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AXActionSheetModule, declarations: [AXActionSheetComponent, AXActionSheetItemComponent], imports: [CommonModule, AXButtonModule], exports: [AXActionSheetComponent, AXActionSheetItemComponent] });
-AXActionSheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXActionSheetModule, imports: [CommonModule, AXButtonModule] });
+AXActionSheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.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.0.4", ngImport: i0, type: AXActionSheetModule, imports: [MODULES] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXActionSheetModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [AXActionSheetComponent, AXActionSheetItemComponent],
-                    imports: [CommonModule, AXButtonModule],
-                    exports: [AXActionSheetComponent, AXActionSheetItemComponent],
+                    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(),
+        });
+        const actionSheet = com.instance;
+        actionSheet[TAB_META_KEY] = {};
+        actionSheet.onClosed.subscribe(c => {
+            this.closePopup(actionSheet, com, c, lastActiveElement);
+        });
+        const promise = new AXComponentClosedPromise((resolve) => {
+            actionSheet[TAB_META_KEY].close = (e) => {
+                if (resolve) {
+                    resolve(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.0.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.0.4", ngImport: i0, type: AXActionSheetService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.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, AXActionSheetItemComponent, AXActionSheetModule };
-//# sourceMappingURL=acorex-components-action-sheet.mjs.map
+export { AXActionSheetComponent, AXActionSheetModule, AXActionSheetService };
 //# sourceMappingURL=acorex-components-action-sheet.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-action-sheet.mjs","sources":["../../../../projects/acorex/components/action-sheet/src/action-sheet.component.ts","../../../../projects/acorex/components/action-sheet/src/action-sheet.component.html","../../../../projects/acorex/components/action-sheet/src/action-sheet-item.component.ts","../../../../projects/acorex/components/action-sheet/src/action-sheet.module.ts","../../../../projects/acorex/components/action-sheet/acorex-components-action-sheet.ts"],"sourcesContent":["import { AXBaseComponent } from '@acorex/components/mixin';\r\nimport {\r\n  trigger,\r\n  state,\r\n  style,\r\n  transition,\r\n  animate,\r\n} from '@angular/animations';\r\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Input, ViewEncapsulation } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ax-action-sheet',\r\n  templateUrl: './action-sheet.component.html',\r\n  styleUrls: ['./action-sheet.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  animations: [\r\n    trigger('backdrop', [\r\n      state(\r\n        'show',\r\n        style({\r\n          opacity: 1,\r\n          visibility: 'visible',\r\n        })\r\n      ),\r\n      state(\r\n        'hide',\r\n        style({\r\n          visibility: 'hidden',\r\n          opacity: 0,\r\n        })\r\n      ),\r\n      transition('show <=> hide', [animate('0.2s')]),\r\n    ]),\r\n\r\n    trigger('openClose', [\r\n      state(\r\n        'open',\r\n        style({\r\n          bottom: '0',\r\n          opacity: 1,\r\n        })\r\n      ),\r\n      state(\r\n        'closed',\r\n        style({\r\n          bottom: '-100%',\r\n          opacity: 0.5,\r\n        })\r\n      ),\r\n      transition('open <=> closed', [animate('0.2s')]),\r\n    ]),\r\n  ]\r\n})\r\nexport class AXActionSheetComponent extends AXBaseComponent {\r\n  @Input() caption = '';\r\n  @Input() closeOnBackdrop = true;\r\n  isOpen = false;\r\n\r\n  _backdrop: HTMLElement;\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef) {\r\n    super(_elementRef, _cdr);\r\n  }\r\n\r\n  _handleBackdropClick() {\r\n    if (!this.closeOnBackdrop) return;\r\n    this.close();\r\n  }\r\n\r\n  open() {\r\n    this.isOpen = true;\r\n  }\r\n\r\n  close() {\r\n    this.isOpen = false;\r\n  }\r\n\r\n  toggle() {\r\n    this.isOpen = !this.isOpen;\r\n  }\r\n}\r\n","<div class=\"ax-action-sheet-backdrop\" [@backdrop]=\"isOpen ? 'show' : 'hide'\" (click)=\"_handleBackdropClick()\"></div>\r\n<div class=\"ax-action-sheet-container\" [@openClose]=\"isOpen ? 'open' : 'closed'\">\r\n    <div class=\"ax-action-sheet-card\">\r\n        <div class=\"ax-action-sheet-caption\" *ngIf=\"caption\">\r\n            {{caption}}\r\n        </div>\r\n        <ng-content select=\"ax-content\"></ng-content>\r\n        <div class=\"ax-action-sheet-items\">\r\n            <ng-content select=\"ax-action-sheet-item\"></ng-content>\r\n        </div>\r\n    </div>\r\n</div>","import {\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  Input,\r\n  Output,\r\n} from '@angular/core';\r\nimport {\r\n  AXButtonClickEvent,\r\n  AXStyleColorType,\r\n} from '@acorex/components/common';\r\nimport { AXBaseComponent } from '@acorex/components/mixin';\r\n\r\n@Component({\r\n  selector: 'ax-action-sheet-item',\r\n  template: `\r\n    <ax-button\r\n      [color]=\"color\"\r\n      look=\"blank\"\r\n      [text]=\"text\"\r\n      (onClick)=\"_handleOnClick($event)\"\r\n    ></ax-button>\r\n  `,\r\n})\r\nexport class AXActionSheetItemComponent extends AXBaseComponent {\r\n  @Input()\r\n  text: string;\r\n\r\n  @Input()\r\n  color: AXStyleColorType = 'primary';\r\n\r\n  @Output()\r\n  onClick: EventEmitter<AXButtonClickEvent> = new EventEmitter<AXButtonClickEvent>();\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef) {\r\n    super(_elementRef, _cdr);\r\n  }\r\n\r\n  _handleOnClick(e: any) {\r\n    this.onClick.emit(e);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\nimport { AXActionSheetComponent } from './action-sheet.component';\r\nimport { AXActionSheetItemComponent } from './action-sheet-item.component';\r\n\r\n@NgModule({\r\n  declarations: [AXActionSheetComponent, AXActionSheetItemComponent],\r\n  imports: [CommonModule, AXButtonModule],\r\n  exports: [AXActionSheetComponent, AXActionSheetItemComponent],\r\n  providers: [],\r\n})\r\nexport class AXActionSheetModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":";;;;;;;;;AAsDM,MAAO,sBAAuB,SAAQ,eAAe,CAAA;AAMzD;;AAEG;IACH,WAAY,CAAA,WAAuB,EAAE,IAAuB,EAAA;AAC1D,QAAA,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AATlB,QAAA,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;AACb,QAAA,IAAe,CAAA,eAAA,GAAG,IAAI,CAAC;AAChC,QAAA,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;KAQd;IAED,oBAAoB,GAAA;QAClB,IAAI,CAAC,IAAI,CAAC,eAAe;YAAE,OAAO;QAClC,IAAI,CAAC,KAAK,EAAE,CAAC;KACd;IAED,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;KACpB;IAED,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;KACrB;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;KAC5B;;mHA5BU,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;uGAAtB,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtDnC,klBAWM,EDKQ,MAAA,EAAA,CAAA,oiCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA;QACV,OAAO,CAAC,UAAU,EAAE;AAClB,YAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,gBAAA,OAAO,EAAE,CAAC;AACV,gBAAA,UAAU,EAAE,SAAS;AACtB,aAAA,CAAC,CACH;AACD,YAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,gBAAA,UAAU,EAAE,QAAQ;AACpB,gBAAA,OAAO,EAAE,CAAC;AACX,aAAA,CAAC,CACH;YACD,UAAU,CAAC,eAAe,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;SAC/C,CAAC;QAEF,OAAO,CAAC,WAAW,EAAE;AACnB,YAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,gBAAA,MAAM,EAAE,GAAG;AACX,gBAAA,OAAO,EAAE,CAAC;AACX,aAAA,CAAC,CACH;AACD,YAAA,KAAK,CACH,QAAQ,EACR,KAAK,CAAC;AACJ,gBAAA,MAAM,EAAE,OAAO;AACf,gBAAA,OAAO,EAAE,GAAG;AACb,aAAA,CAAC,CACH;YACD,UAAU,CAAC,iBAAiB,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;SACjD,CAAC;AACH,KAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FAEU,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBA5ClC,SAAS;+BACE,iBAAiB,EAAA,eAAA,EAGV,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EACzB,UAAA,EAAA;wBACV,OAAO,CAAC,UAAU,EAAE;AAClB,4BAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,gCAAA,OAAO,EAAE,CAAC;AACV,gCAAA,UAAU,EAAE,SAAS;AACtB,6BAAA,CAAC,CACH;AACD,4BAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,gCAAA,UAAU,EAAE,QAAQ;AACpB,gCAAA,OAAO,EAAE,CAAC;AACX,6BAAA,CAAC,CACH;4BACD,UAAU,CAAC,eAAe,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;yBAC/C,CAAC;wBAEF,OAAO,CAAC,WAAW,EAAE;AACnB,4BAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,gCAAA,MAAM,EAAE,GAAG;AACX,gCAAA,OAAO,EAAE,CAAC;AACX,6BAAA,CAAC,CACH;AACD,4BAAA,KAAK,CACH,QAAQ,EACR,KAAK,CAAC;AACJ,gCAAA,MAAM,EAAE,OAAO;AACf,gCAAA,OAAO,EAAE,GAAG;AACb,6BAAA,CAAC,CACH;4BACD,UAAU,CAAC,iBAAiB,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;yBACjD,CAAC;qBACH,EAAA,QAAA,EAAA,klBAAA,EAAA,MAAA,EAAA,CAAA,oiCAAA,CAAA,EAAA,CAAA;iIAGQ,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,eAAe,EAAA,CAAA;sBAAvB,KAAK;;;AE/BF,MAAO,0BAA2B,SAAQ,eAAe,CAAA;AAU7D;;AAEG;IACH,WAAY,CAAA,WAAuB,EAAE,IAAuB,EAAA;AAC1D,QAAA,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAT3B,QAAA,IAAK,CAAA,KAAA,GAAqB,SAAS,CAAC;AAGpC,QAAA,IAAA,CAAA,OAAO,GAAqC,IAAI,YAAY,EAAsB,CAAC;KAOlF;AAED,IAAA,cAAc,CAAC,CAAM,EAAA;AACnB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KACtB;;uHAnBU,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAT3B,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;AAOT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FAEU,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAXtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,QAAQ,EAAE,CAAA;;;;;;;AAOT,EAAA,CAAA;iBACF,CAAA;iIAGC,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,MAAM;;;MCpBI,mBAAmB,CAAA;;gHAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;iHAAnB,mBAAmB,EAAA,YAAA,EAAA,CALf,sBAAsB,EAAE,0BAA0B,CAAA,EAAA,OAAA,EAAA,CACvD,YAAY,EAAE,cAAc,CAAA,EAAA,OAAA,EAAA,CAC5B,sBAAsB,EAAE,0BAA0B,CAAA,EAAA,CAAA,CAAA;iHAGjD,mBAAmB,EAAA,OAAA,EAAA,CAJpB,YAAY,EAAE,cAAc,CAAA,EAAA,CAAA,CAAA;2FAI3B,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,sBAAsB,EAAE,0BAA0B,CAAC;AAClE,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC;AACvC,oBAAA,OAAO,EAAE,CAAC,sBAAsB,EAAE,0BAA0B,CAAC;AAC7D,oBAAA,SAAS,EAAE,EAAE;iBACd,CAAA;;;ACXD;;AAEG;;;;"}
+{"version":3,"file":"acorex-components-action-sheet.mjs","sources":["../../../../projects/acorex/components/action-sheet/src/action-sheet.component.ts","../../../../projects/acorex/components/action-sheet/src/action-sheet.component.html","../../../../projects/acorex/components/action-sheet/src/action-sheet.module.ts","../../../../projects/acorex/components/action-sheet/src/action-sheet.service.ts","../../../../projects/acorex/components/action-sheet/acorex-components-action-sheet.ts"],"sourcesContent":["import { AXComponentCloseEvent, TAB_META_KEY } from '@acorex/components/common';\r\nimport { AXBaseComponent } from '@acorex/components/mixin';\r\nimport { CdkPortalOutletAttachedRef, ComponentPortal, Portal, TemplatePortal } from '@angular/cdk/portal';\r\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ComponentRef, ElementRef, EventEmitter, HostListener, Input, ViewContainerRef, ViewEncapsulation } from '@angular/core';\r\nimport { AXActionSheetItem } from './action-sheet.interface';\r\n\r\n@Component({\r\n  selector: 'ax-action-sheet',\r\n  templateUrl: './action-sheet.component.html',\r\n  styleUrls: ['./action-sheet.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\n\r\nexport class AXActionSheetComponent extends AXBaseComponent {\r\n\r\n  _selectedPortal: Portal<any>;\r\n  title: string;\r\n  items: AXActionSheetItem[] = [];\r\n  content: any;\r\n  showCloseButton: boolean = true;\r\n  showHeader: boolean = true;\r\n  data: any = {};\r\n\r\n  onClosed: EventEmitter<AXComponentCloseEvent> = new EventEmitter<AXComponentCloseEvent>();\r\n\r\n  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, private _viewContainerRef: ViewContainerRef,) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  close(): void {\r\n    this.onClosed.emit({\r\n      component: this[TAB_META_KEY].component,\r\n      htmlElement: this._getHostElement(),\r\n    });\r\n    this._cdr.detectChanges();\r\n  }\r\n\r\n  onInit(): void {\r\n    if (this.content) {\r\n      this._selectedPortal = new ComponentPortal(this.content);\r\n      this._cdr.markForCheck();\r\n    }\r\n  }\r\n\r\n  @HostListener('keydown.escape', ['$event'])\r\n  onKeydownHandler(event: KeyboardEvent) {\r\n    let focusedOrHasFocused = this._getHostElement().matches(':focus-within');\r\n    if (this.showCloseButton && focusedOrHasFocused) {\r\n      this.close();\r\n    }\r\n  }\r\n\r\n  _handleAttched(ref: CdkPortalOutletAttachedRef) {\r\n    ref = ref as ComponentRef<any>;\r\n    if (ref.instance) {\r\n      this[TAB_META_KEY].component = ref.instance;\r\n      Object.assign(this[TAB_META_KEY].component, this.data);\r\n      if (ref.instance.onClosed) {\r\n        ref.instance.onClosed.subscribe((e: AXComponentCloseEvent) => {\r\n          this.onClosed.emit(e);\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  _handleCloseClick() {\r\n    this.close();\r\n  }\r\n}\r\n","<div class=\"ax-action-sheet-header\">\r\n   <span class=\"ax-action-sheet-title\">{{title}}</span>\r\n   <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\r\n</div>\r\n<ng-template *ngIf=\"_selectedPortal\">\r\n   <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n</ng-template>\r\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" ></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>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { PortalModule } from '@angular/cdk/portal';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\n\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXCommonModule } from '@acorex/components/common';\r\nimport { AXActionSheetComponent } from './action-sheet.component';\r\n\r\n\r\nconst MODULES = [CommonModule,AXCommonModule, DragDropModule, A11yModule, AXButtonModule, PortalModule, AXDecoratorModule];\r\n\r\n\r\n@NgModule({\r\n    declarations: [AXActionSheetComponent],\r\n    imports: [...MODULES],\r\n    exports: [AXActionSheetComponent],\r\n    providers: [],\r\n})\r\nexport class AXActionSheetModule { }\r\n","import { AXComponentClosedPromise, AXComponentCloseEvent, AXOverlayService, AXOverlayViewRef, TAB_META_KEY } from '@acorex/components/common';\r\nimport { AXTranslator } from '@acorex/core/translation';\r\nimport { Overlay } from '@angular/cdk/overlay';\r\nimport { Injectable } from '@angular/core';\r\nimport { AXActionSheetComponent } from './action-sheet.component';\r\nimport { AXActionSheetOptions } from './action-sheet.interface';\r\n\r\n\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class AXActionSheetService {\r\n\r\n    // _overlayRef: OverlayRef;\r\n    // _templatePortal!: ComponentPortal<any>;\r\n\r\n    constructor(private _overlay: Overlay, private overlayService: AXOverlayService) { }\r\n\r\n    //open(items: AXActionSheetItem[],options?:AXActionSheetOptions);\r\n    //open(content:AXActionSheetContentType, options?: AXActionSheetOptions);\r\n    open(options: AXActionSheetOptions): AXComponentClosedPromise {\r\n        const opt: any = {\r\n            title: AXTranslator.get('action-sheet.title'),\r\n            showCloseButton: true,\r\n            closeOnBackdrop: true,\r\n            showHeader: true\r\n        };\r\n        Object.assign(opt, options);\r\n        const lastActiveElement = document.activeElement as HTMLElement;\r\n        const com = this.overlayService.show(AXActionSheetComponent, opt,\r\n            {\r\n                hasBackdrop: true,\r\n                closeOnClickOutside: opt.closeOnBackdrop,\r\n                transparentBackdrop: false,\r\n                panelClass: ['ax-actionsheet-panel'],\r\n                position: this._overlay.position().global().bottom().centerHorizontally(),\r\n            });\r\n        const actionSheet = com.instance as AXActionSheetComponent;\r\n        actionSheet[TAB_META_KEY] = {};\r\n        actionSheet.onClosed.subscribe(c => {\r\n          this.closePopup(actionSheet, com, c, lastActiveElement);\r\n        });\r\n        const promise = new AXComponentClosedPromise((resolve) => {\r\n            actionSheet[TAB_META_KEY].close = (e) => {\r\n              if (resolve) {\r\n                resolve(e);\r\n              }\r\n            };\r\n          });\r\n          promise['closeMethod'] = () => { actionSheet.close(); };\r\n          return promise;\r\n    }\r\n\r\n    private closePopup(popup: AXActionSheetComponent, com: AXOverlayViewRef, result: AXComponentCloseEvent, lastActiveElement?: HTMLElement) {\r\n      const closeFunc = (e) => {\r\n        com.dispose();\r\n        delete e.cancel;\r\n        popup[TAB_META_KEY].close(e);\r\n        if (lastActiveElement?.focus) {\r\n          lastActiveElement.focus()\r\n        }\r\n      };\r\n      const e = { cancel: false };\r\n      const closingFunc = popup[TAB_META_KEY].component?.onClosing;\r\n      if (closingFunc) {\r\n        const res = closingFunc(e);\r\n        if (res instanceof Promise) {\r\n          res.then(() => {\r\n            if (e == null || e.cancel !== true) {\r\n              closeFunc(result);\r\n            }\r\n          });\r\n        }\r\n        else {\r\n          if (e == null || e.cancel !== true) {\r\n            closeFunc(result);\r\n          }\r\n        }\r\n      } else {\r\n        closeFunc(result);\r\n      }\r\n    }\r\n\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2"],"mappings":";;;;;;;;;;;;;;;;AAcM,MAAO,sBAAuB,SAAQ,eAAe,CAAA;AAYzD,IAAA,WAAA,CAAY,UAAsB,EAAE,GAAsB,EAAU,iBAAmC,EAAA;AACrG,QAAA,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;AAD2C,QAAA,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB,CAAkB;AARvG,QAAA,IAAK,CAAA,KAAA,GAAwB,EAAE,CAAC;AAEhC,QAAA,IAAe,CAAA,eAAA,GAAY,IAAI,CAAC;AAChC,QAAA,IAAU,CAAA,UAAA,GAAY,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAA,IAAA,GAAQ,EAAE,CAAC;AAEf,QAAA,IAAA,CAAA,QAAQ,GAAwC,IAAI,YAAY,EAAyB,CAAC;KAIzF;IAED,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;AACjB,YAAA,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,SAAS;AACvC,YAAA,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE;AACpC,SAAA,CAAC,CAAC;AACH,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;KAC3B;IAED,MAAM,GAAA;QACJ,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,eAAe,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACzD,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;AAC1B,SAAA;KACF;AAGD,IAAA,gBAAgB,CAAC,KAAoB,EAAA;QACnC,IAAI,mBAAmB,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;AAC1E,QAAA,IAAI,IAAI,CAAC,eAAe,IAAI,mBAAmB,EAAE;YAC/C,IAAI,CAAC,KAAK,EAAE,CAAC;AACd,SAAA;KACF;AAED,IAAA,cAAc,CAAC,GAA+B,EAAA;QAC5C,GAAG,GAAG,GAAwB,CAAC;QAC/B,IAAI,GAAG,CAAC,QAAQ,EAAE;YAChB,IAAI,CAAC,YAAY,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC5C,YAAA,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;AACvD,YAAA,IAAI,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE;gBACzB,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAwB,KAAI;AAC3D,oBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACxB,iBAAC,CAAC,CAAC;AACJ,aAAA;AACF,SAAA;KACF;IAED,iBAAiB,GAAA;QACf,IAAI,CAAC,KAAK,EAAE,CAAC;KACd;;mHAtDU,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,qJCdnC,w2BAeM,EAAA,MAAA,EAAA,CAAA,ylDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FDDO,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,mBAGV,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,w2BAAA,EAAA,MAAA,EAAA,CAAA,ylDAAA,CAAA,EAAA,CAAA;gKAmCrC,gBAAgB,EAAA,CAAA;sBADf,YAAY;uBAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC,CAAA;;;AEjC5C,MAAM,OAAO,GAAG,CAAC,YAAY,EAAC,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,iBAAiB,CAAC,CAAC;MAS9G,mBAAmB,CAAA;;gHAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,iBALb,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAJxB,YAAY,EAAC,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,iBAAiB,aAM3G,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAGvB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAJf,OAAO,CAAA,EAAA,CAAA,CAAA;2FAIX,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,sBAAsB,CAAC;AACtC,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC;oBACrB,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACjC,oBAAA,SAAS,EAAE,EAAE;iBAChB,CAAA;;;MCVY,oBAAoB,CAAA;;;IAK7B,WAAoB,CAAA,QAAiB,EAAU,cAAgC,EAAA;AAA3D,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAS;AAAU,QAAA,IAAc,CAAA,cAAA,GAAd,cAAc,CAAkB;KAAK;;;AAIpF,IAAA,IAAI,CAAC,OAA6B,EAAA;AAC9B,QAAA,MAAM,GAAG,GAAQ;AACb,YAAA,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,oBAAoB,CAAC;AAC7C,YAAA,eAAe,EAAE,IAAI;AACrB,YAAA,eAAe,EAAE,IAAI;AACrB,YAAA,UAAU,EAAE,IAAI;SACnB,CAAC;AACF,QAAA,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AAC5B,QAAA,MAAM,iBAAiB,GAAG,QAAQ,CAAC,aAA4B,CAAC;QAChE,MAAM,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,sBAAsB,EAAE,GAAG,EAC5D;AACI,YAAA,WAAW,EAAE,IAAI;YACjB,mBAAmB,EAAE,GAAG,CAAC,eAAe;AACxC,YAAA,mBAAmB,EAAE,KAAK;YAC1B,UAAU,EAAE,CAAC,sBAAsB,CAAC;AACpC,YAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,kBAAkB,EAAE;AAC5E,SAAA,CAAC,CAAC;AACP,QAAA,MAAM,WAAW,GAAG,GAAG,CAAC,QAAkC,CAAC;AAC3D,QAAA,WAAW,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC;AAC/B,QAAA,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,IAAG;YACjC,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,EAAE,iBAAiB,CAAC,CAAC;AAC1D,SAAC,CAAC,CAAC;QACH,MAAM,OAAO,GAAG,IAAI,wBAAwB,CAAC,CAAC,OAAO,KAAI;YACrD,WAAW,CAAC,YAAY,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAI;AACtC,gBAAA,IAAI,OAAO,EAAE;oBACX,OAAO,CAAC,CAAC,CAAC,CAAC;AACZ,iBAAA;AACH,aAAC,CAAC;AACJ,SAAC,CAAC,CAAC;AACH,QAAA,OAAO,CAAC,aAAa,CAAC,GAAG,MAAK,EAAG,WAAW,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC;AACxD,QAAA,OAAO,OAAO,CAAC;KACpB;AAEO,IAAA,UAAU,CAAC,KAA6B,EAAE,GAAqB,EAAE,MAA6B,EAAE,iBAA+B,EAAA;;AACrI,QAAA,MAAM,SAAS,GAAG,CAAC,CAAC,KAAI;YACtB,GAAG,CAAC,OAAO,EAAE,CAAC;YACd,OAAO,CAAC,CAAC,MAAM,CAAC;YAChB,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAC7B,YAAA,IAAI,iBAAiB,KAAjB,IAAA,IAAA,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,EAAE;gBAC5B,iBAAiB,CAAC,KAAK,EAAE,CAAA;AAC1B,aAAA;AACH,SAAC,CAAC;AACF,QAAA,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;QAC5B,MAAM,WAAW,GAAG,CAAA,EAAA,GAAA,KAAK,CAAC,YAAY,CAAC,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAS,CAAC;AAC7D,QAAA,IAAI,WAAW,EAAE;AACf,YAAA,MAAM,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;YAC3B,IAAI,GAAG,YAAY,OAAO,EAAE;AAC1B,gBAAA,GAAG,CAAC,IAAI,CAAC,MAAK;oBACZ,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,EAAE;wBAClC,SAAS,CAAC,MAAM,CAAC,CAAC;AACnB,qBAAA;AACH,iBAAC,CAAC,CAAC;AACJ,aAAA;AACI,iBAAA;gBACH,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,EAAE;oBAClC,SAAS,CAAC,MAAM,CAAC,CAAC;AACnB,iBAAA;AACF,aAAA;AACF,SAAA;AAAM,aAAA;YACL,SAAS,CAAC,MAAM,CAAC,CAAC;AACnB,SAAA;KACF;;iHAtEQ,oBAAoB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,OAAA,EAAA,EAAA,EAAA,KAAA,EAAAC,IAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,cADP,MAAM,EAAA,CAAA,CAAA;2FACnB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBADhC,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAA;;;ACTlC;;AAEG;;;;"}

package/fesm2015/acorex-components-alert.mjs

@@ -221,4 +221,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 
 export { AXAlertButtonDirective, AXAlertComponent, AXAlertModule, AXBaseAlertMixin };
 //# sourceMappingURL=acorex-components-alert.mjs.map
-//# sourceMappingURL=acorex-components-alert.mjs.map

package/fesm2015/acorex-components-avatar.mjs

@@ -75,4 +75,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 
 export { AXAvatarComponent, AXAvatarGroup, AXAvatarModule };
 //# sourceMappingURL=acorex-components-avatar.mjs.map
-//# sourceMappingURL=acorex-components-avatar.mjs.map

package/fesm2015/acorex-components-badge.mjs

@@ -51,4 +51,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 
 export { AXBadgeComponent, AXBadgeModule, AXBaseBadgeMixin };
 //# sourceMappingURL=acorex-components-badge.mjs.map
-//# sourceMappingURL=acorex-components-badge.mjs.map

package/fesm2015/acorex-components-breadcrumbs.mjs

@@ -86,4 +86,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 
 export { AXBaseItemBreadCrumbMixin, AXBreadCrumbsComponent, AXBreadCrumbsItemComponent, AXBreadcrumbsModule };
 //# sourceMappingURL=acorex-components-breadcrumbs.mjs.map
-//# sourceMappingURL=acorex-components-breadcrumbs.mjs.map