npm - @acorex/components - Versions diffs - 21.0.2-next.24 → 21.0.2-next.26 - Mend

@acorex/components 21.0.2-next.24 → 21.0.2-next.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (340) hide show

package/fesm2022/acorex-components-alert.mjs CHANGED Viewed

@@ -93,13 +93,13 @@ class AXAlertComponent extends MXColorComponent {
         if (!this.axIcon() || this.axIcon().getHostElement().firstElementChild)
             return;
         switch (this.color) {
-            case 'success':
+            case 'ax-success':
                 this.axIcon().icon = 'ax-icon ax-icon-check-circle';
                 break;
-            case 'danger':
+            case 'ax-danger':
                 this.axIcon().icon = 'ax-icon ax-icon-error';
                 break;
-            case 'warning':
+            case 'ax-warning':
                 this.axIcon().icon = 'ax-icon ax-icon-warning';
                 break;
             default:
@@ -125,31 +125,31 @@ class AXAlertComponent extends MXColorComponent {
      *  @ignore
      */
     get __hostClass() {
-        return `ax-alert ax-none ax-${this.color}`;
+        return `ax-alert ax-none ${this.color}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXAlertComponent, isStandalone: true, selector: "ax-alert", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, timeOut: { classPropertyName: "timeOut", publicName: "timeOut", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { colorChange: "colorChange", onClosed: "onClosed", timeOut: "timeOutChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AXAlertComponent, isStandalone: true, selector: "ax-alert", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, timeOut: { classPropertyName: "timeOut", publicName: "timeOut", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { colorChange: "colorChange", onClosed: "onClosed", timeOut: "timeOutChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
             { provide: AXClosableComponent, useExisting: AXAlertComponent },
             { provide: AXComponent, useExisting: AXAlertComponent },
-        ], queries: [{ propertyName: "axIcon", first: true, predicate: ["ax-icon"], descendants: true, isSignal: true }, { propertyName: "axTitle", first: true, predicate: ["ax-title"], descendants: true, isSignal: true }, { propertyName: "axContent", first: true, predicate: ["ax-content"], descendants: true, isSignal: true }, { propertyName: "axFooter", first: true, predicate: ["ax-footer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (showInline()) {\n  <div class=\"ax-alert-inline\">\n    <div class=\"ax-alert-icon ax-icon-solid\">\n      <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n    </div>\n    <div class=\"ax-alert-title\">\n      <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n    </div>\n    <div class=\"ax-alert-buttons\">\n      <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n    </div>\n    <ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container>\n  </div>\n} @else {\n  <div class=\"ax-alert-block\">\n    <div class=\"ax-alert-icon ax-icon-solid\">\n      <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n    </div>\n    <div class=\"ax-alert-content\">\n      <div class=\"ax-alert-title\">\n        <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n      </div>\n      <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n      <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n    </div>\n    <div><ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container></div>\n  </div>\n}\n\n@if (timeOut()) {\n  <div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut()\"></div>\n}\n\n<ng-template #buttons>\n  <ng-content select=\"ax-button\"> </ng-content>\n</ng-template>\n<ng-template #closeButton>\n  <ng-content select=\"ax-close-button\"> </ng-content>\n</ng-template>\n<ng-template #title>\n  <ng-content select=\"ax-title\"> </ng-content>\n</ng-template>\n<ng-template #icon>\n  <ng-content select=\"ax-icon\"> </ng-content>\n</ng-template>\n<ng-template #content>\n  <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n<ng-template #footer>\n  <ng-content select=\"ax-footer\"> </ng-content>\n</ng-template>\n", styles: ["ax-alert{--ax-comp-alert-bg-color-opacity: .15;--ax-comp-alert-icon-border-radius: 100%;--ax-comp-alert-border-radius: var(--ax-sys-border-radius)}ax-alert.ax-default{--ax-comp-alert-bg-color-opacity: 1;--ax-comp-alert-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-alert-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-lightest-surface)}.ax-dark ax-alert.ax-default{--ax-comp-alert-bg-color-opacity: 1;--ax-comp-alert-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-alert-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-darkest-surface)}ax-alert{--ax-comp-alert-title-content-text-color: var(--ax-sys-color-on-lightest-surface)}ax-alert.ax-primary{--ax-comp-alert-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-alert-border-color: var(--ax-sys-color-primary-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-primary-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-primary-surface)}ax-alert.ax-secondary{--ax-comp-alert-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-alert-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-secondary-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-secondary-surface)}ax-alert.ax-success{--ax-comp-alert-bg-color: var(--ax-sys-color-success-surface);--ax-comp-alert-border-color: var(--ax-sys-color-success-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-success-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-success-surface)}ax-alert.ax-warning{--ax-comp-alert-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-alert-border-color: var(--ax-sys-color-warning-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-warning-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-warning-surface)}ax-alert.ax-danger{--ax-comp-alert-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-alert-border-color: var(--ax-sys-color-danger-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-danger-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-danger-surface)}ax-alert.ax-accent1{--ax-comp-alert-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent1-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent1-surface)}ax-alert.ax-accent2{--ax-comp-alert-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent2-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent2-surface)}ax-alert.ax-accent3{--ax-comp-alert-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent3-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent3-surface)}ax-alert.ax-accent4{--ax-comp-alert-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent4-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent4-surface)}ax-alert.ax-accent5{--ax-comp-alert-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent5-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent5-surface)}ax-alert.ax-accent6{--ax-comp-alert-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent6-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent6-surface)}ax-alert.ax-accent7{--ax-comp-alert-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent7-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent7-surface)}ax-alert{gap:1rem;padding:1rem;display:flex;overflow:hidden;border-width:1px;position:relative;font-size:var(--ax-comp-alert-font-size, .875rem);line-height:var(--ax-comp-alert-line-height, 1.25rem);border-radius:var(--ax-comp-alert-border-radius);border-color:rgba(var(--ax-comp-alert-border-color));background-color:rgba(var(--ax-comp-alert-bg-color),var(--ax-comp-alert-bg-color-opacity));width:100%}ax-alert ax-title,ax-alert ax-content{color:rgba(var(--ax-comp-alert-title-content-text-color))}ax-alert .ax-alert-progress{background-color:rgba(var(--ax-comp-alert-progress-bg-color))}ax-alert .ax-alert-inline{display:flex;flex:1 1 0%;align-items:center;justify-content:center}ax-alert .ax-alert-block{display:flex;width:100%}ax-alert .ax-alert-block .ax-alert-content{display:flex;flex-direction:column;line-height:1.5;flex:1}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:empty{display:none}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:not(:empty)+ax-content:not(:empty){margin-top:.5rem}ax-alert .ax-alert-block .ax-alert-content ax-footer{margin-top:1rem}ax-alert .ax-alert-icon{display:grid;color:rgba(var(--ax-comp-alert-icon-color));border-radius:var(--ax-comp-alert-icon-border-radius);padding-inline-end:.5rem;font-size:1.125rem;line-height:1.75rem;align-items:start}ax-alert .ax-alert-icon ax-icon{line-height:var(--ax-comp-alert-icon-line-height, normal)}ax-alert .ax-alert-buttons{padding-inline-start:1rem}ax-alert .ax-alert-title{display:flex;flex:1 1 0%;flex-direction:column}ax-alert .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-progress{position:absolute;bottom:0;inset-inline-start:0px;height:.25rem}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "axIcon", first: true, predicate: ["ax-icon"], descendants: true, isSignal: true }, { propertyName: "axTitle", first: true, predicate: ["ax-title"], descendants: true, isSignal: true }, { propertyName: "axContent", first: true, predicate: ["ax-content"], descendants: true, isSignal: true }, { propertyName: "axFooter", first: true, predicate: ["ax-footer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (showInline()) {\n  <div class=\"ax-alert-inline\">\n    <div class=\"ax-alert-icon ax-icon-solid\">\n      <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n    </div>\n    <div class=\"ax-alert-title\">\n      <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n    </div>\n    <div class=\"ax-alert-buttons\">\n      <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n    </div>\n    <ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container>\n  </div>\n} @else {\n  <div class=\"ax-alert-block\">\n    <div class=\"ax-alert-icon ax-icon-solid\">\n      <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n    </div>\n    <div class=\"ax-alert-content\">\n      <div class=\"ax-alert-title\">\n        <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n      </div>\n      <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n      <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n    </div>\n    <div><ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container></div>\n  </div>\n}\n\n@if (timeOut()) {\n  <div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut()\"></div>\n}\n\n<ng-template #buttons>\n  <ng-content select=\"ax-button\"> </ng-content>\n</ng-template>\n<ng-template #closeButton>\n  <ng-content select=\"ax-close-button\"> </ng-content>\n</ng-template>\n<ng-template #title>\n  <ng-content select=\"ax-title\"> </ng-content>\n</ng-template>\n<ng-template #icon>\n  <ng-content select=\"ax-icon\"> </ng-content>\n</ng-template>\n<ng-template #content>\n  <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n<ng-template #footer>\n  <ng-content select=\"ax-footer\"> </ng-content>\n</ng-template>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}@layer components{ax-alert{gap:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--ax-comp-bg);background-color:var(--ax-comp-bg);width:100%;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){ax-alert{background-color:color-mix(in oklab,var(--ax-comp-bg) 15%,transparent)}}ax-alert{padding:calc(var(--spacing,.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}ax-alert ax-title,ax-alert ax-content{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-alert .ax-alert-progress{background-color:var(--ax-comp-text)}ax-alert .ax-alert-inline{flex:1;justify-content:center;align-items:center;display:flex}ax-alert .ax-alert-block{width:100%;display:flex}ax-alert .ax-alert-block .ax-alert-content{--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);flex-direction:column;flex:1;display:flex}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:empty{display:none}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:not(:empty)+ax-content:not(:empty){margin-top:calc(var(--spacing,.25rem) * 2)}ax-alert .ax-alert-block .ax-alert-content ax-footer{margin-top:calc(var(--spacing,.25rem) * 4)}ax-alert .ax-alert-icon{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));color:var(--ax-comp-bg);border-radius:3.40282e38px;align-items:flex-start;padding-inline-end:calc(var(--spacing,.25rem) * 2);display:grid}ax-alert .ax-alert-icon ax-icon{--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5)}ax-alert .ax-alert-buttons{padding-inline-start:calc(var(--spacing,.25rem) * 4)}ax-alert .ax-alert-title{flex-direction:column;flex:1;display:flex}ax-alert .ax-alert-title ax-title{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-alert .ax-alert-progress{inset-inline-start:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 0);height:calc(var(--spacing,.25rem) * 1);position:absolute}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAlertComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXAlertComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-alert', inputs: ['color'], outputs: ['colorChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         { provide: AXClosableComponent, useExisting: AXAlertComponent },
                         { provide: AXComponent, useExisting: AXAlertComponent },
-                    ], imports: [NgTemplateOutlet], template: "@if (showInline()) {\n  <div class=\"ax-alert-inline\">\n    <div class=\"ax-alert-icon ax-icon-solid\">\n      <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n    </div>\n    <div class=\"ax-alert-title\">\n      <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n    </div>\n    <div class=\"ax-alert-buttons\">\n      <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n    </div>\n    <ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container>\n  </div>\n} @else {\n  <div class=\"ax-alert-block\">\n    <div class=\"ax-alert-icon ax-icon-solid\">\n      <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n    </div>\n    <div class=\"ax-alert-content\">\n      <div class=\"ax-alert-title\">\n        <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n      </div>\n      <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n      <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n    </div>\n    <div><ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container></div>\n  </div>\n}\n\n@if (timeOut()) {\n  <div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut()\"></div>\n}\n\n<ng-template #buttons>\n  <ng-content select=\"ax-button\"> </ng-content>\n</ng-template>\n<ng-template #closeButton>\n  <ng-content select=\"ax-close-button\"> </ng-content>\n</ng-template>\n<ng-template #title>\n  <ng-content select=\"ax-title\"> </ng-content>\n</ng-template>\n<ng-template #icon>\n  <ng-content select=\"ax-icon\"> </ng-content>\n</ng-template>\n<ng-template #content>\n  <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n<ng-template #footer>\n  <ng-content select=\"ax-footer\"> </ng-content>\n</ng-template>\n", styles: ["ax-alert{--ax-comp-alert-bg-color-opacity: .15;--ax-comp-alert-icon-border-radius: 100%;--ax-comp-alert-border-radius: var(--ax-sys-border-radius)}ax-alert.ax-default{--ax-comp-alert-bg-color-opacity: 1;--ax-comp-alert-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-alert-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-lightest-surface)}.ax-dark ax-alert.ax-default{--ax-comp-alert-bg-color-opacity: 1;--ax-comp-alert-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-alert-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-darkest-surface)}ax-alert{--ax-comp-alert-title-content-text-color: var(--ax-sys-color-on-lightest-surface)}ax-alert.ax-primary{--ax-comp-alert-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-alert-border-color: var(--ax-sys-color-primary-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-primary-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-primary-surface)}ax-alert.ax-secondary{--ax-comp-alert-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-alert-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-secondary-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-secondary-surface)}ax-alert.ax-success{--ax-comp-alert-bg-color: var(--ax-sys-color-success-surface);--ax-comp-alert-border-color: var(--ax-sys-color-success-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-success-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-success-surface)}ax-alert.ax-warning{--ax-comp-alert-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-alert-border-color: var(--ax-sys-color-warning-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-warning-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-warning-surface)}ax-alert.ax-danger{--ax-comp-alert-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-alert-border-color: var(--ax-sys-color-danger-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-danger-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-danger-surface)}ax-alert.ax-accent1{--ax-comp-alert-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent1-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent1-surface)}ax-alert.ax-accent2{--ax-comp-alert-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent2-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent2-surface)}ax-alert.ax-accent3{--ax-comp-alert-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent3-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent3-surface)}ax-alert.ax-accent4{--ax-comp-alert-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent4-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent4-surface)}ax-alert.ax-accent5{--ax-comp-alert-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent5-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent5-surface)}ax-alert.ax-accent6{--ax-comp-alert-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent6-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent6-surface)}ax-alert.ax-accent7{--ax-comp-alert-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent7-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent7-surface)}ax-alert{gap:1rem;padding:1rem;display:flex;overflow:hidden;border-width:1px;position:relative;font-size:var(--ax-comp-alert-font-size, .875rem);line-height:var(--ax-comp-alert-line-height, 1.25rem);border-radius:var(--ax-comp-alert-border-radius);border-color:rgba(var(--ax-comp-alert-border-color));background-color:rgba(var(--ax-comp-alert-bg-color),var(--ax-comp-alert-bg-color-opacity));width:100%}ax-alert ax-title,ax-alert ax-content{color:rgba(var(--ax-comp-alert-title-content-text-color))}ax-alert .ax-alert-progress{background-color:rgba(var(--ax-comp-alert-progress-bg-color))}ax-alert .ax-alert-inline{display:flex;flex:1 1 0%;align-items:center;justify-content:center}ax-alert .ax-alert-block{display:flex;width:100%}ax-alert .ax-alert-block .ax-alert-content{display:flex;flex-direction:column;line-height:1.5;flex:1}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:empty{display:none}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:not(:empty)+ax-content:not(:empty){margin-top:.5rem}ax-alert .ax-alert-block .ax-alert-content ax-footer{margin-top:1rem}ax-alert .ax-alert-icon{display:grid;color:rgba(var(--ax-comp-alert-icon-color));border-radius:var(--ax-comp-alert-icon-border-radius);padding-inline-end:.5rem;font-size:1.125rem;line-height:1.75rem;align-items:start}ax-alert .ax-alert-icon ax-icon{line-height:var(--ax-comp-alert-icon-line-height, normal)}ax-alert .ax-alert-buttons{padding-inline-start:1rem}ax-alert .ax-alert-title{display:flex;flex:1 1 0%;flex-direction:column}ax-alert .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-progress{position:absolute;bottom:0;inset-inline-start:0px;height:.25rem}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { __hostClass: [{
+                    ], imports: [NgTemplateOutlet], template: "@if (showInline()) {\n  <div class=\"ax-alert-inline\">\n    <div class=\"ax-alert-icon ax-icon-solid\">\n      <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n    </div>\n    <div class=\"ax-alert-title\">\n      <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n    </div>\n    <div class=\"ax-alert-buttons\">\n      <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n    </div>\n    <ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container>\n  </div>\n} @else {\n  <div class=\"ax-alert-block\">\n    <div class=\"ax-alert-icon ax-icon-solid\">\n      <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n    </div>\n    <div class=\"ax-alert-content\">\n      <div class=\"ax-alert-title\">\n        <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n      </div>\n      <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n      <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n    </div>\n    <div><ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container></div>\n  </div>\n}\n\n@if (timeOut()) {\n  <div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut()\"></div>\n}\n\n<ng-template #buttons>\n  <ng-content select=\"ax-button\"> </ng-content>\n</ng-template>\n<ng-template #closeButton>\n  <ng-content select=\"ax-close-button\"> </ng-content>\n</ng-template>\n<ng-template #title>\n  <ng-content select=\"ax-title\"> </ng-content>\n</ng-template>\n<ng-template #icon>\n  <ng-content select=\"ax-icon\"> </ng-content>\n</ng-template>\n<ng-template #content>\n  <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n<ng-template #footer>\n  <ng-content select=\"ax-footer\"> </ng-content>\n</ng-template>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}@layer components{ax-alert{gap:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--ax-comp-bg);background-color:var(--ax-comp-bg);width:100%;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){ax-alert{background-color:color-mix(in oklab,var(--ax-comp-bg) 15%,transparent)}}ax-alert{padding:calc(var(--spacing,.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}ax-alert ax-title,ax-alert ax-content{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-alert .ax-alert-progress{background-color:var(--ax-comp-text)}ax-alert .ax-alert-inline{flex:1;justify-content:center;align-items:center;display:flex}ax-alert .ax-alert-block{width:100%;display:flex}ax-alert .ax-alert-block .ax-alert-content{--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);flex-direction:column;flex:1;display:flex}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:empty{display:none}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:not(:empty)+ax-content:not(:empty){margin-top:calc(var(--spacing,.25rem) * 2)}ax-alert .ax-alert-block .ax-alert-content ax-footer{margin-top:calc(var(--spacing,.25rem) * 4)}ax-alert .ax-alert-icon{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));color:var(--ax-comp-bg);border-radius:3.40282e38px;align-items:flex-start;padding-inline-end:calc(var(--spacing,.25rem) * 2);display:grid}ax-alert .ax-alert-icon ax-icon{--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5)}ax-alert .ax-alert-buttons{padding-inline-start:calc(var(--spacing,.25rem) * 4)}ax-alert .ax-alert-title{flex-direction:column;flex:1;display:flex}ax-alert .ax-alert-title ax-title{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-alert .ax-alert-progress{inset-inline-start:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 0);height:calc(var(--spacing,.25rem) * 1);position:absolute}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { axIcon: [{ type: i0.ContentChild, args: ['ax-icon', { isSignal: true }] }], axTitle: [{ type: i0.ContentChild, args: ['ax-title', { isSignal: true }] }], axContent: [{ type: i0.ContentChild, args: ['ax-content', { isSignal: true }] }], axFooter: [{ type: i0.ContentChild, args: ['ax-footer', { isSignal: true }] }], onClosed: [{ type: i0.Output, args: ["onClosed"] }], timeOut: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeOut", required: false }] }, { type: i0.Output, args: ["timeOutChange"] }], __hostClass: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
 class AXAlertModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: AXAlertModule, imports: [AXAlertComponent], exports: [AXAlertComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAlertModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AXAlertModule, imports: [AXAlertComponent], exports: [AXAlertComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXAlertModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAlertModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [AXAlertComponent],

package/fesm2022/acorex-components-alert.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-alert.mjs","sources":["../tmp-esm2022/alert/lib/alert.component.js","../tmp-esm2022/alert/lib/alert.module.js","../tmp-esm2022/alert/acorex-components-alert.js"],"sourcesContent":["import { AXClosableComponent, AXComponent, MXColorComponent } from '@acorex/cdk/common';\nimport { isBrowser } from '@acorex/core/platform';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { afterNextRender, ChangeDetectionStrategy, Component, contentChild, effect, HostBinding, model, output, signal, ViewEncapsulation, } from '@angular/core';\nimport * as i0 from \"@angular/core\";\n/*\n The Alert component is used to display notifications or alerts to users.\n \n @category Components\n /\nexport class AXAlertComponent extends MXColorComponent {\n /\n @ignore\n /\n constructor() {\n super();\n /\n @ignore\n /\n this.axIcon = contentChild('ax-icon', ...(ngDevMode ? [{ debugName: \"axIcon\" }] : []));\n /\n @ignore\n /\n this.axTitle = contentChild('ax-title', ...(ngDevMode ? [{ debugName: \"axTitle\" }] : []));\n /\n @ignore\n /\n this.axContent = contentChild('ax-content', ...(ngDevMode ? [{ debugName: \"axContent\" }] : []));\n /\n @ignore\n /\n this.axFooter = contentChild('ax-footer', ...(ngDevMode ? [{ debugName: \"axFooter\" }] : []));\n /\n @ignore\n /\n this.showInline = signal(false, ...(ngDevMode ? [{ debugName: \"showInline\" }] : []));\n /\n Emits an event when the alert component is closed.\n \n @event\n /\n this.onClosed = output();\n /\n @ignore\n /\n this.customIcon = signal('', ...(ngDevMode ? [{ debugName: \"customIcon\" }] : []));\n /\n Sets the duration (in milliseconds) after which the alert will automatically close.\n \n @defaultValue 0\n /\n this.timeOut = model(0, ...(ngDevMode ? [{ debugName: \"timeOut\" }] : []));\n /\n @ignore\n /\n //TODO: Check Console for effect() can only be used within an injection context such as a constructor, a factory function, a field initializer, or a function used with `runInInjectionContext`\n this.timeOutEffect = () => {\n effect(() => {\n if (this.timeOut()) {\n clearTimeout(this._timeOutRef);\n this._timeOutRef = window.setTimeout(() => {\n this.close();\n }, this.timeOut());\n }\n });\n };\n afterNextRender(() => {\n this.onOptionChanged.subscribe(this._handleOnOptionChanged.bind(this));\n this._setLayout();\n this.customIcon.set(this.axIcon()?.icon);\n });\n this.timeOutEffect();\n }\n /\n @ignore\n /\n _setLayout() {\n this._setIcon();\n this.showInline.set(this.axContent() == null && this.axFooter() == null);\n this.cdr.markForCheck();\n }\n /\n @ignore\n /\n _handleOnOptionChanged() {\n this._setIcon();\n }\n /\n @ignore\n /\n _setIcon() {\n if (!this.axIcon() \|\| this.axIcon().getHostElement().firstElementChild)\n return;\n switch (this.color) {\n case 'success':\n this.axIcon().icon = 'ax-icon ax-icon-check-circle';\n break;\n case 'danger':\n this.axIcon().icon = 'ax-icon ax-icon-error';\n break;\n case 'warning':\n this.axIcon().icon = 'ax-icon ax-icon-warning';\n break;\n default:\n this.axIcon().icon = this.customIcon() \|\| 'ax-icon ax-icon-info';\n break;\n }\n }\n /\n Removes the alert from the container after a transition effect.\n \n @returns void - No return value. The alert is removed from the DOM and the onClosed event is emitted.\n /\n close() {\n if (isBrowser()) {\n const host = this.getHostElement();\n host.parentElement?.removeChild(host);\n this.onClosed.emit({\n component: this,\n });\n }\n }\n /\n @ignore\n /\n get __hostClass() {\n return `ax-alert ax-none ax-${this.color}`;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.3\", type: AXAlertComponent, isStandalone: true, selector: \"ax-alert\", inputs: { color: { classPropertyName: \"color\", publicName: \"color\", isSignal: false, isRequired: false, transformFunction: null }, timeOut: { classPropertyName: \"timeOut\", publicName: \"timeOut\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { colorChange: \"colorChange\", onClosed: \"onClosed\", timeOut: \"timeOutChange\" }, host: { properties: { \"class\": \"this.__hostClass\" } }, providers: [\n { provide: AXClosableComponent, useExisting: AXAlertComponent },\n { provide: AXComponent, useExisting: AXAlertComponent },\n ], queries: [{ propertyName: \"axIcon\", first: true, predicate: [\"ax-icon\"], descendants: true, isSignal: true }, { propertyName: \"axTitle\", first: true, predicate: [\"ax-title\"], descendants: true, isSignal: true }, { propertyName: \"axContent\", first: true, predicate: [\"ax-content\"], descendants: true, isSignal: true }, { propertyName: \"axFooter\", first: true, predicate: [\"ax-footer\"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: \"@if (showInline()) {\\n <div class=\\\"ax-alert-inline\\\">\\n <div class=\\\"ax-alert-icon ax-icon-solid\\\">\\n <ng-container [ngTemplateOutlet]=\\\"icon\\\"></ng-container>\\n </div>\\n <div class=\\\"ax-alert-title\\\">\\n <ng-container [ngTemplateOutlet]=\\\"title\\\"></ng-container>\\n </div>\\n <div class=\\\"ax-alert-buttons\\\">\\n <ng-container [ngTemplateOutlet]=\\\"buttons\\\"></ng-container>\\n </div>\\n <ng-container [ngTemplateOutlet]=\\\"closeButton\\\"></ng-container>\\n </div>\\n} @else {\\n <div class=\\\"ax-alert-block\\\">\\n <div class=\\\"ax-alert-icon ax-icon-solid\\\">\\n <ng-container [ngTemplateOutlet]=\\\"icon\\\"></ng-container>\\n </div>\\n <div class=\\\"ax-alert-content\\\">\\n <div class=\\\"ax-alert-title\\\">\\n <ng-container [ngTemplateOutlet]=\\\"title\\\"></ng-container>\\n </div>\\n <ng-container [ngTemplateOutlet]=\\\"content\\\"></ng-container>\\n <ng-container [ngTemplateOutlet]=\\\"footer\\\"></ng-container>\\n </div>\\n <div><ng-container [ngTemplateOutlet]=\\\"closeButton\\\"></ng-container></div>\\n </div>\\n}\\n\\n@if (timeOut()) {\\n <div class=\\\"ax-alert-progress\\\" [style.animation-duration.ms]=\\\"timeOut()\\\"></div>\\n}\\n\\n<ng-template #buttons>\\n <ng-content select=\\\"ax-button\\\"> </ng-content>\\n</ng-template>\\n<ng-template #closeButton>\\n <ng-content select=\\\"ax-close-button\\\"> </ng-content>\\n</ng-template>\\n<ng-template #title>\\n <ng-content select=\\\"ax-title\\\"> </ng-content>\\n</ng-template>\\n<ng-template #icon>\\n <ng-content select=\\\"ax-icon\\\"> </ng-content>\\n</ng-template>\\n<ng-template #content>\\n <ng-content select=\\\"ax-content\\\"> </ng-content>\\n</ng-template>\\n<ng-template #footer>\\n <ng-content select=\\\"ax-footer\\\"> </ng-content>\\n</ng-template>\\n\", styles: [\"ax-alert{--ax-comp-alert-bg-color-opacity: .15;--ax-comp-alert-icon-border-radius: 100%;--ax-comp-alert-border-radius: var(--ax-sys-border-radius)}ax-alert.ax-default{--ax-comp-alert-bg-color-opacity: 1;--ax-comp-alert-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-alert-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-lightest-surface)}.ax-dark ax-alert.ax-default{--ax-comp-alert-bg-color-opacity: 1;--ax-comp-alert-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-alert-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-darkest-surface)}ax-alert{--ax-comp-alert-title-content-text-color: var(--ax-sys-color-on-lightest-surface)}ax-alert.ax-primary{--ax-comp-alert-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-alert-border-color: var(--ax-sys-color-primary-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-primary-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-primary-surface)}ax-alert.ax-secondary{--ax-comp-alert-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-alert-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-secondary-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-secondary-surface)}ax-alert.ax-success{--ax-comp-alert-bg-color: var(--ax-sys-color-success-surface);--ax-comp-alert-border-color: var(--ax-sys-color-success-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-success-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-success-surface)}ax-alert.ax-warning{--ax-comp-alert-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-alert-border-color: var(--ax-sys-color-warning-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-warning-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-warning-surface)}ax-alert.ax-danger{--ax-comp-alert-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-alert-border-color: var(--ax-sys-color-danger-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-danger-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-danger-surface)}ax-alert.ax-accent1{--ax-comp-alert-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent1-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent1-surface)}ax-alert.ax-accent2{--ax-comp-alert-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent2-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent2-surface)}ax-alert.ax-accent3{--ax-comp-alert-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent3-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent3-surface)}ax-alert.ax-accent4{--ax-comp-alert-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent4-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent4-surface)}ax-alert.ax-accent5{--ax-comp-alert-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent5-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent5-surface)}ax-alert.ax-accent6{--ax-comp-alert-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent6-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent6-surface)}ax-alert.ax-accent7{--ax-comp-alert-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent7-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent7-surface)}ax-alert{gap:1rem;padding:1rem;display:flex;overflow:hidden;border-width:1px;position:relative;font-size:var(--ax-comp-alert-font-size, .875rem);line-height:var(--ax-comp-alert-line-height, 1.25rem);border-radius:var(--ax-comp-alert-border-radius);border-color:rgba(var(--ax-comp-alert-border-color));background-color:rgba(var(--ax-comp-alert-bg-color),var(--ax-comp-alert-bg-color-opacity));width:100%}ax-alert ax-title,ax-alert ax-content{color:rgba(var(--ax-comp-alert-title-content-text-color))}ax-alert .ax-alert-progress{background-color:rgba(var(--ax-comp-alert-progress-bg-color))}ax-alert .ax-alert-inline{display:flex;flex:1 1 0%;align-items:center;justify-content:center}ax-alert .ax-alert-block{display:flex;width:100%}ax-alert .ax-alert-block .ax-alert-content{display:flex;flex-direction:column;line-height:1.5;flex:1}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:empty{display:none}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:not(:empty)+ax-content:not(:empty){margin-top:.5rem}ax-alert .ax-alert-block .ax-alert-content ax-footer{margin-top:1rem}ax-alert .ax-alert-icon{display:grid;color:rgba(var(--ax-comp-alert-icon-color));border-radius:var(--ax-comp-alert-icon-border-radius);padding-inline-end:.5rem;font-size:1.125rem;line-height:1.75rem;align-items:start}ax-alert .ax-alert-icon ax-icon{line-height:var(--ax-comp-alert-icon-line-height, normal)}ax-alert .ax-alert-buttons{padding-inline-start:1rem}ax-alert .ax-alert-title{display:flex;flex:1 1 0%;flex-direction:column}ax-alert .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-progress{position:absolute;bottom:0;inset-inline-start:0px;height:.25rem}@keyframes progressBar{0%{width:100%}to{width:0%}}\\n\"], dependencies: [{ kind: \"directive\", type: NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXAlertComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ax-alert', inputs: ['color'], outputs: ['colorChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [\n { provide: AXClosableComponent, useExisting: AXAlertComponent },\n { provide: AXComponent, useExisting: AXAlertComponent },\n ], imports: [NgTemplateOutlet], template: \"@if (showInline()) {\\n <div class=\\\"ax-alert-inline\\\">\\n <div class=\\\"ax-alert-icon ax-icon-solid\\\">\\n <ng-container [ngTemplateOutlet]=\\\"icon\\\"></ng-container>\\n </div>\\n <div class=\\\"ax-alert-title\\\">\\n <ng-container [ngTemplateOutlet]=\\\"title\\\"></ng-container>\\n </div>\\n <div class=\\\"ax-alert-buttons\\\">\\n <ng-container [ngTemplateOutlet]=\\\"buttons\\\"></ng-container>\\n </div>\\n <ng-container [ngTemplateOutlet]=\\\"closeButton\\\"></ng-container>\\n </div>\\n} @else {\\n <div class=\\\"ax-alert-block\\\">\\n <div class=\\\"ax-alert-icon ax-icon-solid\\\">\\n <ng-container [ngTemplateOutlet]=\\\"icon\\\"></ng-container>\\n </div>\\n <div class=\\\"ax-alert-content\\\">\\n <div class=\\\"ax-alert-title\\\">\\n <ng-container [ngTemplateOutlet]=\\\"title\\\"></ng-container>\\n </div>\\n <ng-container [ngTemplateOutlet]=\\\"content\\\"></ng-container>\\n <ng-container [ngTemplateOutlet]=\\\"footer\\\"></ng-container>\\n </div>\\n <div><ng-container [ngTemplateOutlet]=\\\"closeButton\\\"></ng-container></div>\\n </div>\\n}\\n\\n@if (timeOut()) {\\n <div class=\\\"ax-alert-progress\\\" [style.animation-duration.ms]=\\\"timeOut()\\\"></div>\\n}\\n\\n<ng-template #buttons>\\n <ng-content select=\\\"ax-button\\\"> </ng-content>\\n</ng-template>\\n<ng-template #closeButton>\\n <ng-content select=\\\"ax-close-button\\\"> </ng-content>\\n</ng-template>\\n<ng-template #title>\\n <ng-content select=\\\"ax-title\\\"> </ng-content>\\n</ng-template>\\n<ng-template #icon>\\n <ng-content select=\\\"ax-icon\\\"> </ng-content>\\n</ng-template>\\n<ng-template #content>\\n <ng-content select=\\\"ax-content\\\"> </ng-content>\\n</ng-template>\\n<ng-template #footer>\\n <ng-content select=\\\"ax-footer\\\"> </ng-content>\\n</ng-template>\\n\", styles: [\"ax-alert{--ax-comp-alert-bg-color-opacity: .15;--ax-comp-alert-icon-border-radius: 100%;--ax-comp-alert-border-radius: var(--ax-sys-border-radius)}ax-alert.ax-default{--ax-comp-alert-bg-color-opacity: 1;--ax-comp-alert-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-alert-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-lightest-surface)}.ax-dark ax-alert.ax-default{--ax-comp-alert-bg-color-opacity: 1;--ax-comp-alert-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-alert-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-darkest-surface)}ax-alert{--ax-comp-alert-title-content-text-color: var(--ax-sys-color-on-lightest-surface)}ax-alert.ax-primary{--ax-comp-alert-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-alert-border-color: var(--ax-sys-color-primary-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-primary-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-primary-surface)}ax-alert.ax-secondary{--ax-comp-alert-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-alert-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-secondary-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-secondary-surface)}ax-alert.ax-success{--ax-comp-alert-bg-color: var(--ax-sys-color-success-surface);--ax-comp-alert-border-color: var(--ax-sys-color-success-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-success-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-success-surface)}ax-alert.ax-warning{--ax-comp-alert-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-alert-border-color: var(--ax-sys-color-warning-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-warning-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-warning-surface)}ax-alert.ax-danger{--ax-comp-alert-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-alert-border-color: var(--ax-sys-color-danger-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-danger-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-danger-surface)}ax-alert.ax-accent1{--ax-comp-alert-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent1-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent1-surface)}ax-alert.ax-accent2{--ax-comp-alert-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent2-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent2-surface)}ax-alert.ax-accent3{--ax-comp-alert-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent3-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent3-surface)}ax-alert.ax-accent4{--ax-comp-alert-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent4-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent4-surface)}ax-alert.ax-accent5{--ax-comp-alert-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent5-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent5-surface)}ax-alert.ax-accent6{--ax-comp-alert-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent6-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent6-surface)}ax-alert.ax-accent7{--ax-comp-alert-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent7-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent7-surface)}ax-alert{gap:1rem;padding:1rem;display:flex;overflow:hidden;border-width:1px;position:relative;font-size:var(--ax-comp-alert-font-size, .875rem);line-height:var(--ax-comp-alert-line-height, 1.25rem);border-radius:var(--ax-comp-alert-border-radius);border-color:rgba(var(--ax-comp-alert-border-color));background-color:rgba(var(--ax-comp-alert-bg-color),var(--ax-comp-alert-bg-color-opacity));width:100%}ax-alert ax-title,ax-alert ax-content{color:rgba(var(--ax-comp-alert-title-content-text-color))}ax-alert .ax-alert-progress{background-color:rgba(var(--ax-comp-alert-progress-bg-color))}ax-alert .ax-alert-inline{display:flex;flex:1 1 0%;align-items:center;justify-content:center}ax-alert .ax-alert-block{display:flex;width:100%}ax-alert .ax-alert-block .ax-alert-content{display:flex;flex-direction:column;line-height:1.5;flex:1}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:empty{display:none}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:not(:empty)+ax-content:not(:empty){margin-top:.5rem}ax-alert .ax-alert-block .ax-alert-content ax-footer{margin-top:1rem}ax-alert .ax-alert-icon{display:grid;color:rgba(var(--ax-comp-alert-icon-color));border-radius:var(--ax-comp-alert-icon-border-radius);padding-inline-end:.5rem;font-size:1.125rem;line-height:1.75rem;align-items:start}ax-alert .ax-alert-icon ax-icon{line-height:var(--ax-comp-alert-icon-line-height, normal)}ax-alert .ax-alert-buttons{padding-inline-start:1rem}ax-alert .ax-alert-title{display:flex;flex:1 1 0%;flex-direction:column}ax-alert .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-progress{position:absolute;bottom:0;inset-inline-start:0px;height:.25rem}@keyframes progressBar{0%{width:100%}to{width:0%}}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { __hostClass: [{\n type: HostBinding,\n args: ['class']\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9hbGVydC9zcmMvbGliL2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYWxlcnQvc3JjL2xpYi9hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFXLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFakcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2xELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFDTCxlQUFlLEVBQ2YsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osTUFBTSxFQUNOLFdBQVcsRUFDWCxLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7O0FBRXZCOzs7O0dBSUc7QUFlSCxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsZ0JBQWdCO0lBOERwRDs7T0FFRztJQUNIO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFqRVY7O1dBRUc7UUFDSCxXQUFNLEdBQUcsWUFBWSxDQUEyQixTQUFTLGtEQUFDLENBQUM7UUFDM0Q7O1dBRUc7UUFDSCxZQUFPLEdBQUcsWUFBWSxDQUE4QixVQUFVLG1EQUFDLENBQUM7UUFDaEU7O1dBRUc7UUFDSCxjQUFTLEdBQUcsWUFBWSxDQUE4QixZQUFZLHFEQUFDLENBQUM7UUFDcEU7O1dBRUc7UUFDSCxhQUFRLEdBQUcsWUFBWSxDQUE4QixXQUFXLG9EQUFDLENBQUM7UUFFbEU7O1dBRUc7UUFDTyxlQUFVLEdBQUcsTUFBTSxDQUFDLEtBQUssc0RBQUMsQ0FBQztRQUVyQzs7OztXQUlH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RDs7T0FFRztJQUNILElBQ0ksV0FBVztRQUNiLE9BQU8sdUJBQXVCLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUM3QyxDQUFDOzhHQXRJVSxnQkFBZ0I7a0dBQWhCLGdCQUFnQiwwY0FOaEI7WUFDVCxFQUFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxXQUFXLEVBQUUsZ0JBQWdCLEVBQUU7WUFDL0QsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxnQkFBZ0IsRUFBRTtTQUN4RCx3ZENqQ0gsZ3NEQW1EQSxvaE1EakJZLGdCQUFnQjs7MkZBRWYsZ0JBQWdCO2tCQWQ1QixTQUFTOytCQUNFLFVBQVUsVUFHWixDQUFDLE9BQU8sQ0FBQyxXQUNSLENBQUMsYUFBYSxDQUFDLG1CQUNQLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksYUFDMUI7d0JBQ1QsRUFBRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxrQkFBa0IsRUFBRTt3QkFDL0QsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsa0JBQWtCLEVBQUU7cUJBQ3hELFdBQ1EsQ0FBQyxnQkFBZ0IsQ0FBQzt3REFzSXZCLFdBQVc7c0JBRGQsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhDbG9zYWJsZUNvbXBvbmVudCwgQVhDb21wb25lbnQsIEFYRXZlbnQsIE1YQ29sb3JDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2Nkay9jb21tb24nO1xuaW1wb3J0IHsgQVhEZWNvcmF0b3JHZW5lcmljQ29tcG9uZW50LCBBWERlY29yYXRvckljb25Db21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycyc7XG5pbXBvcnQgeyBpc0Jyb3dzZXIgfSBmcm9tICdAYWNvcmV4L2NvcmUvcGxhdGZvcm0nO1xuaW1wb3J0IHsgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBhZnRlck5leHRSZW5kZXIsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGNvbnRlbnRDaGlsZCxcbiAgZWZmZWN0LFxuICBIb3N0QmluZGluZyxcbiAgbW9kZWwsXG4gIG91dHB1dCxcbiAgc2lnbmFsLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogVGhlIEFsZXJ0IGNvbXBvbmVudCBpcyB1c2VkIHRvIGRpc3BsYXkgbm90aWZpY2F0aW9ucyBvciBhbGVydHMgdG8gdXNlcnMuXG4gKlxuICogQGNhdGVnb3J5IENvbXBvbmVudHNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtYWxlcnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hbGVydC5jb21wb25lbnQuc2NzcyddLFxuICBpbnB1dHM6IFsnY29sb3InXSxcbiAgb3V0cHV0czogWydjb2xvckNoYW5nZSddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAgeyBwcm92aWRlOiBBWENsb3NhYmxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhBbGVydENvbXBvbmVudCB9LFxuICAgIHsgcHJvdmlkZTogQVhDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWEFsZXJ0Q29tcG9uZW50IH0sXG4gIF0sXG4gIGltcG9ydHM6IFtOZ1RlbXBsYXRlT3V0bGV0XSxcbn0pXG5leHBvcnQgY2xhc3MgQVhBbGVydENvbXBvbmVudCBleHRlbmRzIE1YQ29sb3JDb21wb25lbnQge1xuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIGF4SWNvbiA9IGNvbnRlbnRDaGlsZDxBWERlY29yYXRvckljb25Db21wb25lbnQ+KCdheC1pY29uJyk7XG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgYXhUaXRsZSA9IGNvbnRlbnRDaGlsZDxBWERlY29yYXRvckdlbmVyaWNDb21wb25lbnQ+KCdheC10aXRsZScpO1xuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIGF4Q29udGVudCA9IGNvbnRlbnRDaGlsZDxBWERlY29yYXRvckdlbmVyaWNDb21wb25lbnQ+KCdheC1jb250ZW50Jyk7XG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgYXhGb290ZXIgPSBjb250ZW50Q2hpbGQ8QVhEZWNvcmF0b3JHZW5lcmljQ29tcG9uZW50PignYXgtZm9vdGVyJyk7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcm90ZWN0ZWQgc2hvd0lubGluZSA9IHNpZ25hbChmYWxzZSk7XG5cbiAgLyoqXG4gICAqIEVtaXRzIGFuIGV2ZW50IHdoZW4gdGhlIGFsZXJ0IGNvbXBvbmVudCBpcyBjbG9zZWQuXG4gICAqXG4gICAqIEBldmVudFxuICAgKi9cbiAgb25DbG9zZWQgPSBvdXRwdXQ8QVhFdmVudD4oKTtcblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgY3VzdG9tSWNvbiA9IHNpZ25hbCgnJyk7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIF90aW1lT3V0UmVmOiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGR1cmF0aW9uIChpbiBtaWxsaXNlY29uZHMpIGFmdGVyIHdoaWNoIHRoZSBhbGVydCB3aWxsIGF1dG9tYXRpY2FsbHkgY2xvc2UuXG4gICAqXG4gICAqIEBkZWZhdWx0VmFsdWUgMFxuICAgKi9cbiAgdGltZU91dCA9IG1vZGVsPG51bWJlcj4oMCk7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICAvL1RPRE86IENoZWNrIENvbnNvbGUgZm9yICBlZmZlY3QoKSBjYW4gb25seSBiZSB1c2VkIHdpdGhpbiBhbiBpbmplY3Rpb24gY29udGV4dCBzdWNoIGFzIGEgY29uc3RydWN0b3IsIGEgZmFjdG9yeSBmdW5jdGlvbiwgYSBmaWVsZCBpbml0aWFsaXplciwgb3IgYSBmdW5jdGlvbiB1c2VkIHdpdGggYHJ1bkluSW5qZWN0aW9uQ29udGV4dGBcbiAgdGltZU91dEVmZmVjdCA9ICgpID0+IHtcbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMudGltZU91dCgpKSB7XG4gICAgICAgIGNsZWFyVGltZW91dCh0aGlzLl90aW1lT3V0UmVmKTtcbiAgICAgICAgdGhpcy5fdGltZU91dFJlZiA9IHdpbmRvdy5zZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICB0aGlzLmNsb3NlKCk7XG4gICAgICAgIH0sIHRoaXMudGltZU91dCgpKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfTtcblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgYWZ0ZXJOZXh0UmVuZGVyKCgpID0+IHtcbiAgICAgIHRoaXMub25PcHRpb25DaGFuZ2VkLnN1YnNjcmliZSh0aGlzLl9oYW5kbGVPbk9wdGlvbkNoYW5nZWQuYmluZCh0aGlzKSk7XG4gICAgICB0aGlzLl9zZXRMYXlvdXQoKTtcbiAgICAgIHRoaXMuY3VzdG9tSWNvbi5zZXQodGhpcy5heEljb24oKT8uaWNvbik7XG4gICAgfSk7XG4gICAgdGhpcy50aW1lT3V0RWZmZWN0KCk7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgX3NldExheW91dCgpIHtcbiAgICB0aGlzLl9zZXRJY29uKCk7XG4gICAgdGhpcy5zaG93SW5saW5lLnNldCh0aGlzLmF4Q29udGVudCgpID09IG51bGwgJiYgdGhpcy5heEZvb3RlcigpID09IG51bGwpO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcm90ZWN0ZWQgX2hhbmRsZU9uT3B0aW9uQ2hhbmdlZCgpIHtcbiAgICB0aGlzLl9zZXRJY29uKCk7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgX3NldEljb24oKSB7XG4gICAgaWYgKCF0aGlzLmF4SWNvbigpIHx8IHRoaXMuYXhJY29uKCkuZ2V0SG9zdEVsZW1lbnQoKS5maXJzdEVsZW1lbnRDaGlsZCkgcmV0dXJuO1xuXG4gICAgc3dpdGNoICh0aGlzLmNvbG9yKSB7XG4gICAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgICAgdGhpcy5heEljb24oKS5pY29uID0gJ2F4LWljb24gYXgtaWNvbi1jaGVjay1jaXJjbGUnO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ2Rhbmdlcic6XG4gICAgICAgIHRoaXMuYXhJY29uKCkuaWNvbiA9ICdheC1pY29uIGF4LWljb24tZXJyb3InO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgICB0aGlzLmF4SWNvbigpLmljb24gPSAnYXgtaWNvbiBheC1pY29uLXdhcm5pbmcnO1xuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHRoaXMuYXhJY29uKCkuaWNvbiA9IHRoaXMuY3VzdG9tSWNvbigpIHx8ICdheC1pY29uIGF4LWljb24taW5mbyc7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBSZW1vdmVzIHRoZSBhbGVydCBmcm9tIHRoZSBjb250YWluZXIgYWZ0ZXIgYSB0cmFuc2l0aW9uIGVmZmVjdC5cbiAgICpcbiAgICogQHJldHVybnMgdm9pZCAtIE5vIHJldHVybiB2YWx1ZS4gVGhlIGFsZXJ0IGlzIHJlbW92ZWQgZnJvbSB0aGUgRE9NIGFuZCB0aGUgb25DbG9zZWQgZXZlbnQgaXMgZW1pdHRlZC5cbiAgICovXG4gIGNsb3NlKCk6IHZvaWQge1xuICAgIGlmIChpc0Jyb3dzZXIoKSkge1xuICAgICAgY29uc3QgaG9zdCA9IHRoaXMuZ2V0SG9zdEVsZW1lbnQoKTtcbiAgICAgIGhvc3QucGFyZW50RWxlbWVudD8ucmVtb3ZlQ2hpbGQoaG9zdCk7XG4gICAgICB0aGlzLm9uQ2xvc2VkLmVtaXQoe1xuICAgICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYGF4LWFsZXJ0IGF4LW5vbmUgYXgtJHt0aGlzLmNvbG9yfWA7XG4gIH1cbn1cbiIsIkBpZiAoc2hvd0lubGluZSgpKSB7XG4gIDxkaXYgY2xhc3M9XCJheC1hbGVydC1pbmxpbmVcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYXgtYWxlcnQtaWNvbiBheC1pY29uLXNvbGlkXCI+XG4gICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImljb25cIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiYXgtYWxlcnQtdGl0bGVcIj5cbiAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwidGl0bGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiYXgtYWxlcnQtYnV0dG9uc1wiPlxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJidXR0b25zXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJjbG9zZUJ1dHRvblwiPjwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbn0gQGVsc2Uge1xuICA8ZGl2IGNsYXNzPVwiYXgtYWxlcnQtYmxvY2tcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYXgtYWxlcnQtaWNvbiBheC1pY29uLXNvbGlkXCI+XG4gICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImljb25cIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiYXgtYWxlcnQtY29udGVudFwiPlxuICAgICAgPGRpdiBjbGFzcz1cImF4LWFsZXJ0LXRpdGxlXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwidGl0bGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImZvb3RlclwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICAgIDxkaXY+PG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJjbG9zZUJ1dHRvblwiPjwvbmctY29udGFpbmVyPjwvZGl2PlxuICA8L2Rpdj5cbn1cblxuQGlmICh0aW1lT3V0KCkpIHtcbiAgPGRpdiBjbGFzcz1cImF4LWFsZXJ0LXByb2dyZXNzXCIgW3N0eWxlLmFuaW1hdGlvbi1kdXJhdGlvbi5tc109XCJ0aW1lT3V0KClcIj48L2Rpdj5cbn1cblxuPG5nLXRlbXBsYXRlICNidXR0b25zPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1idXR0b25cIj4gPC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjY2xvc2VCdXR0b24+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWNsb3NlLWJ1dHRvblwiPiA8L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuPG5nLXRlbXBsYXRlICN0aXRsZT5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtdGl0bGVcIj4gPC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjaWNvbj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtaWNvblwiPiA8L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuPG5nLXRlbXBsYXRlICNjb250ZW50PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1jb250ZW50XCI+IDwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG48bmctdGVtcGxhdGUgI2Zvb3Rlcj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtZm9vdGVyXCI+IDwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=","import { NgModule } from '@angular/core';\nimport { AXAlertComponent } from './alert.component';\nimport as i0 from \"@angular/core\";\nexport class AXAlertModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.3\", ngImport: i0, type: AXAlertModule, imports: [AXAlertComponent], exports: [AXAlertComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXAlertModule }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXAlertModule, decorators: [{\n type: NgModule,\n args: [{\n imports: [AXAlertComponent],\n exports: [AXAlertComponent],\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9hbGVydC9zcmMvbGliL2FsZXJ0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQU1yRCxNQUFNLE9BQU8sYUFBYTs4R0FBYixhQUFhOytHQUFiLGFBQWEsWUFIZCxnQkFBZ0IsYUFDaEIsZ0JBQWdCOytHQUVmLGFBQWE7OzJGQUFiLGFBQWE7a0JBSnpCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7b0JBQzNCLE9BQU8sRUFBRSxDQUFDLGdCQUFnQixDQUFDO2lCQUM1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWEFsZXJ0Q29tcG9uZW50IH0gZnJvbSAnLi9hbGVydC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQVhBbGVydENvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtBWEFsZXJ0Q29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgQVhBbGVydE1vZHVsZSB7fVxuIl19","/*\n Generated bundle index. Do not edit.\n /\nexport from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtYWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2FsZXJ0L3NyYy9hY29yZXgtY29tcG9uZW50cy1hbGVydC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"acorex-components-alert.mjs","sources":["../../../../packages/components/alert/src/lib/alert.component.ts","../../../../packages/components/alert/src/lib/alert.component.html","../../../../packages/components/alert/src/lib/alert.module.ts","../../../../packages/components/alert/src/acorex-components-alert.ts"],"sourcesContent":["import { AXClosableComponent, AXComponent, AXEvent, MXColorComponent } from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { isBrowser } from '@acorex/core/platform';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n afterNextRender,\n ChangeDetectionStrategy,\n Component,\n contentChild,\n effect,\n HostBinding,\n model,\n output,\n signal,\n ViewEncapsulation,\n} from '@angular/core';\n\n/*\n The Alert component is used to display notifications or alerts to users.\n \n @category Components\n /\n@Component({\n selector: 'ax-alert',\n templateUrl: './alert.component.html',\n styleUrls: ['./alert.component.compiled.css'],\n inputs: ['color'],\n outputs: ['colorChange'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [\n { provide: AXClosableComponent, useExisting: AXAlertComponent },\n { provide: AXComponent, useExisting: AXAlertComponent },\n ],\n imports: [NgTemplateOutlet],\n})\nexport class AXAlertComponent extends MXColorComponent {\n /\n @ignore\n /\n axIcon = contentChild<AXDecoratorIconComponent>('ax-icon');\n /\n @ignore\n /\n axTitle = contentChild<AXDecoratorGenericComponent>('ax-title');\n /\n @ignore\n /\n axContent = contentChild<AXDecoratorGenericComponent>('ax-content');\n /\n @ignore\n /\n axFooter = contentChild<AXDecoratorGenericComponent>('ax-footer');\n\n /\n @ignore\n /\n protected showInline = signal(false);\n\n /\n Emits an event when the alert component is closed.\n \n @event\n /\n onClosed = output<AXEvent>();\n\n /\n @ignore\n /\n private customIcon = signal('');\n\n /\n @ignore\n /\n private _timeOutRef: number;\n\n /\n Sets the duration (in milliseconds) after which the alert will automatically close.\n \n @defaultValue 0\n /\n timeOut = model<number>(0);\n\n /\n @ignore\n /\n //TODO: Check Console for effect() can only be used within an injection context such as a constructor, a factory function, a field initializer, or a function used with `runInInjectionContext`\n timeOutEffect = () => {\n effect(() => {\n if (this.timeOut()) {\n clearTimeout(this._timeOutRef);\n this._timeOutRef = window.setTimeout(() => {\n this.close();\n }, this.timeOut());\n }\n });\n };\n\n /\n @ignore\n /\n constructor() {\n super();\n afterNextRender(() => {\n this.onOptionChanged.subscribe(this._handleOnOptionChanged.bind(this));\n this._setLayout();\n this.customIcon.set(this.axIcon()?.icon);\n });\n this.timeOutEffect();\n }\n\n /\n @ignore\n /\n private _setLayout() {\n this._setIcon();\n this.showInline.set(this.axContent() == null && this.axFooter() == null);\n this.cdr.markForCheck();\n }\n\n /\n @ignore\n /\n protected _handleOnOptionChanged() {\n this._setIcon();\n }\n\n /\n @ignore\n /\n private _setIcon() {\n if (!this.axIcon() \|\| this.axIcon().getHostElement().firstElementChild) return;\n\n switch (this.color) {\n case 'ax-success':\n this.axIcon().icon = 'ax-icon ax-icon-check-circle';\n break;\n case 'ax-danger':\n this.axIcon().icon = 'ax-icon ax-icon-error';\n break;\n case 'ax-warning':\n this.axIcon().icon = 'ax-icon ax-icon-warning';\n break;\n default:\n this.axIcon().icon = this.customIcon() \|\| 'ax-icon ax-icon-info';\n break;\n }\n }\n\n /\n Removes the alert from the container after a transition effect.\n \n @returns void - No return value. The alert is removed from the DOM and the onClosed event is emitted.\n /\n close(): void {\n if (isBrowser()) {\n const host = this.getHostElement();\n host.parentElement?.removeChild(host);\n this.onClosed.emit({\n component: this,\n });\n }\n }\n\n /\n @ignore\n /\n @HostBinding('class')\n get __hostClass(): string {\n return `ax-alert ax-none ${this.color}`;\n }\n}\n","@if (showInline()) {\n <div class=\"ax-alert-inline\">\n <div class=\"ax-alert-icon ax-icon-solid\">\n <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n </div>\n <div class=\"ax-alert-title\">\n <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n </div>\n <div class=\"ax-alert-buttons\">\n <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n </div>\n <ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container>\n </div>\n} @else {\n <div class=\"ax-alert-block\">\n <div class=\"ax-alert-icon ax-icon-solid\">\n <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n </div>\n <div class=\"ax-alert-content\">\n <div class=\"ax-alert-title\">\n <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n </div>\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n </div>\n <div><ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container></div>\n </div>\n}\n\n@if (timeOut()) {\n <div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut()\"></div>\n}\n\n<ng-template #buttons>\n <ng-content select=\"ax-button\"> </ng-content>\n</ng-template>\n<ng-template #closeButton>\n <ng-content select=\"ax-close-button\"> </ng-content>\n</ng-template>\n<ng-template #title>\n <ng-content select=\"ax-title\"> </ng-content>\n</ng-template>\n<ng-template #icon>\n <ng-content select=\"ax-icon\"> </ng-content>\n</ng-template>\n<ng-template #content>\n <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n<ng-template #footer>\n <ng-content select=\"ax-footer\"> </ng-content>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { AXAlertComponent } from './alert.component';\n\n@NgModule({\n imports: [AXAlertComponent],\n exports: [AXAlertComponent],\n})\nexport class AXAlertModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-aspect-ratio.mjs CHANGED Viewed

@@ -8,8 +8,8 @@ class AXAspectRatioComponent extends NXComponent {
         this.ratio = input(16 / 9, ...(ngDevMode ? [{ debugName: "ratio" }] : []));
         this.paddingTop = computed(() => `${100 / this.ratio()}%`, ...(ngDevMode ? [{ debugName: "paddingTop" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAspectRatioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.3", type: AXAspectRatioComponent, isStandalone: true, selector: "ax-aspect-ratio", inputs: { ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXAspectRatioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: AXAspectRatioComponent, isStandalone: true, selector: "ax-aspect-ratio", inputs: { ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
     <div class="aspect-ratio-wrapper" [style.padding-top]="paddingTop()">
       <div class="content-wrapper">
         <ng-content></ng-content>
@@ -17,7 +17,7 @@ class AXAspectRatioComponent extends NXComponent {
     </div>
   `, isInline: true, styles: [".aspect-ratio-wrapper{width:100%;display:block;position:relative}.content-wrapper{top:0;left:0;right:0;bottom:0;position:absolute}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAspectRatioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXAspectRatioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-aspect-ratio', template: `
     <div class="aspect-ratio-wrapper" [style.padding-top]="paddingTop()">
@@ -26,7 +26,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
       </div>
     </div>
   `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".aspect-ratio-wrapper{width:100%;display:block;position:relative}.content-wrapper{top:0;left:0;right:0;bottom:0;position:absolute}\n"] }]
-        }] });
+        }], propDecorators: { ratio: [{ type: i0.Input, args: [{ isSignal: true, alias: "ratio", required: false }] }] } });
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/acorex-components-aspect-ratio.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-aspect-ratio.mjs","sources":["~~../tmp-esm2022~~/aspect-ratio/lib/aspect-ratio.component.js","~~../tmp-esm2022~~/aspect-ratio/acorex-components-aspect-ratio.js"],"sourcesContent":["import { NXComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\~~nimport * as i0 from \"@angular/core\";\nexport class AXAspectRatioComponent extends NXComponent {\~~n ~~constructor() {~~\n ~~super~~(~~...arguments);\n this.ratio = input(16 / 9, ...(ngDevMode ? [~~{ ~~debugName:~~ \~~"ratio\" }] : []));\~~n this.paddingTop = computed(() => `${100 / this.ratio()}%`, ...(ngDevMode ? [{ debugName: \"paddingTop\" }] : []));\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXAspectRatioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.1.0\", version: \"20.3.3\", type: AXAspectRatioComponent, isStandalone: true, selector: \"ax-aspect-ratio~~\", inputs: { ratio: { classPropertyName: \"ratio\", publicName: \"ratio\", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0,~~ template: `\n <div class=\"aspect-ratio-wrapper\" [style.padding-top]=\"paddingTop()\">\n <div class=\"content-wrapper\">\n <ng-content></ng-content>\n </div>\n </div>\n ~~`, isInline: true,~~ styles: ~~[\"~~.aspect-ratio-wrapper{width:100%;display:block;position:relative}.content-wrapper{top:0;left:0;right:0;bottom:0;position:absolute}\\n~~\"], changeDetection: i0.ChangeDetectionStrategy.OnPush,~~ encapsulation: ~~i0.~~ViewEncapsulation.None ~~}); }\~~n~~}\ni0.ɵɵngDeclareClassMetadata({ minVersion~~: ~~\"12~~.~~0.0~~\", ~~version:~~ ~~\"20.3.3\",~~ ~~ngImport:~~ ~~i0,~~ ~~type: AXAspectRatioComponent, decorators: [~~{\n ~~type: Component,\n args: [{ selector: 'ax-aspect-~~ratio', ~~template:~~ ~~`\n <div~~ ~~class=\"aspect-ratio-wrapper\"~~ ~~[style.padding-top]=\"paddingTop(~~)~~\">\~~n ~~<div class=\"content-wrapper\">\n <ng-content></ng-content>\n </div>\n </div>\n~~ `, ~~encapsulation:~~ ~~ViewEncapsulation.None,~~ ~~changeDetection:~~ ~~ChangeDetectionStrategy.OnPush,~~ ~~styles:~~ ~~[\"~~.~~aspect-~~ratio~~-wrapper{width:100%;display:block;position:relative~~}~~.content-wrapper{top:0;left:0;right:0;bottom:0;position:absolute}\\~~n~~\"]~~ }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNwZWN0LXJhdGlvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYXNwZWN0LXJhdGlvL3NyYy9saWIvYXNwZWN0LXJhdGlvLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDakQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQTRCdkcsTUFBTSxPQUFPLHNCQUF1QixTQUFRLFdBQVc7SUExQnZEOztRQTJCRSxVQUFLLEdBQUcsS0FBSyxDQUFDLEVBQUUsR0FBRyxDQUFDLGlEQUFDLENBQUM7UUFDdEIsZUFBVSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxHQUFHLEdBQUcsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLEdBQUcsc0RBQUMsQ0FBQztLQUN2RDs4R0FIWSxzQkFBc0I7a0dBQXRCLHNCQUFzQixzT0F4QnZCOzs7Ozs7R0FNVDs7MkZBa0JVLHNCQUFzQjtrQkExQmxDLFNBQVM7K0JBQ0UsaUJBQWlCLFlBQ2pCOzs7Ozs7R0FNVCxpQkFlYyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTlhDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2Nkay9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1hc3BlY3QtcmF0aW8nLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJhc3BlY3QtcmF0aW8td3JhcHBlclwiIFtzdHlsZS5wYWRkaW5nLXRvcF09XCJwYWRkaW5nVG9wKClcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LXdyYXBwZXJcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogYFxuICAgIC5hc3BlY3QtcmF0aW8td3JhcHBlciB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIH1cbiAgICAuY29udGVudC13cmFwcGVyIHtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICByaWdodDogMDtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB9XG4gIGAsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBWEFzcGVjdFJhdGlvQ29tcG9uZW50IGV4dGVuZHMgTlhDb21wb25lbnQge1xuICByYXRpbyA9IGlucHV0KDE2IC8gOSk7XG4gIHBhZGRpbmdUb3AgPSBjb21wdXRlZCgoKSA9PiBgJHsxMDAgLyB0aGlzLnJhdGlvKCl9JWApO1xufVxuIl19","/*\n Generated bundle index. Do not edit.\n /\nexport from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtYXNwZWN0LXJhdGlvLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9hc3BlY3QtcmF0aW8vc3JjL2Fjb3JleC1jb21wb25lbnRzLWFzcGVjdC1yYXRpby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":";;;;~~AAGO~~,~~MAAM~~,~~sBAAsB~~,~~SAAS~~,WAAW,~~CAAC~~;~~AACxD~~,~~IAAI~~,~~WAAW~~,~~GAAG;AAClB~~,~~QAAQ~~,~~KAAK~~,~~CAAC~~,~~GAAG,SAAS,CAAC;AAC3B,QAAQ,IAAI,CAAC,~~KAAK,GAAG,KAAK,CAAC,EAAE,GAAG,CAAC,~~EAAE,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC~~;~~AAClF~~,~~QAAQ~~,~~IAAI~~,~~CAAC~~,UAAU,GAAG,QAAQ,CAAC,MAAM,~~CAAC~~,~~EAAE~~,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~EAAE,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC~~;~~AACvH~~,~~IAAI~~;~~AACJ~~,~~IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,~~sBAAsB,~~EAAE~~,~~IAAI~~,~~EAAE~~,~~IAAI~~,~~EAAE~~,~~MAAM~~,~~EAAE~~,~~EAAE~~,~~CAAC~~,~~eAAe~~,~~CAAC~~,~~SAAS~~,~~EAAE~~,~~CAAC~~,~~CAAC~~;~~AAC1L~~,~~IAAI~~,~~SAAS~~,~~IAAI~~,~~CAAC~~,~~IAAI~~,~~GAAG~~,~~EAAE~~,~~CAAC~~,~~oBAAoB~~,~~CAAC~~,~~EAAE~~,~~UAAU~~,~~EAAE~~,~~QAAQ~~,~~EAAE~~,~~OAAO~~,~~EAAE~~,~~QAAQ~~,~~EAAE~~,~~IAAI~~,~~EAAE~~,sBAAsB,~~EAAE~~,~~YAAY~~,~~EAAE~~,~~IAAI~~,~~EAAE~~,~~QAAQ~~,~~EAAE~~,~~iBAAiB~~,~~EAAE~~,~~MAAM~~,~~EAAE~~,~~EAAE~~,~~KAAK~~,~~EAAE~~,~~EAAE~~,~~iBAAiB~~,~~EAAE~~,~~OAAO~~,~~EAAE~~,~~UAAU~~,~~EAAE~~,~~OAAO~~,~~EAAE~~,~~QAAQ~~,~~EAAE~~,~~IAAI~~,~~EAAE~~,~~UAAU~~,~~EAAE~~,~~KAAK~~,~~EAAE~~,~~iBAAiB~~,~~EAAE~~,~~IAAI~~,~~EAAE~~,~~EAAE~~,~~EAAE~~,~~eAAe~~,~~EAAE~~,~~IAAI~~,~~EAAE~~,~~QAAQ~~,~~EAAE~~,~~EAAE~~,~~EAAE~~,~~QAAQ~~,~~EAAE;AAC9V;AACA;AACA;AACA;AACA;AACA~~,~~EAAE~~,~~CAAC~~,~~EAAE~~,~~QAAQ~~,~~EAAE~~,~~IAAI~~,~~EAAE~~,~~MAAM~~,~~EAAE~~,~~CAAC~~,~~sIAAsI~~,~~CAAC~~,~~EAAE~~,~~eAAe~~,~~EAAE~~,~~EAAE~~,~~CAAC~~,~~uBAAuB~~,~~CAAC~~,~~MAAM~~,~~EAAE~~,~~aAAa~~,~~EAAE~~,~~EAAE~~,~~CAAC~~,~~iBAAiB~~,~~CAAC~~,~~IAAI~~,~~EAAE~~,~~CAAC~~,~~CAAC;AACvQ;AACA~~,~~EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,~~sBAAsB,~~EAAE~~,~~UAAU~~,~~EAAE~~,~~CAAC~~;~~AAChI~~,~~YAAY,IAAI,EAAE,~~SAAS;~~AAC3B~~,~~YAAY~~,~~IAAI~~,~~EAAE~~,~~CAAC~~,~~EAAE~~,~~QAAQ~~,~~EAAE~~,iBAAiB,~~EAAE~~,~~QAAQ~~,~~EAAE;AAC5D;AACA;AACA;AACA;AACA;AACA~~,~~EAAE~~,~~CAAC~~,~~EAAE~~,~~aAAa~~,~~EAAE~~,iBAAiB,CAAC,IAAI,~~EAAE~~,~~eAAe~~,~~EAAE~~,uBAAuB,CAAC,MAAM,~~EAAE~~,~~MAAM~~,~~EAAE~~,~~CAAC~~,~~sIAAsI~~,~~CAAC~~,~~EAAE;AAC/O,SAAS,CAAC,EAAE,CAAC~~;;~~AC3Bb;AACA;AACA~~;;;;"}
1	+ {"version":3,"file":"acorex-components-aspect-ratio.mjs","sources":["../../../../packages/components/aspect-ratio/src/lib/aspect-ratio.component.ts","../../../../packages/components/aspect-ratio/src/acorex-components-aspect-ratio.ts"],"sourcesContent":["import { NXComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'ax-aspect-ratio',\n template: `\n <div class=\"aspect-ratio-wrapper\" [style.padding-top]=\"paddingTop()\">\n <div class=\"content-wrapper\">\n <ng-content></ng-content>\n </div>\n </div>\n `,\n styles: `\n .aspect-ratio-wrapper {\n width: 100%;\n display: block;\n position: relative;\n }\n .content-wrapper {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXAspectRatioComponent extends NXComponent {\n ratio = input(16 / 9);\n paddingTop = computed(() => `${100 / this.ratio()}%`);\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;AA6BM,MAAO,sBAAuB,SAAQ,WAAW,CAAA;AA1BvD,IAAA,WAAA,GAAA;;AA2BE,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,EAAE,GAAG,CAAC,iDAAC;AACrB,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAA,EAAG,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,CAAA,CAAA,CAAG,sDAAC;AACtD,IAAA;8GAHY,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAxBvB;;;;;;AAMT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,sIAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAkBU,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBA1BlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,QAAA,EACjB;;;;;;AAMT,EAAA,CAAA,EAAA,aAAA,EAec,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,sIAAA,CAAA,EAAA;;;AC3BjD;;AAEG;;;;"}

package/fesm2022/acorex-components-audio-wave.mjs CHANGED Viewed

@@ -1,4 +1,5 @@
 import { AXComponent } from '@acorex/cdk/common';
+import { AXSkeletonComponent, AXSkeletonModule } from '@acorex/components/skeleton';
 import { AXTranslatorPipe, AXTranslationModule } from '@acorex/core/translation';
 import { isPlatformBrowser, NgStyle, AsyncPipe, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
@@ -6,7 +7,6 @@ import { input, output, signal, inject, NgZone, PLATFORM_ID, afterNextRender, Vi
 import WaveSurfer from 'wavesurfer.js';
 import { AXButtonModule } from '@acorex/components/button';
 import { AXDecoratorModule } from '@acorex/components/decorators';
-import { AXSkeletonModule } from '@acorex/components/skeleton';
 /**
  * Displays and interacts with audio waveform visualization.
@@ -338,32 +338,33 @@ class AXAudioWaveComponent {
     ngOnDestroy() {
         this.audio.destroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAudioWaveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXAudioWaveComponent, isStandalone: true, selector: "ax-audio-wave", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onStatusChanged: "onStatusChanged" }, providers: [{ provide: AXComponent, useExisting: AXAudioWaveComponent }], viewQueries: [{ propertyName: "div", first: true, predicate: ["d"], descendants: true }], ngImport: i0, template: "<div class=\"ax-audio-wave\" #d [ngStyle]=\"{ display: audioState() === 'ready' ? 'block' : 'none' }\"></div>\n\n@switch (audioState()) {\n  @case ('loading') {\n    <div class=\"ax-audio-skeleton\"></div>\n  }\n  @case ('error') {\n    <div class=\"ax-wave-message\">\n      {{ '@acorex:error.message' | translate: { params: { message: errorMessage() } } | async }}\n    </div>\n  }\n}\n", styles: ["ax-audio-wave{display:block;width:100%;flex:1;--ax-audio-skeleton-bg: rgba(var(--ax-sys-color-primary-200))}ax-audio-wave .ax-audio-skeleton{position:relative;display:block;overflow:hidden;background-color:var(--ax-audio-skeleton-bg);height:1.125rem;border-radius:999rem}ax-audio-wave .ax-audio-skeleton:before{position:absolute;inset-inline-start:-13rem;top:0;display:block;height:100%;width:14rem;content:\"\";background:linear-gradient(to right,transparent 0%,rgba(var(--ax-sys-color-dark-surface),20%) 50%,transparent 100%);animation:load 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes load{0%{inset-inline-start:-13rem}to{inset-inline-start:100%}}ax-audio-wave .ax-wave-message{padding-inline-start:.5rem}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXAudioWaveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AXAudioWaveComponent, isStandalone: true, selector: "ax-audio-wave", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onStatusChanged: "onStatusChanged" }, providers: [{ provide: AXComponent, useExisting: AXAudioWaveComponent }], viewQueries: [{ propertyName: "div", first: true, predicate: ["d"], descendants: true }], ngImport: i0, template: "<div class=\"ax-audio-wave\" #d [ngStyle]=\"{ display: audioState() === 'ready' ? 'block' : 'none' }\"></div>\n\n@switch (audioState()) {\n  @case ('loading') {\n    <ax-skeleton class=\"h-5 w-full rounded-full\"></ax-skeleton>\n  }\n  @case ('error') {\n    <div class=\"ax-wave-message\">\n      {{ '@acorex:error.message' | translate: { params: { message: errorMessage() } } | async }}\n    </div>\n  }\n}\n", styles: ["@layer components{ax-audio-wave{flex:1;width:100%;display:block}ax-audio-wave .ax-wave-message{padding-inline-start:.5rem}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAudioWaveComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXAudioWaveComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-audio-wave', encapsulation: ViewEncapsulation.None, imports: [NgStyle, AsyncPipe, AXTranslatorPipe], providers: [{ provide: AXComponent, useExisting: AXAudioWaveComponent }], template: "<div class=\"ax-audio-wave\" #d [ngStyle]=\"{ display: audioState() === 'ready' ? 'block' : 'none' }\"></div>\n\n@switch (audioState()) {\n  @case ('loading') {\n    <div class=\"ax-audio-skeleton\"></div>\n  }\n  @case ('error') {\n    <div class=\"ax-wave-message\">\n      {{ '@acorex:error.message' | translate: { params: { message: errorMessage() } } | async }}\n    </div>\n  }\n}\n", styles: ["ax-audio-wave{display:block;width:100%;flex:1;--ax-audio-skeleton-bg: rgba(var(--ax-sys-color-primary-200))}ax-audio-wave .ax-audio-skeleton{position:relative;display:block;overflow:hidden;background-color:var(--ax-audio-skeleton-bg);height:1.125rem;border-radius:999rem}ax-audio-wave .ax-audio-skeleton:before{position:absolute;inset-inline-start:-13rem;top:0;display:block;height:100%;width:14rem;content:\"\";background:linear-gradient(to right,transparent 0%,rgba(var(--ax-sys-color-dark-surface),20%) 50%,transparent 100%);animation:load 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes load{0%{inset-inline-start:-13rem}to{inset-inline-start:100%}}ax-audio-wave .ax-wave-message{padding-inline-start:.5rem}\n"] }]
+            args: [{ selector: 'ax-audio-wave', encapsulation: ViewEncapsulation.None, imports: [NgStyle, AsyncPipe, AXTranslatorPipe, AXSkeletonComponent], providers: [{ provide: AXComponent, useExisting: AXAudioWaveComponent }], template: "<div class=\"ax-audio-wave\" #d [ngStyle]=\"{ display: audioState() === 'ready' ? 'block' : 'none' }\"></div>\n\n@switch (audioState()) {\n  @case ('loading') {\n    <ax-skeleton class=\"h-5 w-full rounded-full\"></ax-skeleton>\n  }\n  @case ('error') {\n    <div class=\"ax-wave-message\">\n      {{ '@acorex:error.message' | translate: { params: { message: errorMessage() } } | async }}\n    </div>\n  }\n}\n", styles: ["@layer components{ax-audio-wave{flex:1;width:100%;display:block}ax-audio-wave .ax-wave-message{padding-inline-start:.5rem}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { div: [{
                 type: ViewChild,
                 args: ['d', { static: false }]
-            }] } });
+            }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], onStatusChanged: [{ type: i0.Output, args: ["onStatusChanged"] }] } });
 class AXAudioWaveModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAudioWaveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: AXAudioWaveModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXAudioWaveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AXAudioWaveModule, imports: [CommonModule,
             AXButtonModule,
             AXDecoratorModule,
             AXSkeletonModule,
             AXTranslationModule,
             AXAudioWaveComponent], exports: [AXAudioWaveComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAudioWaveModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXAudioWaveModule, imports: [CommonModule,
             AXButtonModule,
             AXDecoratorModule,
             AXSkeletonModule,
-            AXTranslationModule] }); }
+            AXTranslationModule,
+            AXAudioWaveComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAudioWaveModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXAudioWaveModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [AXAudioWaveComponent],