@acorex/components 7.4.8 → 7.5.1

package/esm2022/tooltip/lib/tooltip.module.mjs

@@ -1,8 +1,8 @@
-import { NgModule } from '@angular/core';
+import { OverlayModule } from '@angular/cdk/overlay';
 import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
 import { AXTooltipComponent } from './tooltip.component';
 import { AXTooltipDirective } from './tooltip.directive';
-import { OverlayModule } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
 const COMPONENT = [AXTooltipComponent, AXTooltipDirective];
 const MODULES = [CommonModule, OverlayModule];
@@ -19,4 +19,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImpor
                     exports: [...COMPONENT],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdG9vbHRpcC9zcmMvbGliL3Rvb2x0aXAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFFckQsTUFBTSxTQUFTLEdBQUcsQ0FBQyxrQkFBa0IsRUFBRSxrQkFBa0IsQ0FBQyxDQUFDO0FBQzNELE1BQU0sT0FBTyxHQUFHLENBQUMsWUFBWSxFQUFFLGFBQWEsQ0FBQyxDQUFDO0FBTzlDLE1BQU0sT0FBTyxlQUFlOzhHQUFmLGVBQWU7K0dBQWYsZUFBZSxpQkFSVCxrQkFBa0IsRUFBRSxrQkFBa0IsYUFDeEMsWUFBWSxFQUFFLGFBQWEsYUFEekIsa0JBQWtCLEVBQUUsa0JBQWtCOytHQVE1QyxlQUFlLFlBSGIsT0FBTzs7MkZBR1QsZUFBZTtrQkFMM0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxHQUFHLFNBQVMsQ0FBQztvQkFDNUIsT0FBTyxFQUFFLENBQUMsR0FBRyxPQUFPLENBQUM7b0JBQ3JCLE9BQU8sRUFBRSxDQUFDLEdBQUcsU0FBUyxDQUFDO2lCQUN4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQVhUb29sdGlwQ29tcG9uZW50IH0gZnJvbSAnLi90b29sdGlwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWFRvb2x0aXBEaXJlY3RpdmUgfSBmcm9tICcuL3Rvb2x0aXAuZGlyZWN0aXZlJztcbmltcG9ydCB7IE92ZXJsYXlNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5cbmNvbnN0IENPTVBPTkVOVCA9IFtBWFRvb2x0aXBDb21wb25lbnQsIEFYVG9vbHRpcERpcmVjdGl2ZV07XG5jb25zdCBNT0RVTEVTID0gW0NvbW1vbk1vZHVsZSwgT3ZlcmxheU1vZHVsZV07XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogWy4uLkNPTVBPTkVOVF0sXG4gIGltcG9ydHM6IFsuLi5NT0RVTEVTXSxcbiAgZXhwb3J0czogWy4uLkNPTVBPTkVOVF0sXG59KVxuZXhwb3J0IGNsYXNzIEFYVG9vbHRpcE1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdG9vbHRpcC9zcmMvbGliL3Rvb2x0aXAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFFekQsTUFBTSxTQUFTLEdBQUcsQ0FBQyxrQkFBa0IsRUFBRSxrQkFBa0IsQ0FBQyxDQUFDO0FBQzNELE1BQU0sT0FBTyxHQUFHLENBQUMsWUFBWSxFQUFFLGFBQWEsQ0FBQyxDQUFDO0FBTzlDLE1BQU0sT0FBTyxlQUFlOzhHQUFmLGVBQWU7K0dBQWYsZUFBZSxpQkFSVCxrQkFBa0IsRUFBRSxrQkFBa0IsYUFDeEMsWUFBWSxFQUFFLGFBQWEsYUFEekIsa0JBQWtCLEVBQUUsa0JBQWtCOytHQVE1QyxlQUFlLFlBSGIsT0FBTzs7MkZBR1QsZUFBZTtrQkFMM0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxHQUFHLFNBQVMsQ0FBQztvQkFDNUIsT0FBTyxFQUFFLENBQUMsR0FBRyxPQUFPLENBQUM7b0JBQ3JCLE9BQU8sRUFBRSxDQUFDLEdBQUcsU0FBUyxDQUFDO2lCQUN4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE92ZXJsYXlNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYVG9vbHRpcENvbXBvbmVudCB9IGZyb20gJy4vdG9vbHRpcC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhUb29sdGlwRGlyZWN0aXZlIH0gZnJvbSAnLi90b29sdGlwLmRpcmVjdGl2ZSc7XG5cbmNvbnN0IENPTVBPTkVOVCA9IFtBWFRvb2x0aXBDb21wb25lbnQsIEFYVG9vbHRpcERpcmVjdGl2ZV07XG5jb25zdCBNT0RVTEVTID0gW0NvbW1vbk1vZHVsZSwgT3ZlcmxheU1vZHVsZV07XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogWy4uLkNPTVBPTkVOVF0sXG4gIGltcG9ydHM6IFsuLi5NT0RVTEVTXSxcbiAgZXhwb3J0czogWy4uLkNPTVBPTkVOVF0sXG59KVxuZXhwb3J0IGNsYXNzIEFYVG9vbHRpcE1vZHVsZSB7fVxuIl19

package/esm2022/uploader/index.mjs

@@ -1,5 +1,7 @@
 export * from './lib/uploader-drop-zone.component';
 export * from './lib/uploader-list.component';
 export * from './lib/uploader-overlay.component';
+export * from './lib/uploader-zone.directive';
 export * from './lib/uploader.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdXBsb2FkZXIvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi91cGxvYWRlci1kcm9wLXpvbmUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3VwbG9hZGVyLWxpc3QuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3VwbG9hZGVyLW92ZXJsYXkuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3VwbG9hZGVyLm1vZHVsZSc7XG4iXX0=
+export * from './lib/uploader.service';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdXBsb2FkZXIvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvdXBsb2FkZXItZHJvcC16b25lLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi91cGxvYWRlci1saXN0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi91cGxvYWRlci1vdmVybGF5LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi91cGxvYWRlci16b25lLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi91cGxvYWRlci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdXBsb2FkZXIuc2VydmljZSc7XG4iXX0=

package/esm2022/uploader/lib/uploader-drop-zone.component.mjs

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 import * as i1 from "@acorex/components/decorators";
 export class AXUploaderDropZoneComponent extends MXBaseComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXUploaderDropZoneComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXUploaderDropZoneComponent, selector: "ax-uploader-drop-zone", usesInheritance: true, ngImport: i0, template: "<div class=\"ax-uploader-drop-zone-container\">\n    <ax-icon class=\"fa-solid fa-upload\"></ax-icon>\n    <div class=\"ax-uploader-drop-zone-description\">\n        <span>Drag & Drop or <a href=\"#\">Choose file</a> to\n            upload</span>\n        <p>SVG, PNG, JPG or GIF (MAX. 800x400px)</p>\n    </div>\n</div>", styles: [".ax-uploader-drop-zone-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;margin:1rem;padding:1rem;gap:1rem;border:2px dashed;border-color:rgba(var(--ax-color-border-default))}.ax-uploader-drop-zone-container:hover{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-50))}.ax-uploader-drop-zone-container ax-icon{font-size:1.875rem;line-height:2.25rem;color:#a3a3a3}.ax-uploader-drop-zone-container .ax-uploader-drop-zone-description{display:flex;flex-direction:column;gap:.5rem}.ax-uploader-drop-zone-container .ax-uploader-drop-zone-description a{color:rgba(var(--ax-color-primary-500))}.ax-uploader-drop-zone-container .ax-uploader-drop-zone-description p{font-size:.875rem;line-height:1.25rem;color:#a3a3a3}ax-uploader-list .ax-uploader-list-status-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid;border-top:1px solid;border-color:rgba(var(--ax-color-danger-200));background-color:rgba(var(--ax-color-danger-50))}ax-uploader-list .ax-uploader-list-status-bar div,ax-uploader-list .ax-uploader-list-status-bar button{font-size:.875rem;line-height:1.25rem}ax-uploader-list .ax-uploader-list-status-bar button{color:rgba(var(--ax-color-danger-500))}ax-uploader-list ol{display:flex;flex-direction:column;padding:0 1rem;margin:1rem 0;gap:1rem}ax-uploader-list ol li{display:flex;align-items:center;gap:.5rem}ax-uploader-list ol li .ax-uploader-list-icon-container{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:.25rem;background-color:rgb(var(--ax-color-primary-500))}ax-uploader-list ol li .ax-uploader-list-icon-container ax-icon{color:rgba(var(--ax-color-white));font-size:1rem;line-height:1.5rem}ax-uploader-list ol li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-uploader-list ol li small{font-size:.75rem;line-height:1rem;color:#a3a3a3}ax-uploader-list ol li .ax-uploader-list-spinner{position:relative;display:flex;flex:1 1 auto;justify-content:flex-end}ax-uploader-list ol li .ax-uploader-list-spinner svg{position:absolute;width:1.5rem;height:1.5rem;color:#e5e7eb;@apply ax-animate-twSpin;animation-iteration-count:infinite;fill:#2563eb}ax-uploader-list ol li .ax-uploader-list-spinner div{opacity:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background-color:rgb(var(--ax-color-secondary-500));border-radius:9999px}ax-uploader-list ol li .ax-uploader-list-spinner div ax-icon{color:#fff}ax-uploader-list .ax-uploader-list-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:.75rem 1rem;border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}\n"], dependencies: [{ kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXUploaderDropZoneComponent, selector: "ax-uploader-drop-zone", usesInheritance: true, ngImport: i0, template: "<div class=\"ax-uploader-drop-zone-container\">\n  <ax-icon class=\"ax-icon ax-icon-upload\"></ax-icon>\n  <div class=\"ax-uploader-drop-zone-description\">\n    <span>Drag & Drop or <a href=\"#\">Choose file</a> to upload</span>\n    <p>SVG, PNG, JPG or GIF (MAX. 800x400px)</p>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXUploaderDropZoneComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-uploader-drop-zone', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-uploader-drop-zone-container\">\n    <ax-icon class=\"fa-solid fa-upload\"></ax-icon>\n    <div class=\"ax-uploader-drop-zone-description\">\n        <span>Drag & Drop or <a href=\"#\">Choose file</a> to\n            upload</span>\n        <p>SVG, PNG, JPG or GIF (MAX. 800x400px)</p>\n    </div>\n</div>", styles: [".ax-uploader-drop-zone-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;margin:1rem;padding:1rem;gap:1rem;border:2px dashed;border-color:rgba(var(--ax-color-border-default))}.ax-uploader-drop-zone-container:hover{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-50))}.ax-uploader-drop-zone-container ax-icon{font-size:1.875rem;line-height:2.25rem;color:#a3a3a3}.ax-uploader-drop-zone-container .ax-uploader-drop-zone-description{display:flex;flex-direction:column;gap:.5rem}.ax-uploader-drop-zone-container .ax-uploader-drop-zone-description a{color:rgba(var(--ax-color-primary-500))}.ax-uploader-drop-zone-container .ax-uploader-drop-zone-description p{font-size:.875rem;line-height:1.25rem;color:#a3a3a3}ax-uploader-list .ax-uploader-list-status-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid;border-top:1px solid;border-color:rgba(var(--ax-color-danger-200));background-color:rgba(var(--ax-color-danger-50))}ax-uploader-list .ax-uploader-list-status-bar div,ax-uploader-list .ax-uploader-list-status-bar button{font-size:.875rem;line-height:1.25rem}ax-uploader-list .ax-uploader-list-status-bar button{color:rgba(var(--ax-color-danger-500))}ax-uploader-list ol{display:flex;flex-direction:column;padding:0 1rem;margin:1rem 0;gap:1rem}ax-uploader-list ol li{display:flex;align-items:center;gap:.5rem}ax-uploader-list ol li .ax-uploader-list-icon-container{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:.25rem;background-color:rgb(var(--ax-color-primary-500))}ax-uploader-list ol li .ax-uploader-list-icon-container ax-icon{color:rgba(var(--ax-color-white));font-size:1rem;line-height:1.5rem}ax-uploader-list ol li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-uploader-list ol li small{font-size:.75rem;line-height:1rem;color:#a3a3a3}ax-uploader-list ol li .ax-uploader-list-spinner{position:relative;display:flex;flex:1 1 auto;justify-content:flex-end}ax-uploader-list ol li .ax-uploader-list-spinner svg{position:absolute;width:1.5rem;height:1.5rem;color:#e5e7eb;@apply ax-animate-twSpin;animation-iteration-count:infinite;fill:#2563eb}ax-uploader-list ol li .ax-uploader-list-spinner div{opacity:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background-color:rgb(var(--ax-color-secondary-500));border-radius:9999px}ax-uploader-list ol li .ax-uploader-list-spinner div ax-icon{color:#fff}ax-uploader-list .ax-uploader-list-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:.75rem 1rem;border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}\n"] }]
+            args: [{ selector: 'ax-uploader-drop-zone', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-uploader-drop-zone-container\">\n  <ax-icon class=\"ax-icon ax-icon-upload\"></ax-icon>\n  <div class=\"ax-uploader-drop-zone-description\">\n    <span>Drag & Drop or <a href=\"#\">Choose file</a> to upload</span>\n    <p>SVG, PNG, JPG or GIF (MAX. 800x400px)</p>\n  </div>\n</div>\n" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkZXItZHJvcC16b25lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy91cGxvYWRlci9zcmMvbGliL3VwbG9hZGVyLWRyb3Atem9uZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdXBsb2FkZXIvc3JjL2xpYi91cGxvYWRlci1kcm9wLXpvbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVE3RCxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsZUFBZTs4R0FBbkQsMkJBQTJCO2tHQUEzQiwyQkFBMkIsb0ZDVHhDLGtVQU9NOzsyRkRFTywyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0UsdUJBQXVCLGlCQUdsQixpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTVhCYXNlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXVwbG9hZGVyLWRyb3Atem9uZScsXG4gIHRlbXBsYXRlVXJsOiAnLi91cGxvYWRlci1kcm9wLXpvbmUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi91cGxvYWRlci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBWFVwbG9hZGVyRHJvcFpvbmVDb21wb25lbnQgZXh0ZW5kcyBNWEJhc2VDb21wb25lbnQge31cbiIsIjxkaXYgY2xhc3M9XCJheC11cGxvYWRlci1kcm9wLXpvbmUtY29udGFpbmVyXCI+XG4gICAgPGF4LWljb24gY2xhc3M9XCJmYS1zb2xpZCBmYS11cGxvYWRcIj48L2F4LWljb24+XG4gICAgPGRpdiBjbGFzcz1cImF4LXVwbG9hZGVyLWRyb3Atem9uZS1kZXNjcmlwdGlvblwiPlxuICAgICAgICA8c3Bhbj5EcmFnICYgRHJvcCBvciA8YSBocmVmPVwiI1wiPkNob29zZSBmaWxlPC9hPiB0b1xuICAgICAgICAgICAgdXBsb2FkPC9zcGFuPlxuICAgICAgICA8cD5TVkcsIFBORywgSlBHIG9yIEdJRiAoTUFYLiA4MDB4NDAwcHgpPC9wPlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkZXItZHJvcC16b25lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy91cGxvYWRlci9zcmMvbGliL3VwbG9hZGVyLWRyb3Atem9uZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdXBsb2FkZXIvc3JjL2xpYi91cGxvYWRlci1kcm9wLXpvbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVE3RCxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsZUFBZTs4R0FBbkQsMkJBQTJCO2tHQUEzQiwyQkFBMkIsb0ZDVHhDLDZTQU9BOzsyRkRFYSwyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0UsdUJBQXVCLGlCQUdsQixpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTVhCYXNlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXVwbG9hZGVyLWRyb3Atem9uZScsXG4gIHRlbXBsYXRlVXJsOiAnLi91cGxvYWRlci1kcm9wLXpvbmUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi91cGxvYWRlci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBWFVwbG9hZGVyRHJvcFpvbmVDb21wb25lbnQgZXh0ZW5kcyBNWEJhc2VDb21wb25lbnQge31cbiIsIjxkaXYgY2xhc3M9XCJheC11cGxvYWRlci1kcm9wLXpvbmUtY29udGFpbmVyXCI+XG4gIDxheC1pY29uIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLXVwbG9hZFwiPjwvYXgtaWNvbj5cbiAgPGRpdiBjbGFzcz1cImF4LXVwbG9hZGVyLWRyb3Atem9uZS1kZXNjcmlwdGlvblwiPlxuICAgIDxzcGFuPkRyYWcgJiBEcm9wIG9yIDxhIGhyZWY9XCIjXCI+Q2hvb3NlIGZpbGU8L2E+IHRvIHVwbG9hZDwvc3Bhbj5cbiAgICA8cD5TVkcsIFBORywgSlBHIG9yIEdJRiAoTUFYLiA4MDB4NDAwcHgpPC9wPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/uploader/lib/uploader-list.component.mjs

@@ -1,14 +1,48 @@
 import { MXBaseComponent } from '@acorex/components/common';
+import { DialogRef } from '@angular/cdk/dialog';
 import { Component, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@acorex/components/decorators";
-import * as i2 from "@acorex/components/button";
+import * as i1 from "@angular/cdk/dialog";
+import * as i2 from "@angular/common";
+import * as i3 from "@acorex/core/translation";
 export class AXUploaderListComponent extends MXBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXUploaderListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXUploaderListComponent, selector: "ax-uploader-list", usesInheritance: true, ngImport: i0, template: "<div class=\"ax-uploader-list-status-bar\">\n    <div>2hr 50 mins left...</div>\n    <button>Cancel</button>\n</div>\n<ol>\n    <li>\n        <div class=\"ax-uploader-list-icon-container\">\n            <ax-icon class=\"fa-solid fa-file\"></ax-icon>\n        </div>\n        <p>Salary Survey Report 2023.docx</p>\n        <small>(3MB)</small>\n        <div class=\"ax-uploader-list-spinner\">\n            <svg aria-hidden=\"true\" viewBox=\"0 0 100 101\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path\n                    d=\"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z\"\n                    fill=\"currentColor\" />\n                <path\n                    d=\"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z\"\n                    fill=\"currentFill\" />\n            </svg>\n            <div>\n                <ax-icon class=\"fa-solid fa-close\"></ax-icon>\n            </div>\n        </div>\n    </li>\n</ol>\n<div class=\"ax-uploader-list-footer\">\n    <ax-button text=\"Clear\" class=\"ax-sm\"></ax-button>\n    <ax-button color=\"primary\" text=\"Upload\" class=\"ax-sm\"></ax-button>\n</div>", styles: [".ax-uploader-drop-zone-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;margin:1rem;padding:1rem;gap:1rem;border:2px dashed;border-color:rgba(var(--ax-color-border-default))}.ax-uploader-drop-zone-container:hover{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-50))}.ax-uploader-drop-zone-container ax-icon{font-size:1.875rem;line-height:2.25rem;color:#a3a3a3}.ax-uploader-drop-zone-container .ax-uploader-drop-zone-description{display:flex;flex-direction:column;gap:.5rem}.ax-uploader-drop-zone-container .ax-uploader-drop-zone-description a{color:rgba(var(--ax-color-primary-500))}.ax-uploader-drop-zone-container .ax-uploader-drop-zone-description p{font-size:.875rem;line-height:1.25rem;color:#a3a3a3}ax-uploader-list .ax-uploader-list-status-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid;border-top:1px solid;border-color:rgba(var(--ax-color-danger-200));background-color:rgba(var(--ax-color-danger-50))}ax-uploader-list .ax-uploader-list-status-bar div,ax-uploader-list .ax-uploader-list-status-bar button{font-size:.875rem;line-height:1.25rem}ax-uploader-list .ax-uploader-list-status-bar button{color:rgba(var(--ax-color-danger-500))}ax-uploader-list ol{display:flex;flex-direction:column;padding:0 1rem;margin:1rem 0;gap:1rem}ax-uploader-list ol li{display:flex;align-items:center;gap:.5rem}ax-uploader-list ol li .ax-uploader-list-icon-container{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:.25rem;background-color:rgb(var(--ax-color-primary-500))}ax-uploader-list ol li .ax-uploader-list-icon-container ax-icon{color:rgba(var(--ax-color-white));font-size:1rem;line-height:1.5rem}ax-uploader-list ol li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-uploader-list ol li small{font-size:.75rem;line-height:1rem;color:#a3a3a3}ax-uploader-list ol li .ax-uploader-list-spinner{position:relative;display:flex;flex:1 1 auto;justify-content:flex-end}ax-uploader-list ol li .ax-uploader-list-spinner svg{position:absolute;width:1.5rem;height:1.5rem;color:#e5e7eb;@apply ax-animate-twSpin;animation-iteration-count:infinite;fill:#2563eb}ax-uploader-list ol li .ax-uploader-list-spinner div{opacity:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background-color:rgb(var(--ax-color-secondary-500));border-radius:9999px}ax-uploader-list ol li .ax-uploader-list-spinner div ax-icon{color:#fff}ax-uploader-list .ax-uploader-list-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:.75rem 1rem;border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}\n"], dependencies: [{ kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { 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", "disabledChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    constructor(dialogRef) {
+        super();
+        this.dialogRef = dialogRef;
+        this.items = [
+            {
+                name: 'avatar.png',
+                size: 2048,
+                type: 'picture',
+                description: 'Upload canceled',
+            },
+            {
+                name: 'intro.mkv',
+                size: 10024,
+                type: 'video',
+            },
+            {
+                name: 'time.xls',
+                size: 10024,
+                type: 'doc',
+            },
+            {
+                name: 'resume.pdf',
+                size: 10024,
+                type: 'pdf',
+            },
+        ];
+        this.leftTime = 5;
+    }
+    toggle() { }
+    close() {
+        this.dialogRef.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXUploaderListComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXUploaderListComponent, selector: "ax-uploader-list", usesInheritance: true, ngImport: i0, template: "<div class=\"ax-uploader-list-header\">\n  <div>Uploader list</div>\n  <div>\n    <i class=\"ax-icon ax-icon-chevron-down\" (click)=\"toggle()\"></i>\n    <i class=\"ax-icon ax-icon-close\" (click)=\"close()\"></i>\n  </div>\n</div>\n<div class=\"ax-uploader-progress-status\">\n  <div>{{ leftTime }}min left</div>\n  <button>{{ 'common.cancel' | trans }}</button>\n</div>\n<ul class=\"ax-uploader-list-items\">\n  <ng-container *ngFor=\"let item of items\">\n    <li>\n      <div>\n        <i class=\"ax-icon ax-icon-inbox\"></i>\n        <div class=\"ax-uploader-item-text\">\n          <strong>{{ item.name }}</strong>\n          <small>{{ item.description }}</small>\n        </div>\n      </div>\n      <div></div>\n    </li>\n  </ng-container>\n</ul>\n", styles: [".ax-dark ax-uploader-list .ax-uploader-progress-status{background-color:rgba(var(--ax-color-primary-500),.25);color:rgba(var(--ax-color-primary-50));border-color:rgba(var(--ax-color-primary-500))}ax-uploader-list{display:block;background-color:rgba(var(--ax-color-surface));-webkit-border-top-left-radius:.75rem;-webkit-border-top-right-radius:.75rem;-moz-border-radius-topleft:.75rem;-moz-border-radius-topright:.75rem;border-top-left-radius:.75rem;border-top-right-radius:.75rem;overflow:hidden;box-shadow:-1px -1px 10px #00000029;border:1px solid;border-color:rgba(var(--ax-color-border-default));outline-color:rgba(var(--ax-color-primary-500))}ax-uploader-list .ax-uploader-list-header{display:flex;justify-content:space-between;padding:.75rem 1rem;background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore));font-weight:500}ax-uploader-list .ax-uploader-list-header .ax-icon{font-size:1.5rem;cursor:pointer;margin-inline-start:.5rem}ax-uploader-list .ax-uploader-list-header .ax-icon:hover{opacity:.6}ax-uploader-list .ax-uploader-progress-status{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-700));padding:.5rem .75rem;border-top:1px solid;border-bottom:1px solid;border-color:rgba(var(--ax-color-primary-200))}ax-uploader-list .ax-uploader-list-items{padding:.5rem 0}ax-uploader-list .ax-uploader-list-items li{font-size:.875rem;padding:.75rem;display:flex;align-items:center;justify-content:space-between}ax-uploader-list .ax-uploader-list-items li>div{display:flex}ax-uploader-list .ax-uploader-list-items li>div .ax-icon{display:flex;font-size:1.5rem;margin-inline-end:.5rem}ax-uploader-list .ax-uploader-list-items li>div .ax-uploader-item-text{display:flex;flex-direction:column}ax-uploader-list .ax-uploader-list-items li>div .ax-uploader-item-text strong{font-weight:500;display:block}ax-uploader-list .ax-uploader-list-items li>div .ax-uploader-item-text small{color:rgba(var(--ax-color-on-surface-fore),.75)}.ax-uploader-list-pane .cdk-dialog-container:focus,.ax-uploader-list-pane .cdk-dialog-container:focus-visible,.ax-uploader-list-pane .cdk-dialog-container:focus-within{outline:none}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "trans" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXUploaderListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-uploader-list', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-uploader-list-status-bar\">\n    <div>2hr 50 mins left...</div>\n    <button>Cancel</button>\n</div>\n<ol>\n    <li>\n        <div class=\"ax-uploader-list-icon-container\">\n            <ax-icon class=\"fa-solid fa-file\"></ax-icon>\n        </div>\n        <p>Salary Survey Report 2023.docx</p>\n        <small>(3MB)</small>\n        <div class=\"ax-uploader-list-spinner\">\n            <svg aria-hidden=\"true\" viewBox=\"0 0 100 101\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path\n                    d=\"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z\"\n                    fill=\"currentColor\" />\n                <path\n                    d=\"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z\"\n                    fill=\"currentFill\" />\n            </svg>\n            <div>\n                <ax-icon class=\"fa-solid fa-close\"></ax-icon>\n            </div>\n        </div>\n    </li>\n</ol>\n<div class=\"ax-uploader-list-footer\">\n    <ax-button text=\"Clear\" class=\"ax-sm\"></ax-button>\n    <ax-button color=\"primary\" text=\"Upload\" class=\"ax-sm\"></ax-button>\n</div>", styles: [".ax-uploader-drop-zone-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;margin:1rem;padding:1rem;gap:1rem;border:2px dashed;border-color:rgba(var(--ax-color-border-default))}.ax-uploader-drop-zone-container:hover{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-50))}.ax-uploader-drop-zone-container ax-icon{font-size:1.875rem;line-height:2.25rem;color:#a3a3a3}.ax-uploader-drop-zone-container .ax-uploader-drop-zone-description{display:flex;flex-direction:column;gap:.5rem}.ax-uploader-drop-zone-container .ax-uploader-drop-zone-description a{color:rgba(var(--ax-color-primary-500))}.ax-uploader-drop-zone-container .ax-uploader-drop-zone-description p{font-size:.875rem;line-height:1.25rem;color:#a3a3a3}ax-uploader-list .ax-uploader-list-status-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid;border-top:1px solid;border-color:rgba(var(--ax-color-danger-200));background-color:rgba(var(--ax-color-danger-50))}ax-uploader-list .ax-uploader-list-status-bar div,ax-uploader-list .ax-uploader-list-status-bar button{font-size:.875rem;line-height:1.25rem}ax-uploader-list .ax-uploader-list-status-bar button{color:rgba(var(--ax-color-danger-500))}ax-uploader-list ol{display:flex;flex-direction:column;padding:0 1rem;margin:1rem 0;gap:1rem}ax-uploader-list ol li{display:flex;align-items:center;gap:.5rem}ax-uploader-list ol li .ax-uploader-list-icon-container{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:.25rem;background-color:rgb(var(--ax-color-primary-500))}ax-uploader-list ol li .ax-uploader-list-icon-container ax-icon{color:rgba(var(--ax-color-white));font-size:1rem;line-height:1.5rem}ax-uploader-list ol li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-uploader-list ol li small{font-size:.75rem;line-height:1rem;color:#a3a3a3}ax-uploader-list ol li .ax-uploader-list-spinner{position:relative;display:flex;flex:1 1 auto;justify-content:flex-end}ax-uploader-list ol li .ax-uploader-list-spinner svg{position:absolute;width:1.5rem;height:1.5rem;color:#e5e7eb;@apply ax-animate-twSpin;animation-iteration-count:infinite;fill:#2563eb}ax-uploader-list ol li .ax-uploader-list-spinner div{opacity:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background-color:rgb(var(--ax-color-secondary-500));border-radius:9999px}ax-uploader-list ol li .ax-uploader-list-spinner div ax-icon{color:#fff}ax-uploader-list .ax-uploader-list-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:.75rem 1rem;border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}\n"] }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkZXItbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdXBsb2FkZXIvc3JjL2xpYi91cGxvYWRlci1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy91cGxvYWRlci9zcmMvbGliL3VwbG9hZGVyLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRN0QsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGVBQWU7OEdBQS9DLHVCQUF1QjtrR0FBdkIsdUJBQXVCLCtFQ1RwQyxpOURBNkJNOzsyRkRwQk8sdUJBQXVCO2tCQU5uQyxTQUFTOytCQUNFLGtCQUFrQixpQkFHYixpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTVhCYXNlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXVwbG9hZGVyLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vdXBsb2FkZXItbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3VwbG9hZGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEFYVXBsb2FkZXJMaXN0Q29tcG9uZW50IGV4dGVuZHMgTVhCYXNlQ29tcG9uZW50IHt9XG4iLCI8ZGl2IGNsYXNzPVwiYXgtdXBsb2FkZXItbGlzdC1zdGF0dXMtYmFyXCI+XG4gICAgPGRpdj4yaHIgNTAgbWlucyBsZWZ0Li4uPC9kaXY+XG4gICAgPGJ1dHRvbj5DYW5jZWw8L2J1dHRvbj5cbjwvZGl2PlxuPG9sPlxuICAgIDxsaT5cbiAgICAgICAgPGRpdiBjbGFzcz1cImF4LXVwbG9hZGVyLWxpc3QtaWNvbi1jb250YWluZXJcIj5cbiAgICAgICAgICAgIDxheC1pY29uIGNsYXNzPVwiZmEtc29saWQgZmEtZmlsZVwiPjwvYXgtaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxwPlNhbGFyeSBTdXJ2ZXkgUmVwb3J0IDIwMjMuZG9jeDwvcD5cbiAgICAgICAgPHNtYWxsPigzTUIpPC9zbWFsbD5cbiAgICAgICAgPGRpdiBjbGFzcz1cImF4LXVwbG9hZGVyLWxpc3Qtc3Bpbm5lclwiPlxuICAgICAgICAgICAgPHN2ZyBhcmlhLWhpZGRlbj1cInRydWVcIiB2aWV3Qm94PVwiMCAwIDEwMCAxMDFcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICBkPVwiTTEwMCA1MC41OTA4QzEwMCA3OC4yMDUxIDc3LjYxNDIgMTAwLjU5MSA1MCAxMDAuNTkxQzIyLjM4NTggMTAwLjU5MSAwIDc4LjIwNTEgMCA1MC41OTA4QzAgMjIuOTc2NiAyMi4zODU4IDAuNTkwODIgNTAgMC41OTA4MkM3Ny42MTQyIDAuNTkwODIgMTAwIDIyLjk3NjYgMTAwIDUwLjU5MDhaTTkuMDgxNDQgNTAuNTkwOEM5LjA4MTQ0IDczLjE4OTUgMjcuNDAxMyA5MS41MDk0IDUwIDkxLjUwOTRDNzIuNTk4NyA5MS41MDk0IDkwLjkxODYgNzMuMTg5NSA5MC45MTg2IDUwLjU5MDhDOTAuOTE4NiAyNy45OTIxIDcyLjU5ODcgOS42NzIyNiA1MCA5LjY3MjI2QzI3LjQwMTMgOS42NzIyNiA5LjA4MTQ0IDI3Ljk5MjEgOS4wODE0NCA1MC41OTA4WlwiXG4gICAgICAgICAgICAgICAgICAgIGZpbGw9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgICAgIGQ9XCJNOTMuOTY3NiAzOS4wNDA5Qzk2LjM5MyAzOC40MDM4IDk3Ljg2MjQgMzUuOTExNiA5Ny4wMDc5IDMzLjU1MzlDOTUuMjkzMiAyOC44MjI3IDkyLjg3MSAyNC4zNjkyIDg5LjgxNjcgMjAuMzQ4Qzg1Ljg0NTIgMTUuMTE5MiA4MC44ODI2IDEwLjcyMzggNzUuMjEyNCA3LjQxMjg5QzY5LjU0MjIgNC4xMDE5NCA2My4yNzU0IDEuOTQwMjUgNTYuNzY5OCAxLjA1MTI0QzUxLjc2NjYgMC4zNjc1NDEgNDYuNjk3NiAwLjQ0Njg0MyA0MS43MzQ1IDEuMjc4NzNDMzkuMjYxMyAxLjY5MzI4IDM3LjgxMyA0LjE5Nzc4IDM4LjQ1MDEgNi42MjMyNkMzOS4wODczIDkuMDQ4NzQgNDEuNTY5NCAxMC40NzE3IDQ0LjA1MDUgMTAuMTA3MUM0Ny44NTExIDkuNTQ4NTUgNTEuNzE5MSA5LjUyNjg5IDU1LjU0MDIgMTAuMDQ5MUM2MC44NjQyIDEwLjc3NjYgNjUuOTkyOCAxMi41NDU3IDcwLjYzMzEgMTUuMjU1MkM3NS4yNzM1IDE3Ljk2NDggNzkuMzM0NyAyMS41NjE5IDgyLjU4NDkgMjUuODQxQzg0LjkxNzUgMjguOTEyMSA4Ni43OTk3IDMyLjI5MTMgODguMTgxMSAzNS44NzU4Qzg5LjA4MyAzOC4yMTU4IDkxLjU0MjEgMzkuNjc4MSA5My45Njc2IDM5LjA0MDlaXCJcbiAgICAgICAgICAgICAgICAgICAgZmlsbD1cImN1cnJlbnRGaWxsXCIgLz5cbiAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICA8YXgtaWNvbiBjbGFzcz1cImZhLXNvbGlkIGZhLWNsb3NlXCI+PC9heC1pY29uPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbGk+XG48L29sPlxuPGRpdiBjbGFzcz1cImF4LXVwbG9hZGVyLWxpc3QtZm9vdGVyXCI+XG4gICAgPGF4LWJ1dHRvbiB0ZXh0PVwiQ2xlYXJcIiBjbGFzcz1cImF4LXNtXCI+PC9heC1idXR0b24+XG4gICAgPGF4LWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIiB0ZXh0PVwiVXBsb2FkXCIgY2xhc3M9XCJheC1zbVwiPjwvYXgtYnV0dG9uPlxuPC9kaXY+Il19
+            args: [{ selector: 'ax-uploader-list', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-uploader-list-header\">\n  <div>Uploader list</div>\n  <div>\n    <i class=\"ax-icon ax-icon-chevron-down\" (click)=\"toggle()\"></i>\n    <i class=\"ax-icon ax-icon-close\" (click)=\"close()\"></i>\n  </div>\n</div>\n<div class=\"ax-uploader-progress-status\">\n  <div>{{ leftTime }}min left</div>\n  <button>{{ 'common.cancel' | trans }}</button>\n</div>\n<ul class=\"ax-uploader-list-items\">\n  <ng-container *ngFor=\"let item of items\">\n    <li>\n      <div>\n        <i class=\"ax-icon ax-icon-inbox\"></i>\n        <div class=\"ax-uploader-item-text\">\n          <strong>{{ item.name }}</strong>\n          <small>{{ item.description }}</small>\n        </div>\n      </div>\n      <div></div>\n    </li>\n  </ng-container>\n</ul>\n", styles: [".ax-dark ax-uploader-list .ax-uploader-progress-status{background-color:rgba(var(--ax-color-primary-500),.25);color:rgba(var(--ax-color-primary-50));border-color:rgba(var(--ax-color-primary-500))}ax-uploader-list{display:block;background-color:rgba(var(--ax-color-surface));-webkit-border-top-left-radius:.75rem;-webkit-border-top-right-radius:.75rem;-moz-border-radius-topleft:.75rem;-moz-border-radius-topright:.75rem;border-top-left-radius:.75rem;border-top-right-radius:.75rem;overflow:hidden;box-shadow:-1px -1px 10px #00000029;border:1px solid;border-color:rgba(var(--ax-color-border-default));outline-color:rgba(var(--ax-color-primary-500))}ax-uploader-list .ax-uploader-list-header{display:flex;justify-content:space-between;padding:.75rem 1rem;background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore));font-weight:500}ax-uploader-list .ax-uploader-list-header .ax-icon{font-size:1.5rem;cursor:pointer;margin-inline-start:.5rem}ax-uploader-list .ax-uploader-list-header .ax-icon:hover{opacity:.6}ax-uploader-list .ax-uploader-progress-status{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-700));padding:.5rem .75rem;border-top:1px solid;border-bottom:1px solid;border-color:rgba(var(--ax-color-primary-200))}ax-uploader-list .ax-uploader-list-items{padding:.5rem 0}ax-uploader-list .ax-uploader-list-items li{font-size:.875rem;padding:.75rem;display:flex;align-items:center;justify-content:space-between}ax-uploader-list .ax-uploader-list-items li>div{display:flex}ax-uploader-list .ax-uploader-list-items li>div .ax-icon{display:flex;font-size:1.5rem;margin-inline-end:.5rem}ax-uploader-list .ax-uploader-list-items li>div .ax-uploader-item-text{display:flex;flex-direction:column}ax-uploader-list .ax-uploader-list-items li>div .ax-uploader-item-text strong{font-weight:500;display:block}ax-uploader-list .ax-uploader-list-items li>div .ax-uploader-item-text small{color:rgba(var(--ax-color-on-surface-fore),.75)}.ax-uploader-list-pane .cdk-dialog-container:focus,.ax-uploader-list-pane .cdk-dialog-container:focus-visible,.ax-uploader-list-pane .cdk-dialog-container:focus-within{outline:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.DialogRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkZXItbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdXBsb2FkZXIvc3JjL2xpYi91cGxvYWRlci1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy91cGxvYWRlci9zcmMvbGliL3VwbG9hZGVyLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUF5QixlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNuRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDaEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFlN0QsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGVBQWU7SUEyQjFELFlBQW9CLFNBQTJDO1FBQzdELEtBQUssRUFBRSxDQUFDO1FBRFUsY0FBUyxHQUFULFNBQVMsQ0FBa0M7UUExQi9ELFVBQUssR0FBcUI7WUFDeEI7Z0JBQ0UsSUFBSSxFQUFFLFlBQVk7Z0JBQ2xCLElBQUksRUFBRSxJQUFJO2dCQUNWLElBQUksRUFBRSxTQUFTO2dCQUNmLFdBQVcsRUFBRSxpQkFBaUI7YUFDL0I7WUFDRDtnQkFDRSxJQUFJLEVBQUUsV0FBVztnQkFDakIsSUFBSSxFQUFFLEtBQUs7Z0JBQ1gsSUFBSSxFQUFFLE9BQU87YUFDZDtZQUNEO2dCQUNFLElBQUksRUFBRSxVQUFVO2dCQUNoQixJQUFJLEVBQUUsS0FBSztnQkFDWCxJQUFJLEVBQUUsS0FBSzthQUNaO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLFlBQVk7Z0JBQ2xCLElBQUksRUFBRSxLQUFLO2dCQUNYLElBQUksRUFBRSxLQUFLO2FBQ1o7U0FDRixDQUFDO1FBRUYsYUFBUSxHQUFHLENBQUMsQ0FBQztJQUliLENBQUM7SUFFRCxNQUFNLEtBQUksQ0FBQztJQUNYLEtBQUs7UUFDSCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3pCLENBQUM7OEdBbENVLHVCQUF1QjtrR0FBdkIsdUJBQXVCLCtFQ2pCcEMsd3ZCQXlCQTs7MkZEUmEsdUJBQXVCO2tCQU5uQyxTQUFTOytCQUNFLGtCQUFrQixpQkFHYixpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhDb21wb25lbnRDbG9zZUV2ZW50LCBNWEJhc2VDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcbmltcG9ydCB7IERpYWxvZ1JlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kaWFsb2cnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEFYVXBsb2FkZXJJdGVtIHtcbiAgdHlwZTogJ3BpY3R1cmUnIHwgJ2RvYycgfCAncGRmJyB8ICdhcmNoaXZlJyB8ICd2aWRlbycgfCAndW5rbm93JztcbiAgbmFtZTogc3RyaW5nO1xuICBzaXplOiBudW1iZXI7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC11cGxvYWRlci1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VwbG9hZGVyLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi91cGxvYWRlci1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEFYVXBsb2FkZXJMaXN0Q29tcG9uZW50IGV4dGVuZHMgTVhCYXNlQ29tcG9uZW50IHtcbiAgaXRlbXM6IEFYVXBsb2FkZXJJdGVtW10gPSBbXG4gICAge1xuICAgICAgbmFtZTogJ2F2YXRhci5wbmcnLFxuICAgICAgc2l6ZTogMjA0OCxcbiAgICAgIHR5cGU6ICdwaWN0dXJlJyxcbiAgICAgIGRlc2NyaXB0aW9uOiAnVXBsb2FkIGNhbmNlbGVkJyxcbiAgICB9LFxuICAgIHtcbiAgICAgIG5hbWU6ICdpbnRyby5ta3YnLFxuICAgICAgc2l6ZTogMTAwMjQsXG4gICAgICB0eXBlOiAndmlkZW8nLFxuICAgIH0sXG4gICAge1xuICAgICAgbmFtZTogJ3RpbWUueGxzJyxcbiAgICAgIHNpemU6IDEwMDI0LFxuICAgICAgdHlwZTogJ2RvYycsXG4gICAgfSxcbiAgICB7XG4gICAgICBuYW1lOiAncmVzdW1lLnBkZicsXG4gICAgICBzaXplOiAxMDAyNCxcbiAgICAgIHR5cGU6ICdwZGYnLFxuICAgIH0sXG4gIF07XG5cbiAgbGVmdFRpbWUgPSA1O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZGlhbG9nUmVmOiBEaWFsb2dSZWY8QVhDb21wb25lbnRDbG9zZUV2ZW50Pikge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICB0b2dnbGUoKSB7fVxuICBjbG9zZSgpIHtcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYXgtdXBsb2FkZXItbGlzdC1oZWFkZXJcIj5cbiAgPGRpdj5VcGxvYWRlciBsaXN0PC9kaXY+XG4gIDxkaXY+XG4gICAgPGkgY2xhc3M9XCJheC1pY29uIGF4LWljb24tY2hldnJvbi1kb3duXCIgKGNsaWNrKT1cInRvZ2dsZSgpXCI+PC9pPlxuICAgIDxpIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWNsb3NlXCIgKGNsaWNrKT1cImNsb3NlKClcIj48L2k+XG4gIDwvZGl2PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiYXgtdXBsb2FkZXItcHJvZ3Jlc3Mtc3RhdHVzXCI+XG4gIDxkaXY+e3sgbGVmdFRpbWUgfX1taW4gbGVmdDwvZGl2PlxuICA8YnV0dG9uPnt7ICdjb21tb24uY2FuY2VsJyB8IHRyYW5zIH19PC9idXR0b24+XG48L2Rpdj5cbjx1bCBjbGFzcz1cImF4LXVwbG9hZGVyLWxpc3QtaXRlbXNcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiPlxuICAgIDxsaT5cbiAgICAgIDxkaXY+XG4gICAgICAgIDxpIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWluYm94XCI+PC9pPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtdXBsb2FkZXItaXRlbS10ZXh0XCI+XG4gICAgICAgICAgPHN0cm9uZz57eyBpdGVtLm5hbWUgfX08L3N0cm9uZz5cbiAgICAgICAgICA8c21hbGw+e3sgaXRlbS5kZXNjcmlwdGlvbiB9fTwvc21hbGw+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2PjwvZGl2PlxuICAgIDwvbGk+XG4gIDwvbmctY29udGFpbmVyPlxuPC91bD5cbiJdfQ==

package/esm2022/uploader/lib/uploader-overlay.component.mjs

@@ -3,10 +3,10 @@ import { Component, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
 export class AXUploaderOverlayComponent extends MXBaseComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXUploaderOverlayComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXUploaderOverlayComponent, selector: "ax-uploader-overlay", usesInheritance: true, ngImport: i0, template: "<div\n    class=\"ax-flex ax-flex-col ax-gap-4 ax-items-center ax-justify-center ax-h-[95vh] hover:ax-bg-primary-50 ax-m-2 hover:ax-border-2 ax-rounded-lg hover:ax-border-primary-500\">\n\n</div>", styles: [".ax-uploader-drop-zone-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;margin:1rem;padding:1rem;gap:1rem;border:2px dashed;border-color:rgba(var(--ax-color-border-default))}.ax-uploader-drop-zone-container:hover{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-50))}.ax-uploader-drop-zone-container ax-icon{font-size:1.875rem;line-height:2.25rem;color:#a3a3a3}.ax-uploader-drop-zone-container .ax-uploader-drop-zone-description{display:flex;flex-direction:column;gap:.5rem}.ax-uploader-drop-zone-container .ax-uploader-drop-zone-description a{color:rgba(var(--ax-color-primary-500))}.ax-uploader-drop-zone-container .ax-uploader-drop-zone-description p{font-size:.875rem;line-height:1.25rem;color:#a3a3a3}ax-uploader-list .ax-uploader-list-status-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid;border-top:1px solid;border-color:rgba(var(--ax-color-danger-200));background-color:rgba(var(--ax-color-danger-50))}ax-uploader-list .ax-uploader-list-status-bar div,ax-uploader-list .ax-uploader-list-status-bar button{font-size:.875rem;line-height:1.25rem}ax-uploader-list .ax-uploader-list-status-bar button{color:rgba(var(--ax-color-danger-500))}ax-uploader-list ol{display:flex;flex-direction:column;padding:0 1rem;margin:1rem 0;gap:1rem}ax-uploader-list ol li{display:flex;align-items:center;gap:.5rem}ax-uploader-list ol li .ax-uploader-list-icon-container{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:.25rem;background-color:rgb(var(--ax-color-primary-500))}ax-uploader-list ol li .ax-uploader-list-icon-container ax-icon{color:rgba(var(--ax-color-white));font-size:1rem;line-height:1.5rem}ax-uploader-list ol li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-uploader-list ol li small{font-size:.75rem;line-height:1rem;color:#a3a3a3}ax-uploader-list ol li .ax-uploader-list-spinner{position:relative;display:flex;flex:1 1 auto;justify-content:flex-end}ax-uploader-list ol li .ax-uploader-list-spinner svg{position:absolute;width:1.5rem;height:1.5rem;color:#e5e7eb;@apply ax-animate-twSpin;animation-iteration-count:infinite;fill:#2563eb}ax-uploader-list ol li .ax-uploader-list-spinner div{opacity:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background-color:rgb(var(--ax-color-secondary-500));border-radius:9999px}ax-uploader-list ol li .ax-uploader-list-spinner div ax-icon{color:#fff}ax-uploader-list .ax-uploader-list-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:.75rem 1rem;border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXUploaderOverlayComponent, selector: "ax-uploader-overlay", usesInheritance: true, ngImport: i0, template: "<div\n    class=\"ax-flex ax-flex-col ax-gap-4 ax-items-center ax-justify-center ax-h-[95vh] hover:ax-bg-primary-50 ax-m-2 hover:ax-border-2 ax-rounded-lg hover:ax-border-primary-500\">\n\n</div>", styles: [""], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXUploaderOverlayComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-uploader-overlay', encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"ax-flex ax-flex-col ax-gap-4 ax-items-center ax-justify-center ax-h-[95vh] hover:ax-bg-primary-50 ax-m-2 hover:ax-border-2 ax-rounded-lg hover:ax-border-primary-500\">\n\n</div>", styles: [".ax-uploader-drop-zone-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;margin:1rem;padding:1rem;gap:1rem;border:2px dashed;border-color:rgba(var(--ax-color-border-default))}.ax-uploader-drop-zone-container:hover{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-50))}.ax-uploader-drop-zone-container ax-icon{font-size:1.875rem;line-height:2.25rem;color:#a3a3a3}.ax-uploader-drop-zone-container .ax-uploader-drop-zone-description{display:flex;flex-direction:column;gap:.5rem}.ax-uploader-drop-zone-container .ax-uploader-drop-zone-description a{color:rgba(var(--ax-color-primary-500))}.ax-uploader-drop-zone-container .ax-uploader-drop-zone-description p{font-size:.875rem;line-height:1.25rem;color:#a3a3a3}ax-uploader-list .ax-uploader-list-status-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid;border-top:1px solid;border-color:rgba(var(--ax-color-danger-200));background-color:rgba(var(--ax-color-danger-50))}ax-uploader-list .ax-uploader-list-status-bar div,ax-uploader-list .ax-uploader-list-status-bar button{font-size:.875rem;line-height:1.25rem}ax-uploader-list .ax-uploader-list-status-bar button{color:rgba(var(--ax-color-danger-500))}ax-uploader-list ol{display:flex;flex-direction:column;padding:0 1rem;margin:1rem 0;gap:1rem}ax-uploader-list ol li{display:flex;align-items:center;gap:.5rem}ax-uploader-list ol li .ax-uploader-list-icon-container{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:.25rem;background-color:rgb(var(--ax-color-primary-500))}ax-uploader-list ol li .ax-uploader-list-icon-container ax-icon{color:rgba(var(--ax-color-white));font-size:1rem;line-height:1.5rem}ax-uploader-list ol li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-uploader-list ol li small{font-size:.75rem;line-height:1rem;color:#a3a3a3}ax-uploader-list ol li .ax-uploader-list-spinner{position:relative;display:flex;flex:1 1 auto;justify-content:flex-end}ax-uploader-list ol li .ax-uploader-list-spinner svg{position:absolute;width:1.5rem;height:1.5rem;color:#e5e7eb;@apply ax-animate-twSpin;animation-iteration-count:infinite;fill:#2563eb}ax-uploader-list ol li .ax-uploader-list-spinner div{opacity:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background-color:rgb(var(--ax-color-secondary-500));border-radius:9999px}ax-uploader-list ol li .ax-uploader-list-spinner div ax-icon{color:#fff}ax-uploader-list .ax-uploader-list-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:.75rem 1rem;border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}\n"] }]
+            args: [{ selector: 'ax-uploader-overlay', encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"ax-flex ax-flex-col ax-gap-4 ax-items-center ax-justify-center ax-h-[95vh] hover:ax-bg-primary-50 ax-m-2 hover:ax-border-2 ax-rounded-lg hover:ax-border-primary-500\">\n\n</div>" }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkZXItb3ZlcmxheS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdXBsb2FkZXIvc3JjL2xpYi91cGxvYWRlci1vdmVybGF5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy91cGxvYWRlci9zcmMvbGliL3VwbG9hZGVyLW92ZXJsYXkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUTdELE1BQU0sT0FBTywwQkFBMkIsU0FBUSxlQUFlOzhHQUFsRCwwQkFBMEI7a0dBQTFCLDBCQUEwQixrRkNUdkMscU1BR007OzJGRE1PLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDRSxxQkFBcUIsaUJBR2hCLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNWEJhc2VDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtdXBsb2FkZXItb3ZlcmxheScsXG4gIHRlbXBsYXRlVXJsOiAnLi91cGxvYWRlci1vdmVybGF5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdXBsb2FkZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQVhVcGxvYWRlck92ZXJsYXlDb21wb25lbnQgZXh0ZW5kcyBNWEJhc2VDb21wb25lbnQge31cbiIsIjxkaXZcbiAgICBjbGFzcz1cImF4LWZsZXggYXgtZmxleC1jb2wgYXgtZ2FwLTQgYXgtaXRlbXMtY2VudGVyIGF4LWp1c3RpZnktY2VudGVyIGF4LWgtWzk1dmhdIGhvdmVyOmF4LWJnLXByaW1hcnktNTAgYXgtbS0yIGhvdmVyOmF4LWJvcmRlci0yIGF4LXJvdW5kZWQtbGcgaG92ZXI6YXgtYm9yZGVyLXByaW1hcnktNTAwXCI+XG5cbjwvZGl2PiJdfQ==

package/esm2022/uploader/lib/uploader-zone.directive.mjs

@@ -0,0 +1,53 @@
+import { AXTranslator } from '@acorex/core/translation';
+import { Directive, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AXUploaderZoneDirective {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.stateClass = 'ax-drop-over-state';
+    }
+    ngOnInit() {
+        this.element = this.elementRef.nativeElement;
+        this.element.style.position = 'relative';
+        this.init();
+    }
+    init() {
+        this.element.addEventListener('dragenter', this.handleDragEnter.bind(this));
+        this.element.addEventListener('dragleave', this.handleDragLeave.bind(this));
+    }
+    ngOnDestroy() {
+        this.element.removeEventListener('dragenter', this.handleDragEnter.bind(this));
+        this.element.removeEventListener('dragover', this.handleDragEnter.bind(this));
+    }
+    handleDragEnter(event) {
+        this.createZone();
+        event.preventDefault();
+    }
+    handleDragLeave(event) {
+        this.removeZone();
+        event.preventDefault();
+    }
+    createZone() {
+        this.overlayElement = document.createElement('div');
+        this.overlayElement.classList.add('ax-drop-over-state');
+        const icon = document.createElement('span');
+        icon.classList.add('ax-icon', 'ax-icon-upload');
+        const text = document.createElement('span');
+        text.innerText = AXTranslator.get('uploader.zone.text');
+        this.overlayElement.appendChild(icon);
+        this.overlayElement.appendChild(text);
+        this.element.appendChild(this.overlayElement);
+    }
+    removeZone() {
+        this.overlayElement.remove();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXUploaderZoneDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.9", type: AXUploaderZoneDirective, selector: "[axUploaderZone]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXUploaderZoneDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[axUploaderZone]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkZXItem9uZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdXBsb2FkZXIvc3JjL2xpYi91cGxvYWRlci16b25lLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQXFCLE1BQU0sZUFBZSxDQUFDOztBQUt6RSxNQUFNLE9BQU8sdUJBQXVCO0lBTWxDLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFIMUMsZUFBVSxHQUFHLG9CQUFvQixDQUFDO0lBR1csQ0FBQztJQUU5QyxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQTRCLENBQUM7UUFDNUQsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztRQUN6QyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDZCxDQUFDO0lBRUQsSUFBSTtRQUNGLElBQUksQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDNUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUM5RSxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDL0UsSUFBSSxDQUFDLE9BQU8sQ0FBQyxtQkFBbUIsQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUNoRixDQUFDO0lBRU8sZUFBZSxDQUFDLEtBQWlCO1FBQ3ZDLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNsQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUNPLGVBQWUsQ0FBQyxLQUFpQjtRQUN2QyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDbEIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFTyxVQUFVO1FBQ2hCLElBQUksQ0FBQyxjQUFjLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNwRCxJQUFJLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsb0JBQW9CLENBQUMsQ0FBQztRQUV4RCxNQUFNLElBQUksR0FBb0IsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUM3RCxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxTQUFTLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztRQUVoRCxNQUFNLElBQUksR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzVDLElBQUksQ0FBQyxTQUFTLEdBQUcsWUFBWSxDQUFDLEdBQUcsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBQ3hELElBQUksQ0FBQyxjQUFjLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxjQUFjLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRXRDLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBQ08sVUFBVTtRQUNoQixJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQy9CLENBQUM7OEdBakRVLHVCQUF1QjtrR0FBdkIsdUJBQXVCOzsyRkFBdkIsdUJBQXVCO2tCQUhuQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7aUJBQzdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhUcmFuc2xhdG9yIH0gZnJvbSAnQGFjb3JleC9jb3JlL3RyYW5zbGF0aW9uJztcbmltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2F4VXBsb2FkZXJab25lXScsXG59KVxuZXhwb3J0IGNsYXNzIEFYVXBsb2FkZXJab25lRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBwcml2YXRlIGVsZW1lbnQ6IEhUTUxFbGVtZW50O1xuXG4gIHN0YXRlQ2xhc3MgPSAnYXgtZHJvcC1vdmVyLXN0YXRlJztcbiAgb3ZlcmxheUVsZW1lbnQ6IEhUTUxEaXZFbGVtZW50O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZikge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmVsZW1lbnQgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudDtcbiAgICB0aGlzLmVsZW1lbnQuc3R5bGUucG9zaXRpb24gPSAncmVsYXRpdmUnO1xuICAgIHRoaXMuaW5pdCgpO1xuICB9XG5cbiAgaW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmVsZW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignZHJhZ2VudGVyJywgdGhpcy5oYW5kbGVEcmFnRW50ZXIuYmluZCh0aGlzKSk7XG4gICAgdGhpcy5lbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2RyYWdsZWF2ZScsIHRoaXMuaGFuZGxlRHJhZ0xlYXZlLmJpbmQodGhpcykpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5lbGVtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2RyYWdlbnRlcicsIHRoaXMuaGFuZGxlRHJhZ0VudGVyLmJpbmQodGhpcykpO1xuICAgIHRoaXMuZWxlbWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdkcmFnb3ZlcicsIHRoaXMuaGFuZGxlRHJhZ0VudGVyLmJpbmQodGhpcykpO1xuICB9XG5cbiAgcHJpdmF0ZSBoYW5kbGVEcmFnRW50ZXIoZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICB0aGlzLmNyZWF0ZVpvbmUoKTtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICB9XG4gIHByaXZhdGUgaGFuZGxlRHJhZ0xlYXZlKGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgdGhpcy5yZW1vdmVab25lKCk7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgfVxuXG4gIHByaXZhdGUgY3JlYXRlWm9uZSgpIHtcbiAgICB0aGlzLm92ZXJsYXlFbGVtZW50ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgdGhpcy5vdmVybGF5RWxlbWVudC5jbGFzc0xpc3QuYWRkKCdheC1kcm9wLW92ZXItc3RhdGUnKTtcblxuICAgIGNvbnN0IGljb246IEhUTUxTcGFuRWxlbWVudCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NwYW4nKTtcbiAgICBpY29uLmNsYXNzTGlzdC5hZGQoJ2F4LWljb24nLCAnYXgtaWNvbi11cGxvYWQnKTtcblxuICAgIGNvbnN0IHRleHQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzcGFuJyk7XG4gICAgdGV4dC5pbm5lclRleHQgPSBBWFRyYW5zbGF0b3IuZ2V0KCd1cGxvYWRlci56b25lLnRleHQnKTtcbiAgICB0aGlzLm92ZXJsYXlFbGVtZW50LmFwcGVuZENoaWxkKGljb24pO1xuICAgIHRoaXMub3ZlcmxheUVsZW1lbnQuYXBwZW5kQ2hpbGQodGV4dCk7XG5cbiAgICB0aGlzLmVsZW1lbnQuYXBwZW5kQ2hpbGQodGhpcy5vdmVybGF5RWxlbWVudCk7XG4gIH1cbiAgcHJpdmF0ZSByZW1vdmVab25lKCkge1xuICAgIHRoaXMub3ZlcmxheUVsZW1lbnQucmVtb3ZlKCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/uploader/lib/uploader.module.mjs

@@ -2,22 +2,41 @@ import { AXButtonModule } from '@acorex/components/button';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
+import { AXTranslationModule } from '@acorex/core/translation';
 import { AXUploaderDropZoneComponent } from './uploader-drop-zone.component';
 import { AXUploaderListComponent } from './uploader-list.component';
 import { AXUploaderOverlayComponent } from './uploader-overlay.component';
+import { AXUploaderZoneDirective } from './uploader-zone.directive';
+import { AXUploaderService } from './uploader.service';
 import * as i0 from "@angular/core";
 export class AXUploaderModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXUploaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.9", ngImport: i0, type: AXUploaderModule, declarations: [AXUploaderDropZoneComponent, AXUploaderListComponent, AXUploaderOverlayComponent], imports: [CommonModule, AXDecoratorModule, AXButtonModule], exports: [AXUploaderDropZoneComponent, AXUploaderListComponent, AXUploaderOverlayComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXUploaderModule, imports: [CommonModule, AXDecoratorModule, AXButtonModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.9", ngImport: i0, type: AXUploaderModule, declarations: [AXUploaderDropZoneComponent,
+            AXUploaderListComponent,
+            AXUploaderOverlayComponent,
+            AXUploaderZoneDirective], imports: [CommonModule, AXDecoratorModule, AXButtonModule, AXTranslationModule], exports: [AXUploaderDropZoneComponent,
+            AXUploaderListComponent,
+            AXUploaderOverlayComponent,
+            AXUploaderZoneDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXUploaderModule, providers: [AXUploaderService], imports: [CommonModule, AXDecoratorModule, AXButtonModule, AXTranslationModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXUploaderModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [AXUploaderDropZoneComponent, AXUploaderListComponent, AXUploaderOverlayComponent],
-                    imports: [CommonModule, AXDecoratorModule, AXButtonModule],
-                    exports: [AXUploaderDropZoneComponent, AXUploaderListComponent, AXUploaderOverlayComponent],
-                    providers: [],
+                    declarations: [
+                        AXUploaderDropZoneComponent,
+                        AXUploaderListComponent,
+                        AXUploaderOverlayComponent,
+                        AXUploaderZoneDirective,
+                    ],
+                    imports: [CommonModule, AXDecoratorModule, AXButtonModule, AXTranslationModule],
+                    exports: [
+                        AXUploaderDropZoneComponent,
+                        AXUploaderListComponent,
+                        AXUploaderOverlayComponent,
+                        AXUploaderZoneDirective,
+                    ],
+                    providers: [AXUploaderService],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3VwbG9hZGVyL3NyYy9saWIvdXBsb2FkZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM3RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFRMUUsTUFBTSxPQUFPLGdCQUFnQjs4R0FBaEIsZ0JBQWdCOytHQUFoQixnQkFBZ0IsaUJBTFosMkJBQTJCLEVBQUUsdUJBQXVCLEVBQUUsMEJBQTBCLGFBQ3JGLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxjQUFjLGFBQy9DLDJCQUEyQixFQUFFLHVCQUF1QixFQUFFLDBCQUEwQjsrR0FHL0UsZ0JBQWdCLFlBSmpCLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxjQUFjOzsyRkFJOUMsZ0JBQWdCO2tCQU41QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLDJCQUEyQixFQUFFLHVCQUF1QixFQUFFLDBCQUEwQixDQUFDO29CQUNoRyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsaUJBQWlCLEVBQUUsY0FBYyxDQUFDO29CQUMxRCxPQUFPLEVBQUUsQ0FBQywyQkFBMkIsRUFBRSx1QkFBdUIsRUFBRSwwQkFBMEIsQ0FBQztvQkFDM0YsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHsgQVhEZWNvcmF0b3JNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYVXBsb2FkZXJEcm9wWm9uZUNvbXBvbmVudCB9IGZyb20gJy4vdXBsb2FkZXItZHJvcC16b25lLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWFVwbG9hZGVyTGlzdENvbXBvbmVudCB9IGZyb20gJy4vdXBsb2FkZXItbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhVcGxvYWRlck92ZXJsYXlDb21wb25lbnQgfSBmcm9tICcuL3VwbG9hZGVyLW92ZXJsYXkuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQVhVcGxvYWRlckRyb3Bab25lQ29tcG9uZW50LCBBWFVwbG9hZGVyTGlzdENvbXBvbmVudCwgQVhVcGxvYWRlck92ZXJsYXlDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBWERlY29yYXRvck1vZHVsZSwgQVhCdXR0b25Nb2R1bGVdLFxuICBleHBvcnRzOiBbQVhVcGxvYWRlckRyb3Bab25lQ29tcG9uZW50LCBBWFVwbG9hZGVyTGlzdENvbXBvbmVudCwgQVhVcGxvYWRlck92ZXJsYXlDb21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFVwbG9hZGVyTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3VwbG9hZGVyL3NyYy9saWIvdXBsb2FkZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM3RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMxRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFrQnZELE1BQU0sT0FBTyxnQkFBZ0I7OEdBQWhCLGdCQUFnQjsrR0FBaEIsZ0JBQWdCLGlCQWR6QiwyQkFBMkI7WUFDM0IsdUJBQXVCO1lBQ3ZCLDBCQUEwQjtZQUMxQix1QkFBdUIsYUFFZixZQUFZLEVBQUUsaUJBQWlCLEVBQUUsY0FBYyxFQUFFLG1CQUFtQixhQUU1RSwyQkFBMkI7WUFDM0IsdUJBQXVCO1lBQ3ZCLDBCQUEwQjtZQUMxQix1QkFBdUI7K0dBSWQsZ0JBQWdCLGFBRmhCLENBQUMsaUJBQWlCLENBQUMsWUFQcEIsWUFBWSxFQUFFLGlCQUFpQixFQUFFLGNBQWMsRUFBRSxtQkFBbUI7OzJGQVNuRSxnQkFBZ0I7a0JBaEI1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWiwyQkFBMkI7d0JBQzNCLHVCQUF1Qjt3QkFDdkIsMEJBQTBCO3dCQUMxQix1QkFBdUI7cUJBQ3hCO29CQUNELE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxjQUFjLEVBQUUsbUJBQW1CLENBQUM7b0JBQy9FLE9BQU8sRUFBRTt3QkFDUCwyQkFBMkI7d0JBQzNCLHVCQUF1Qjt3QkFDdkIsMEJBQTBCO3dCQUMxQix1QkFBdUI7cUJBQ3hCO29CQUNELFNBQVMsRUFBRSxDQUFDLGlCQUFpQixDQUFDO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQgeyBBWERlY29yYXRvck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBBWFRyYW5zbGF0aW9uTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb3JlL3RyYW5zbGF0aW9uJztcbmltcG9ydCB7IEFYVXBsb2FkZXJEcm9wWm9uZUNvbXBvbmVudCB9IGZyb20gJy4vdXBsb2FkZXItZHJvcC16b25lLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWFVwbG9hZGVyTGlzdENvbXBvbmVudCB9IGZyb20gJy4vdXBsb2FkZXItbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhVcGxvYWRlck92ZXJsYXlDb21wb25lbnQgfSBmcm9tICcuL3VwbG9hZGVyLW92ZXJsYXkuY29tcG9uZW50JztcbmltcG9ydCB7IEFYVXBsb2FkZXJab25lRGlyZWN0aXZlIH0gZnJvbSAnLi91cGxvYWRlci16b25lLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBBWFVwbG9hZGVyU2VydmljZSB9IGZyb20gJy4vdXBsb2FkZXIuc2VydmljZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEFYVXBsb2FkZXJEcm9wWm9uZUNvbXBvbmVudCxcbiAgICBBWFVwbG9hZGVyTGlzdENvbXBvbmVudCxcbiAgICBBWFVwbG9hZGVyT3ZlcmxheUNvbXBvbmVudCxcbiAgICBBWFVwbG9hZGVyWm9uZURpcmVjdGl2ZSxcbiAgXSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQVhEZWNvcmF0b3JNb2R1bGUsIEFYQnV0dG9uTW9kdWxlLCBBWFRyYW5zbGF0aW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW1xuICAgIEFYVXBsb2FkZXJEcm9wWm9uZUNvbXBvbmVudCxcbiAgICBBWFVwbG9hZGVyTGlzdENvbXBvbmVudCxcbiAgICBBWFVwbG9hZGVyT3ZlcmxheUNvbXBvbmVudCxcbiAgICBBWFVwbG9hZGVyWm9uZURpcmVjdGl2ZSxcbiAgXSxcbiAgcHJvdmlkZXJzOiBbQVhVcGxvYWRlclNlcnZpY2VdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFVwbG9hZGVyTW9kdWxlIHt9XG4iXX0=

package/esm2022/uploader/lib/uploader.service.mjs

@@ -0,0 +1,30 @@
+import { Dialog } from '@angular/cdk/dialog';
+import { GlobalPositionStrategy } from '@angular/cdk/overlay';
+import { Injectable, inject } from '@angular/core';
+import { AXUploaderListComponent } from './uploader-list.component';
+import * as i0 from "@angular/core";
+export class AXUploaderService {
+    constructor() {
+        this.dialog = inject(Dialog);
+    }
+    openDialog() {
+        const positionStrategy = new GlobalPositionStrategy();
+        this.dialogRef = this.dialog.open(AXUploaderListComponent, {
+            hasBackdrop: false,
+            closeOnNavigation: false,
+            width: '320px',
+            maxWidth: 320,
+            panelClass: ['ax-uploader-list-pane', 'ax-animate-animated', 'ax-animate-fadeIn', 'ax-animate-faster'],
+            positionStrategy: positionStrategy.bottom().end('24px'),
+        });
+    }
+    closeDialog() {
+        this.dialogRef.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXUploaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXUploaderService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXUploaderService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkZXIuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy91cGxvYWRlci9zcmMvbGliL3VwbG9hZGVyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE1BQU0sRUFBYSxNQUFNLHFCQUFxQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzlELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQUdwRSxNQUFNLE9BQU8saUJBQWlCO0lBRDlCO1FBRVUsV0FBTSxHQUFXLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztLQWtCekM7SUFmQyxVQUFVO1FBQ1IsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLHNCQUFzQixFQUFFLENBQUM7UUFDdEQsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyx1QkFBdUIsRUFBRTtZQUN6RCxXQUFXLEVBQUUsS0FBSztZQUNsQixpQkFBaUIsRUFBRSxLQUFLO1lBQ3hCLEtBQUssRUFBRSxPQUFPO1lBQ2QsUUFBUSxFQUFFLEdBQUc7WUFDYixVQUFVLEVBQUUsQ0FBQyx1QkFBdUIsRUFBRSxxQkFBcUIsRUFBRSxtQkFBbUIsRUFBRSxtQkFBbUIsQ0FBQztZQUN0RyxnQkFBZ0IsRUFBRSxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDO1NBQ3hELENBQWMsQ0FBQztJQUNsQixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDekIsQ0FBQzs4R0FsQlUsaUJBQWlCO2tIQUFqQixpQkFBaUI7OzJGQUFqQixpQkFBaUI7a0JBRDdCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaWFsb2csIERpYWxvZ1JlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kaWFsb2cnO1xuaW1wb3J0IHsgR2xvYmFsUG9zaXRpb25TdHJhdGVneSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcbmltcG9ydCB7IEluamVjdGFibGUsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhVcGxvYWRlckxpc3RDb21wb25lbnQgfSBmcm9tICcuL3VwbG9hZGVyLWxpc3QuY29tcG9uZW50JztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIEFYVXBsb2FkZXJTZXJ2aWNlIHtcbiAgcHJpdmF0ZSBkaWFsb2c6IERpYWxvZyA9IGluamVjdChEaWFsb2cpO1xuICBkaWFsb2dSZWY6IERpYWxvZ1JlZjtcblxuICBvcGVuRGlhbG9nKCkge1xuICAgIGNvbnN0IHBvc2l0aW9uU3RyYXRlZ3kgPSBuZXcgR2xvYmFsUG9zaXRpb25TdHJhdGVneSgpO1xuICAgIHRoaXMuZGlhbG9nUmVmID0gdGhpcy5kaWFsb2cub3BlbihBWFVwbG9hZGVyTGlzdENvbXBvbmVudCwge1xuICAgICAgaGFzQmFja2Ryb3A6IGZhbHNlLFxuICAgICAgY2xvc2VPbk5hdmlnYXRpb246IGZhbHNlLFxuICAgICAgd2lkdGg6ICczMjBweCcsXG4gICAgICBtYXhXaWR0aDogMzIwLFxuICAgICAgcGFuZWxDbGFzczogWydheC11cGxvYWRlci1saXN0LXBhbmUnLCAnYXgtYW5pbWF0ZS1hbmltYXRlZCcsICdheC1hbmltYXRlLWZhZGVJbicsICdheC1hbmltYXRlLWZhc3RlciddLFxuICAgICAgcG9zaXRpb25TdHJhdGVneTogcG9zaXRpb25TdHJhdGVneS5ib3R0b20oKS5lbmQoJzI0cHgnKSxcbiAgICB9KSBhcyBEaWFsb2dSZWY7XG4gIH1cblxuICBjbG9zZURpYWxvZygpIHtcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xuICB9XG59XG4iXX0=

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

@@ -1,10 +1,10 @@
 import { MXBaseComponent, AXClosbaleComponent, AXFocusableComponent, AXComponentClosedPromise, AXCommonModule } from '@acorex/components/common';
+import * as i1 from '@angular/cdk/dialog';
+import { DIALOG_DATA, Dialog, DialogModule } from '@angular/cdk/dialog';
 import * as i3 from '@angular/cdk/portal';
 import { TemplatePortal, ComponentPortal, PortalModule } from '@angular/cdk/portal';
 import * as i0 from '@angular/core';
 import { TemplateRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Inject, HostListener, inject, Injectable, NgModule } from '@angular/core';
-import * as i1 from '@angular/cdk/dialog';
-import { DIALOG_DATA, Dialog, DialogModule } from '@angular/cdk/dialog';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i4 from '@acorex/components/decorators';
@@ -17,8 +17,8 @@ import { GlobalPositionStrategy } from '@angular/cdk/overlay';
 
 class AXActionSheetComponent extends MXBaseComponent {
     /**
-       *  @ignore
-       */
+     *  @ignore
+     */
     constructor(data, dialogRef) {
         super();
         this.data = data;
@@ -70,21 +70,29 @@ class AXActionSheetComponent extends MXBaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXActionSheetComponent, deps: [{ token: DIALOG_DATA }, { token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXActionSheetComponent, selector: "ax-action-sheet", host: { listeners: { "keydown.escape": "onKeydownHandler()" } }, providers: [{
-                provide: AXClosbaleComponent, useExisting: AXActionSheetComponent,
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXActionSheetComponent, selector: "ax-action-sheet", host: { listeners: { "keydown.escape": "onKeydownHandler()" } }, providers: [
+            {
+                provide: AXClosbaleComponent,
+                useExisting: AXActionSheetComponent,
             },
             {
-                provide: AXFocusableComponent, useExisting: AXActionSheetComponent,
-            }], usesInheritance: true, ngImport: i0, template: "<ax-header *ngIf=\"data.header\">\n  <ax-prefix>\n    <ax-title>{{ data.title }}</ax-title>\n    <ax-sub-title *ngIf=\"data.subTitle\">{{ data.subTitle }}</ax-sub-title>\n  </ax-prefix>\n  <ax-suffix>\n    <ax-close-button *ngIf=\"data.closeButton\"></ax-close-button>\n  </ax-suffix>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n  <ng-container *ngFor=\"let item of data.items\">\n    <div\n      class=\"ax-action-sheet-item ax-{{ item.color }}\"\n      [class.ax-state-disabled]=\"item.disabled\"\n      tabindex=\"0\"\n      (click)=\"onItemClick(item)\"\n    >\n      <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n      <span class=\"item-text\">{{ item.text }}</span>\n    </div>\n  </ng-container>\n</div>\n", styles: ["ax-action-sheet{display:block}@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:1rem;font-size:1.125rem;font-weight:500;border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-action-sheet ax-header ax-prefix,ax-action-sheet ax-header ax-suffix{display:flex;flex-direction:column;justify-content:flex-start}ax-action-sheet ax-header ax-prefix{align-items:flex-start}ax-action-sheet ax-header ax-suffix{align-items:flex-end}@media (max-width: 599px){ax-action-sheet ax-header{font-size:1rem}}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-default))}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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i4.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+                provide: AXFocusableComponent,
+                useExisting: AXActionSheetComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<ax-header *ngIf=\"data.header\">\n  <ax-prefix>\n    <ax-title>{{ data.title }}</ax-title>\n    <ax-sub-title *ngIf=\"data.subTitle\">{{ data.subTitle }}</ax-sub-title>\n  </ax-prefix>\n  <ax-suffix>\n    <ax-close-button *ngIf=\"data.closeButton\"></ax-close-button>\n  </ax-suffix>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n  <ng-container *ngFor=\"let item of data.items\">\n    <div\n      class=\"ax-action-sheet-item ax-{{ item.color }}\"\n      [class.ax-state-disabled]=\"item.disabled\"\n      tabindex=\"0\"\n      (click)=\"onItemClick(item)\"\n    >\n      <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n      <span class=\"item-text\">{{ item.text }}</span>\n    </div>\n  </ng-container>\n</div>\n", styles: [".ax-dark ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{background-color:rgba(var(--ax-color-gray-950))}ax-action-sheet{display:block}@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:1rem;font-size:1.125rem;font-weight:500;border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-action-sheet ax-header ax-prefix,ax-action-sheet ax-header ax-suffix{display:flex;flex-direction:column;justify-content:flex-start}ax-action-sheet ax-header ax-prefix{align-items:flex-start}ax-action-sheet ax-header ax-suffix{align-items:flex-end}@media (max-width: 599px){ax-action-sheet ax-header{font-size:1rem}}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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i4.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXActionSheetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
-                            provide: AXClosbaleComponent, useExisting: AXActionSheetComponent,
+            args: [{ selector: 'ax-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: AXClosbaleComponent,
+                            useExisting: AXActionSheetComponent,
                         },
                         {
-                            provide: AXFocusableComponent, useExisting: AXActionSheetComponent,
-                        }], template: "<ax-header *ngIf=\"data.header\">\n  <ax-prefix>\n    <ax-title>{{ data.title }}</ax-title>\n    <ax-sub-title *ngIf=\"data.subTitle\">{{ data.subTitle }}</ax-sub-title>\n  </ax-prefix>\n  <ax-suffix>\n    <ax-close-button *ngIf=\"data.closeButton\"></ax-close-button>\n  </ax-suffix>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n  <ng-container *ngFor=\"let item of data.items\">\n    <div\n      class=\"ax-action-sheet-item ax-{{ item.color }}\"\n      [class.ax-state-disabled]=\"item.disabled\"\n      tabindex=\"0\"\n      (click)=\"onItemClick(item)\"\n    >\n      <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n      <span class=\"item-text\">{{ item.text }}</span>\n    </div>\n  </ng-container>\n</div>\n", styles: ["ax-action-sheet{display:block}@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:1rem;font-size:1.125rem;font-weight:500;border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-action-sheet ax-header ax-prefix,ax-action-sheet ax-header ax-suffix{display:flex;flex-direction:column;justify-content:flex-start}ax-action-sheet ax-header ax-prefix{align-items:flex-start}ax-action-sheet ax-header ax-suffix{align-items:flex-end}@media (max-width: 599px){ax-action-sheet ax-header{font-size:1rem}}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-default))}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"] }]
+                            provide: AXFocusableComponent,
+                            useExisting: AXActionSheetComponent,
+                        },
+                    ], template: "<ax-header *ngIf=\"data.header\">\n  <ax-prefix>\n    <ax-title>{{ data.title }}</ax-title>\n    <ax-sub-title *ngIf=\"data.subTitle\">{{ data.subTitle }}</ax-sub-title>\n  </ax-prefix>\n  <ax-suffix>\n    <ax-close-button *ngIf=\"data.closeButton\"></ax-close-button>\n  </ax-suffix>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n  <ng-container *ngFor=\"let item of data.items\">\n    <div\n      class=\"ax-action-sheet-item ax-{{ item.color }}\"\n      [class.ax-state-disabled]=\"item.disabled\"\n      tabindex=\"0\"\n      (click)=\"onItemClick(item)\"\n    >\n      <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n      <span class=\"item-text\">{{ item.text }}</span>\n    </div>\n  </ng-container>\n</div>\n", styles: [".ax-dark ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{background-color:rgba(var(--ax-color-gray-950))}ax-action-sheet{display:block}@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:1rem;font-size:1.125rem;font-weight:500;border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-action-sheet ax-header ax-prefix,ax-action-sheet ax-header ax-suffix{display:flex;flex-direction:column;justify-content:flex-start}ax-action-sheet ax-header ax-prefix{align-items:flex-start}ax-action-sheet ax-header ax-suffix{align-items:flex-end}@media (max-width: 599px){ax-action-sheet ax-header{font-size:1rem}}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: undefined, decorators: [{
                     type: Inject,
                     args: [DIALOG_DATA]
@@ -107,7 +115,7 @@ class AXActionSheetService {
         config = Object.assign(defaultConfig, config);
         const dialogRef = this.dialog.open(AXActionSheetComponent, {
             data: config,
-            autoFocus: "first-tabbable",
+            autoFocus: 'first-tabbable',
             restoreFocus: true,
             role: 'dialog',
             ariaModal: true,
@@ -116,7 +124,7 @@ class AXActionSheetService {
             hasBackdrop: true,
             panelClass: ['ax-actionsheet-panel'],
             disableClose: config.closeOnBackdropClick ? false : true,
-            positionStrategy: new GlobalPositionStrategy().centerHorizontally().bottom()
+            positionStrategy: new GlobalPositionStrategy().centerHorizontally().bottom(),
         });
         const promise = new AXComponentClosedPromise((resolve) => {
             dialogRef.closed.subscribe(() => {
@@ -142,7 +150,7 @@ const MODULES = [
     AXButtonModule,
     PortalModule,
     AXDecoratorModule,
-    DialogModule
+    DialogModule,
 ];
 class AXActionSheetModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXActionSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-action-sheet.mjs","sources":["../../../../libs/components/action-sheet/src/lib/action-sheet.component.ts","../../../../libs/components/action-sheet/src/lib/action-sheet.component.html","../../../../libs/components/action-sheet/src/lib/action-sheet.service.ts","../../../../libs/components/action-sheet/src/lib/action-sheet.module.ts","../../../../libs/components/action-sheet/src/acorex-components-action-sheet.ts"],"sourcesContent":["import { AXComponentCloseEvent, MXBaseComponent, AXClosbaleComponent, AXFocusableComponent } from '@acorex/components/common';\nimport {\n  CdkPortalOutletAttachedRef,\n  ComponentPortal,\n  Portal,\n  TemplatePortal,\n} from '@angular/cdk/portal';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ComponentRef,\n  HostListener,\n  Inject,\n  OnInit,\n  TemplateRef,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXActionSheetData, AXActionSheetItem } from './action-sheet.class';\nimport { DIALOG_DATA, DialogRef } from '@angular/cdk/dialog';\n\n@Component({\n  selector: 'ax-action-sheet',\n  templateUrl: './action-sheet.component.html',\n  styleUrls: ['./action-sheet.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{\n    provide: AXClosbaleComponent, useExisting: AXActionSheetComponent,\n  },\n  {\n    provide: AXFocusableComponent, useExisting: AXActionSheetComponent,\n  }]\n})\nexport class AXActionSheetComponent extends MXBaseComponent implements OnInit {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  protected _selectedPortal: Portal<any>;\n\n  private _componentRef: unknown\n\n  /**\n     *  @ignore\n     */\n  constructor(\n    @Inject(DIALOG_DATA)\n    protected data: AXActionSheetData,\n    private dialogRef: DialogRef<AXComponentCloseEvent>,\n  ) {\n    super();\n  }\n\n  ngOnInit(): void {\n    super.ngOnInit();\n    if (this.data.content) {\n      if (this.data.content instanceof TemplateRef) {\n        this._selectedPortal = new TemplatePortal(this.data.content, this.getViewContainer(), {\n          $implicit: this.data,\n          ref: this,\n        });\n        this.cdr.markForCheck();\n      } else if (typeof this.data.content === 'function') {\n        this._selectedPortal = new ComponentPortal(this.data.content);\n        this.cdr.markForCheck();\n      }\n    }\n  }\n\n  @HostListener('keydown.escape')\n  protected onKeydownHandler() {\n    const focusedOrHasFocused = this.getHostElement().matches(':focus-within');\n    if (this.data.closeButton && focusedOrHasFocused) {\n      this.close();\n    }\n  }\n\n  _handleAttched(ref: CdkPortalOutletAttachedRef) {\n    ref = ref as ComponentRef<any>;\n    if (ref.instance) {\n      this._componentRef = ref.instance;\n      Object.assign(this._componentRef, this.data);\n      Object.assign(this._componentRef, { _isPopup: true });\n      if (ref.instance.onClosed) {\n        ref.instance.onClosed.subscribe((e: AXComponentCloseEvent) => {\n          this.close();\n        });\n      }\n    }\n  }\n\n  onItemClick(item: AXActionSheetItem) {\n    this.close();\n    item?.onClick();\n  }\n\n  close() {\n    this.dialogRef.close({\n      component: this._componentRef,\n      htmlElement: this.getHostElement(),\n    });\n  }\n}\n","<ax-header *ngIf=\"data.header\">\n  <ax-prefix>\n    <ax-title>{{ data.title }}</ax-title>\n    <ax-sub-title *ngIf=\"data.subTitle\">{{ data.subTitle }}</ax-sub-title>\n  </ax-prefix>\n  <ax-suffix>\n    <ax-close-button *ngIf=\"data.closeButton\"></ax-close-button>\n  </ax-suffix>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n  <ng-container *ngFor=\"let item of data.items\">\n    <div\n      class=\"ax-action-sheet-item ax-{{ item.color }}\"\n      [class.ax-state-disabled]=\"item.disabled\"\n      tabindex=\"0\"\n      (click)=\"onItemClick(item)\"\n    >\n      <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n      <span class=\"item-text\">{{ item.text }}</span>\n    </div>\n  </ng-container>\n</div>\n","import {\n  AXComponentClosedPromise\n} from '@acorex/components/common';\nimport { AXTranslator } from '@acorex/core/translation';\nimport { inject, Injectable } from '@angular/core';\nimport { AXActionSheetComponent } from './action-sheet.component';\nimport { Dialog } from '@angular/cdk/dialog';\nimport { AXActionSheetConfig } from './action-sheet.class';\nimport { GlobalPositionStrategy } from '@angular/cdk/overlay';\n\n@Injectable()\nexport class AXActionSheetService {\n\n  private dialog: Dialog = inject(Dialog);\n\n\n  open(config: AXActionSheetConfig): AXComponentClosedPromise {\n    const defaultConfig: AXActionSheetConfig = {\n      title: AXTranslator.get('action-sheet.title'),\n      closeButton: true,\n      closeOnBackdropClick: true,\n      header: true,\n    };\n    config = Object.assign(defaultConfig, config);\n\n    const dialogRef = this.dialog.open(AXActionSheetComponent, {\n      data: config,\n      autoFocus: \"first-tabbable\",\n      restoreFocus: true,\n      role: 'dialog',\n      ariaModal: true,\n      closeOnNavigation: true,\n      closeOnDestroy: true,\n      hasBackdrop: true,\n      panelClass: ['ax-actionsheet-panel'],\n      disableClose: config.closeOnBackdropClick ? false : true,\n      positionStrategy: new GlobalPositionStrategy().centerHorizontally().bottom()\n    });\n    const promise = new AXComponentClosedPromise((resolve) => {\n      dialogRef.closed.subscribe(() => {\n        if (resolve) {\n          resolve();\n        }\n      });\n    });\n    return promise;\n  }\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXActionSheetComponent } from './action-sheet.component';\nimport { AXActionSheetService } from './action-sheet.service';\nimport { DialogModule } from '@angular/cdk/dialog';\n\nconst MODULES = [\n  CommonModule,\n  AXCommonModule,\n  DragDropModule,\n  A11yModule,\n  AXButtonModule,\n  PortalModule,\n  AXDecoratorModule,\n  DialogModule\n];\n\n@NgModule({\n  declarations: [AXActionSheetComponent],\n  imports: [...MODULES],\n  exports: [AXActionSheetComponent],\n  providers: [AXActionSheetService],\n})\nexport class AXActionSheetModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-action-sheet.mjs","sources":["../../../../libs/components/action-sheet/src/lib/action-sheet.component.ts","../../../../libs/components/action-sheet/src/lib/action-sheet.component.html","../../../../libs/components/action-sheet/src/lib/action-sheet.service.ts","../../../../libs/components/action-sheet/src/lib/action-sheet.module.ts","../../../../libs/components/action-sheet/src/acorex-components-action-sheet.ts"],"sourcesContent":["import {\n  AXClosbaleComponent,\n  AXComponentCloseEvent,\n  AXFocusableComponent,\n  MXBaseComponent,\n} from '@acorex/components/common';\nimport { DIALOG_DATA, DialogRef } from '@angular/cdk/dialog';\nimport { CdkPortalOutletAttachedRef, ComponentPortal, Portal, TemplatePortal } from '@angular/cdk/portal';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ComponentRef,\n  HostListener,\n  Inject,\n  OnInit,\n  TemplateRef,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXActionSheetData, AXActionSheetItem } from './action-sheet.class';\n\n@Component({\n  selector: 'ax-action-sheet',\n  templateUrl: './action-sheet.component.html',\n  styleUrls: ['./action-sheet.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: AXClosbaleComponent,\n      useExisting: AXActionSheetComponent,\n    },\n    {\n      provide: AXFocusableComponent,\n      useExisting: AXActionSheetComponent,\n    },\n  ],\n})\nexport class AXActionSheetComponent extends MXBaseComponent implements OnInit {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  protected _selectedPortal: Portal<any>;\n\n  private _componentRef: unknown;\n\n  /**\n   *  @ignore\n   */\n  constructor(\n    @Inject(DIALOG_DATA)\n    protected data: AXActionSheetData,\n    private dialogRef: DialogRef<AXComponentCloseEvent>,\n  ) {\n    super();\n  }\n\n  ngOnInit(): void {\n    super.ngOnInit();\n    if (this.data.content) {\n      if (this.data.content instanceof TemplateRef) {\n        this._selectedPortal = new TemplatePortal(this.data.content, this.getViewContainer(), {\n          $implicit: this.data,\n          ref: this,\n        });\n        this.cdr.markForCheck();\n      } else if (typeof this.data.content === 'function') {\n        this._selectedPortal = new ComponentPortal(this.data.content);\n        this.cdr.markForCheck();\n      }\n    }\n  }\n\n  @HostListener('keydown.escape')\n  protected onKeydownHandler() {\n    const focusedOrHasFocused = this.getHostElement().matches(':focus-within');\n    if (this.data.closeButton && focusedOrHasFocused) {\n      this.close();\n    }\n  }\n\n  _handleAttched(ref: CdkPortalOutletAttachedRef) {\n    ref = ref as ComponentRef<any>;\n    if (ref.instance) {\n      this._componentRef = ref.instance;\n      Object.assign(this._componentRef, this.data);\n      Object.assign(this._componentRef, { _isPopup: true });\n      if (ref.instance.onClosed) {\n        ref.instance.onClosed.subscribe((e: AXComponentCloseEvent) => {\n          this.close();\n        });\n      }\n    }\n  }\n\n  onItemClick(item: AXActionSheetItem) {\n    this.close();\n    item?.onClick();\n  }\n\n  close() {\n    this.dialogRef.close({\n      component: this._componentRef,\n      htmlElement: this.getHostElement(),\n    });\n  }\n}\n","<ax-header *ngIf=\"data.header\">\n  <ax-prefix>\n    <ax-title>{{ data.title }}</ax-title>\n    <ax-sub-title *ngIf=\"data.subTitle\">{{ data.subTitle }}</ax-sub-title>\n  </ax-prefix>\n  <ax-suffix>\n    <ax-close-button *ngIf=\"data.closeButton\"></ax-close-button>\n  </ax-suffix>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n  <ng-container *ngFor=\"let item of data.items\">\n    <div\n      class=\"ax-action-sheet-item ax-{{ item.color }}\"\n      [class.ax-state-disabled]=\"item.disabled\"\n      tabindex=\"0\"\n      (click)=\"onItemClick(item)\"\n    >\n      <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n      <span class=\"item-text\">{{ item.text }}</span>\n    </div>\n  </ng-container>\n</div>\n","import { AXComponentClosedPromise } from '@acorex/components/common';\nimport { AXTranslator } from '@acorex/core/translation';\nimport { Dialog } from '@angular/cdk/dialog';\nimport { GlobalPositionStrategy } from '@angular/cdk/overlay';\nimport { inject, Injectable } from '@angular/core';\nimport { AXActionSheetConfig } from './action-sheet.class';\nimport { AXActionSheetComponent } from './action-sheet.component';\n\n@Injectable()\nexport class AXActionSheetService {\n  private dialog: Dialog = inject(Dialog);\n\n  open(config: AXActionSheetConfig): AXComponentClosedPromise {\n    const defaultConfig: AXActionSheetConfig = {\n      title: AXTranslator.get('action-sheet.title'),\n      closeButton: true,\n      closeOnBackdropClick: true,\n      header: true,\n    };\n    config = Object.assign(defaultConfig, config);\n\n    const dialogRef = this.dialog.open(AXActionSheetComponent, {\n      data: config,\n      autoFocus: 'first-tabbable',\n      restoreFocus: true,\n      role: 'dialog',\n      ariaModal: true,\n      closeOnNavigation: true,\n      closeOnDestroy: true,\n      hasBackdrop: true,\n      panelClass: ['ax-actionsheet-panel'],\n      disableClose: config.closeOnBackdropClick ? false : true,\n      positionStrategy: new GlobalPositionStrategy().centerHorizontally().bottom(),\n    });\n    const promise = new AXComponentClosedPromise((resolve) => {\n      dialogRef.closed.subscribe(() => {\n        if (resolve) {\n          resolve();\n        }\n      });\n    });\n    return promise;\n  }\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { DialogModule } from '@angular/cdk/dialog';\nimport { AXActionSheetComponent } from './action-sheet.component';\nimport { AXActionSheetService } from './action-sheet.service';\n\nconst MODULES = [\n  CommonModule,\n  AXCommonModule,\n  DragDropModule,\n  A11yModule,\n  AXButtonModule,\n  PortalModule,\n  AXDecoratorModule,\n  DialogModule,\n];\n\n@NgModule({\n  declarations: [AXActionSheetComponent],\n  imports: [...MODULES],\n  exports: [AXActionSheetComponent],\n  providers: [AXActionSheetService],\n})\nexport class AXActionSheetModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}