@acorex/components 18.4.4 → 18.5.0

package/fesm2022/acorex-components-alert.mjs

@@ -1,11 +1,10 @@
-import { AXButtonComponent } from '@acorex/components/button';
 import { MXColorComponent, AXClosbaleComponent } from '@acorex/components/common';
-import { AXDecoratorModule } from '@acorex/components/decorators';
 import { isBrowser } from '@acorex/core/platform';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, ContentChild, ContentChildren, Output, HostBinding, Input, NgModule } from '@angular/core';
+import { contentChild, signal, output, model, effect, afterNextRender, Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import { AXDecoratorModule } from '@acorex/components/decorators';
 
 /**
  * Regular description
@@ -14,128 +13,65 @@ import { CommonModule } from '@angular/common';
  */
 class AXAlertComponent extends MXColorComponent {
     constructor() {
-        super(...arguments);
-        this._showInline = false;
-        this.onClosed = new EventEmitter();
-    }
-    /**
-     *  @ignore
-     */
-    get __hostClass() {
-        return `ax-alert ax-none ax-${this.color}-solid`;
-    }
-    get timeOut() {
-        return this._timeOut;
-    }
-    set timeOut(v) {
-        this.setOption({
-            name: 'timeOut',
-            value: v,
-            beforeCallback: (oldValue, newValue) => {
+        super();
+        this.axIcon = contentChild('ax-icon');
+        this.axTitle = contentChild('ax-title');
+        this.axContent = contentChild('ax-content');
+        this.axFooter = contentChild('ax-footer');
+        this.showInline = signal(false);
+        this.onClosed = output();
+        this.customIcon = signal('');
+        this.timeOut = model(0);
+        //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`
+        this.timeOutEffect = () => {
+            effect(() => {
                 clearTimeout(this._timeOutRef);
-                return newValue;
-            },
-            afterCallback: (oldValue, newValue) => {
-                if (newValue) {
-                    this._timeOutRef = window.setTimeout(() => {
-                        this.close();
-                    }, this.timeOut);
-                }
-            },
-        });
-    }
-    /**
-     *  set the visibility of the Alert
-     */
-    get visible() {
-        return this._visible;
-    }
-    set visible(v) {
-        if (this._visible != v) {
-            this._visible = v;
-            const host = this.getHostElement();
-            if (v) {
-                host.classList.remove('ax-state-hidden');
-                host.classList.add('ax-state-visible');
-            }
-            else {
-                host.classList.add('ax-state-hidden');
-                host.classList.toggle('ax-state-visible');
-            }
-        }
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        const config = { attributes: false, childList: true, subtree: true };
-        const callback = (mutationList) => {
-            for (const mutation of mutationList) {
-                if (mutation.type === 'childList') {
-                    this._setLayout();
-                }
-            }
+                this._timeOutRef = window.setTimeout(() => {
+                    this.close();
+                }, this.timeOut());
+            });
         };
-        // Create an observer instance linked to the callback function
-        if (typeof MutationObserver !== 'undefined') {
-            this._observer = new MutationObserver(callback);
-        }
-        // Start observing the target node for configured mutations
-        if (isBrowser()) {
-            this._observer.observe(this.getHostElement(), config);
+        afterNextRender(() => {
             this.onOptionChanged.subscribe(this._handleOnOptionChanged.bind(this));
-        }
-        //
-    }
-    ngAfterViewInit() {
-        if (this.visible == undefined) {
-            this.visible = true;
-        }
-        //
-        this._customIcon = this._iconComp?.icon;
-        this._setLayout();
+            this._setLayout();
+            this.customIcon.set(this.axIcon()?.icon);
+            this.timeOutEffect();
+        });
     }
     _setLayout() {
         this._setIcon();
-        this._applyButtonStyle();
-        this._showInline = this._contentComp == null && this._footerComp == null;
+        this.showInline.set(this.axContent() == null && this.axFooter() == null);
         this.cdr.markForCheck();
     }
     _handleOnOptionChanged() {
         this._setIcon();
-        this._applyButtonStyle();
     }
     _setIcon() {
-        if (!this._iconComp || this._iconComp.getHostElement().firstElementChild)
+        if (!this.axIcon() || this.axIcon().getHostElement().firstElementChild)
             return;
         switch (this.color) {
             case 'success':
-                this._iconComp.icon = 'ax-icon ax-icon-check-circle';
+                this.axIcon().icon = 'ax-icon ax-icon-check-circle';
                 break;
             case 'danger':
-                this._iconComp.icon = 'ax-icon ax-icon-error';
+                this.axIcon().icon = 'ax-icon ax-icon-error';
                 break;
             case 'warning':
-                this._iconComp.icon = 'ax-icon ax-icon-warning';
+                this.axIcon().icon = 'ax-icon ax-icon-warning';
                 break;
             case 'info':
-                this._iconComp.icon = 'ax-icon ax-icon-info';
+                this.axIcon().icon = 'ax-icon ax-icon-info';
                 break;
             default:
-                this._iconComp.icon = this._customIcon || 'ax-icon ax-icon-check-circle';
+                this.axIcon().icon = this.customIcon() || 'ax-icon ax-icon-check-circle';
                 break;
         }
     }
-    _applyButtonStyle() {
-        // this._buttonComps?.forEach((c: AXButtonComponent) => {
-        //   c.color = this.color;
-        //   c.getHostElement().classList.add('ax-sm');
-        // });
-    }
     /**
      *  Remove the alert from the container
      */
     close() {
         const host = this.getHostElement();
-        this.visible = false;
         const func = () => {
             if (isBrowser()) {
                 host.parentElement?.removeChild(host);
@@ -148,51 +84,20 @@ class AXAlertComponent extends MXColorComponent {
         host.addEventListener('transitionend', func);
     }
     /**
-     *  Hide the alert
-     */
-    hide() {
-        this.visible = false;
-    }
-    /**
-     *  Show the alert
+     *  @ignore
      */
-    show() {
-        this.visible = true;
-    }
-    ngOnDestroy() {
-        this._observer?.disconnect();
-        this.onOptionChanged?.unsubscribe();
+    get __hostClass() {
+        return `ax-alert ax-none ax-${this.color}-solid`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXAlertComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXAlertComponent, selector: "ax-alert", inputs: { color: "color", timeOut: "timeOut", visible: "visible" }, outputs: { colorChange: "colorChange", onClosed: "onClosed" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], queries: [{ propertyName: "_iconComp", first: true, predicate: ["ax-icon"], descendants: true }, { propertyName: "_titleComp", first: true, predicate: ["ax-title"], descendants: true }, { propertyName: "_contentComp", first: true, predicate: ["ax-content"], descendants: true }, { propertyName: "_footerComp", first: true, predicate: ["ax-footer"], descendants: true }, { propertyName: "_buttonComps", predicate: AXButtonComponent, descendants: 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-dark ax-alert.ax-primary-solid{background-color:rgba(var(--ax-color-primary-900),.25);border-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-alert.ax-primary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-900),.25);border-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-alert.ax-secondary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-solid{background-color:rgba(var(--ax-color-success-900),.25);border-color:rgba(var(--ax-color-success-500))}.ax-dark ax-alert.ax-success-solid .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-solid{background-color:rgba(var(--ax-color-warning-900),.25);border-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-alert.ax-warning-solid .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-solid{background-color:rgba(var(--ax-color-danger-900),.25);border-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-alert.ax-danger-solid .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-solid{background-color:rgba(var(--ax-color-info-900),.25);border-color:rgba(var(--ax-color-info-500))}.ax-dark ax-alert.ax-info-solid .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}ax-alert{position:relative;display:flex;gap:1rem;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));padding:1rem;font-size:.875rem;line-height:1.25rem}ax-alert .ax-alert-inline{display:flex;flex:1 1 0%;align-items:center;justify-content:center}ax-alert .ax-alert-block{display:flex}ax-alert .ax-alert-block .ax-alert-content{display:flex;flex-direction:column;line-height:1.5}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;border-radius:9999px;padding-inline-end:.5rem;font-size:1.125rem;line-height:1.75rem}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%}}ax-alert.ax-primary-solid{background-color:rgba(var(--ax-color-primary-100));border-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-primary-solid ax-title,ax-alert.ax-primary-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-primary-solid .ax-alert-icon{color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-100));border-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-secondary-solid ax-title,ax-alert.ax-secondary-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-secondary-solid .ax-alert-icon{color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-success-solid{background-color:rgba(var(--ax-color-success-100));border-color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-success-solid ax-title,ax-alert.ax-success-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-success-solid .ax-alert-icon{color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-solid .ax-alert-progress{background-color:rgba(var(--ax-color-success-500))}ax-alert.ax-warning-solid{background-color:rgba(var(--ax-color-warning-100));border-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-warning-solid ax-title,ax-alert.ax-warning-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-warning-solid .ax-alert-icon{color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-solid .ax-alert-progress{background-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-danger-solid{background-color:rgba(var(--ax-color-danger-100));border-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-danger-solid ax-title,ax-alert.ax-danger-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-danger-solid .ax-alert-icon{color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-solid .ax-alert-progress{background-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-info-solid{background-color:rgba(var(--ax-color-info-100));border-color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-info-solid ax-title,ax-alert.ax-info-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-info-solid .ax-alert-icon{color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-solid .ax-alert-progress{background-color:rgba(var(--ax-color-info-500))}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXAlertComponent, 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: AXClosbaleComponent, 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>", styles: [".ax-dark ax-alert.ax-primary-solid{background-color:rgba(var(--ax-color-primary-900),.25);border-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-alert.ax-primary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-900),.25);border-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-alert.ax-secondary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-solid{background-color:rgba(var(--ax-color-success-900),.25);border-color:rgba(var(--ax-color-success-500))}.ax-dark ax-alert.ax-success-solid .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-solid{background-color:rgba(var(--ax-color-warning-900),.25);border-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-alert.ax-warning-solid .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-solid{background-color:rgba(var(--ax-color-danger-900),.25);border-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-alert.ax-danger-solid .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-solid{background-color:rgba(var(--ax-color-info-900),.25);border-color:rgba(var(--ax-color-info-500))}.ax-dark ax-alert.ax-info-solid .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}ax-alert{position:relative;display:flex;gap:1rem;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));padding:1rem;font-size:.875rem;line-height:1.25rem}ax-alert .ax-alert-inline{display:flex;flex:1 1 0%;align-items:center;justify-content:center}ax-alert .ax-alert-block{display:flex}ax-alert .ax-alert-block .ax-alert-content{display:flex;flex-direction:column;line-height:1.5}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;border-radius:9999px;padding-inline-end:.5rem;font-size:1.125rem;line-height:1.75rem}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%}}ax-alert.ax-primary-solid{background-color:rgba(var(--ax-color-primary-100));border-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-primary-solid ax-title,ax-alert.ax-primary-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-primary-solid .ax-alert-icon{color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-100));border-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-secondary-solid ax-title,ax-alert.ax-secondary-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-secondary-solid .ax-alert-icon{color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-success-solid{background-color:rgba(var(--ax-color-success-100));border-color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-success-solid ax-title,ax-alert.ax-success-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-success-solid .ax-alert-icon{color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-solid .ax-alert-progress{background-color:rgba(var(--ax-color-success-500))}ax-alert.ax-warning-solid{background-color:rgba(var(--ax-color-warning-100));border-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-warning-solid ax-title,ax-alert.ax-warning-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-warning-solid .ax-alert-icon{color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-solid .ax-alert-progress{background-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-danger-solid{background-color:rgba(var(--ax-color-danger-100));border-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-danger-solid ax-title,ax-alert.ax-danger-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-danger-solid .ax-alert-icon{color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-solid .ax-alert-progress{background-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-info-solid{background-color:rgba(var(--ax-color-info-100));border-color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-info-solid ax-title,ax-alert.ax-info-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-info-solid .ax-alert-icon{color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-solid .ax-alert-progress{background-color:rgba(var(--ax-color-info-500))}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXAlertComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-alert', inputs: ['color'], outputs: ['colorChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], 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-dark ax-alert.ax-primary-solid{background-color:rgba(var(--ax-color-primary-900),.25);border-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-alert.ax-primary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-900),.25);border-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-alert.ax-secondary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-solid{background-color:rgba(var(--ax-color-success-900),.25);border-color:rgba(var(--ax-color-success-500))}.ax-dark ax-alert.ax-success-solid .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-solid{background-color:rgba(var(--ax-color-warning-900),.25);border-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-alert.ax-warning-solid .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-solid{background-color:rgba(var(--ax-color-danger-900),.25);border-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-alert.ax-danger-solid .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-solid{background-color:rgba(var(--ax-color-info-900),.25);border-color:rgba(var(--ax-color-info-500))}.ax-dark ax-alert.ax-info-solid .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}ax-alert{position:relative;display:flex;gap:1rem;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));padding:1rem;font-size:.875rem;line-height:1.25rem}ax-alert .ax-alert-inline{display:flex;flex:1 1 0%;align-items:center;justify-content:center}ax-alert .ax-alert-block{display:flex}ax-alert .ax-alert-block .ax-alert-content{display:flex;flex-direction:column;line-height:1.5}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;border-radius:9999px;padding-inline-end:.5rem;font-size:1.125rem;line-height:1.75rem}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%}}ax-alert.ax-primary-solid{background-color:rgba(var(--ax-color-primary-100));border-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-primary-solid ax-title,ax-alert.ax-primary-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-primary-solid .ax-alert-icon{color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-100));border-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-secondary-solid ax-title,ax-alert.ax-secondary-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-secondary-solid .ax-alert-icon{color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-success-solid{background-color:rgba(var(--ax-color-success-100));border-color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-success-solid ax-title,ax-alert.ax-success-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-success-solid .ax-alert-icon{color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-solid .ax-alert-progress{background-color:rgba(var(--ax-color-success-500))}ax-alert.ax-warning-solid{background-color:rgba(var(--ax-color-warning-100));border-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-warning-solid ax-title,ax-alert.ax-warning-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-warning-solid .ax-alert-icon{color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-solid .ax-alert-progress{background-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-danger-solid{background-color:rgba(var(--ax-color-danger-100));border-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-danger-solid ax-title,ax-alert.ax-danger-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-danger-solid .ax-alert-icon{color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-solid .ax-alert-progress{background-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-info-solid{background-color:rgba(var(--ax-color-info-100));border-color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-info-solid ax-title,ax-alert.ax-info-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-info-solid .ax-alert-icon{color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-solid .ax-alert-progress{background-color:rgba(var(--ax-color-info-500))}\n"] }]
-        }], propDecorators: { _iconComp: [{
-                type: ContentChild,
-                args: ['ax-icon']
-            }], _buttonComps: [{
-                type: ContentChildren,
-                args: [AXButtonComponent, { descendants: true }]
-            }], _titleComp: [{
-                type: ContentChild,
-                args: ['ax-title']
-            }], _contentComp: [{
-                type: ContentChild,
-                args: ['ax-content']
-            }], _footerComp: [{
-                type: ContentChild,
-                args: ['ax-footer']
-            }], onClosed: [{
-                type: Output
-            }], __hostClass: [{
+            args: [{ selector: 'ax-alert', inputs: ['color'], outputs: ['colorChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], 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>", styles: [".ax-dark ax-alert.ax-primary-solid{background-color:rgba(var(--ax-color-primary-900),.25);border-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-alert.ax-primary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-900),.25);border-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-alert.ax-secondary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-solid{background-color:rgba(var(--ax-color-success-900),.25);border-color:rgba(var(--ax-color-success-500))}.ax-dark ax-alert.ax-success-solid .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-solid{background-color:rgba(var(--ax-color-warning-900),.25);border-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-alert.ax-warning-solid .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-solid{background-color:rgba(var(--ax-color-danger-900),.25);border-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-alert.ax-danger-solid .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-solid{background-color:rgba(var(--ax-color-info-900),.25);border-color:rgba(var(--ax-color-info-500))}.ax-dark ax-alert.ax-info-solid .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}ax-alert{position:relative;display:flex;gap:1rem;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));padding:1rem;font-size:.875rem;line-height:1.25rem}ax-alert .ax-alert-inline{display:flex;flex:1 1 0%;align-items:center;justify-content:center}ax-alert .ax-alert-block{display:flex}ax-alert .ax-alert-block .ax-alert-content{display:flex;flex-direction:column;line-height:1.5}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;border-radius:9999px;padding-inline-end:.5rem;font-size:1.125rem;line-height:1.75rem}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%}}ax-alert.ax-primary-solid{background-color:rgba(var(--ax-color-primary-100));border-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-primary-solid ax-title,ax-alert.ax-primary-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-primary-solid .ax-alert-icon{color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-100));border-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-secondary-solid ax-title,ax-alert.ax-secondary-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-secondary-solid .ax-alert-icon{color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-success-solid{background-color:rgba(var(--ax-color-success-100));border-color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-success-solid ax-title,ax-alert.ax-success-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-success-solid .ax-alert-icon{color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-solid .ax-alert-progress{background-color:rgba(var(--ax-color-success-500))}ax-alert.ax-warning-solid{background-color:rgba(var(--ax-color-warning-100));border-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-warning-solid ax-title,ax-alert.ax-warning-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-warning-solid .ax-alert-icon{color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-solid .ax-alert-progress{background-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-danger-solid{background-color:rgba(var(--ax-color-danger-100));border-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-danger-solid ax-title,ax-alert.ax-danger-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-danger-solid .ax-alert-icon{color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-solid .ax-alert-progress{background-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-info-solid{background-color:rgba(var(--ax-color-info-100));border-color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-info-solid ax-title,ax-alert.ax-info-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-info-solid .ax-alert-icon{color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-solid .ax-alert-progress{background-color:rgba(var(--ax-color-info-500))}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { __hostClass: [{
                 type: HostBinding,
                 args: ['class']
-            }], timeOut: [{
-                type: Input
-            }], visible: [{
-                type: Input
             }] } });
 
 const COMPONENT = [AXAlertComponent];

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-alert.mjs","sources":["../../../../libs/components/alert/src/lib/alert.component.ts","../../../../libs/components/alert/src/lib/alert.component.html","../../../../libs/components/alert/src/lib/alert.module.ts","../../../../libs/components/alert/src/acorex-components-alert.ts"],"sourcesContent":["import { AXButtonComponent } from '@acorex/components/button';\nimport { AXClosbaleComponent, AXEvent, MXColorComponent } from '@acorex/components/common';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { isBrowser } from '@acorex/core/platform';\n\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  ContentChildren,\n  EventEmitter,\n  HostBinding,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * Regular description\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-alert',\n  templateUrl: './alert.component.html',\n  styleUrls: ['./alert.component.scss'],\n  inputs: ['color'],\n  outputs: ['colorChange'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }],\n})\nexport class AXAlertComponent extends MXColorComponent implements OnInit, AfterViewInit, OnDestroy {\n  @ContentChild('ax-icon')\n  private _iconComp: AXDecoratorIconComponent;\n\n  @ContentChildren(AXButtonComponent, { descendants: true })\n  private _buttonComps!: QueryList<AXButtonComponent>;\n\n  @ContentChild('ax-title')\n  protected _titleComp!: AXDecoratorGenericComponent;\n\n  @ContentChild('ax-content')\n  protected _contentComp!: AXDecoratorGenericComponent;\n\n  @ContentChild('ax-footer')\n  protected _footerComp!: AXDecoratorGenericComponent;\n\n  protected _showInline = false;\n\n  @Output()\n  onClosed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n  private _customIcon: string;\n  private _timeOutRef: number;\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  get __hostClass(): string {\n    return `ax-alert ax-none ax-${this.color}-solid`;\n  }\n\n  private _timeOut: number;\n  @Input()\n  public get timeOut(): number {\n    return this._timeOut;\n  }\n  public set timeOut(v: number) {\n    this.setOption({\n      name: 'timeOut',\n      value: v,\n      beforeCallback: (oldValue, newValue) => {\n        clearTimeout(this._timeOutRef);\n        return newValue;\n      },\n      afterCallback: (oldValue, newValue) => {\n        if (newValue) {\n          this._timeOutRef = window.setTimeout(() => {\n            this.close();\n          }, this.timeOut);\n        }\n      },\n    });\n  }\n\n  private _observer: MutationObserver;\n\n  protected _visible: boolean;\n  /**\n   *  set the visibility of the Alert\n   */\n  @Input()\n  public get visible(): boolean {\n    return this._visible;\n  }\n  public set visible(v: boolean) {\n    if (this._visible != v) {\n      this._visible = v;\n      const host = this.getHostElement();\n      if (v) {\n        host.classList.remove('ax-state-hidden');\n        host.classList.add('ax-state-visible');\n      } else {\n        host.classList.add('ax-state-hidden');\n        host.classList.toggle('ax-state-visible');\n      }\n    }\n  }\n\n  override ngOnInit() {\n    super.ngOnInit();\n    const config = { attributes: false, childList: true, subtree: true };\n    const callback = (mutationList) => {\n      for (const mutation of mutationList) {\n        if (mutation.type === 'childList') {\n          this._setLayout();\n        }\n      }\n    };\n\n    // Create an observer instance linked to the callback function\n    if (typeof MutationObserver !== 'undefined') {\n      this._observer = new MutationObserver(callback);\n    }\n\n    // Start observing the target node for configured mutations\n    if (isBrowser()) {\n      this._observer.observe(this.getHostElement(), config);\n      this.onOptionChanged.subscribe(this._handleOnOptionChanged.bind(this));\n    }\n    //\n  }\n\n  ngAfterViewInit() {\n    if (this.visible == undefined) {\n      this.visible = true;\n    }\n    //\n    this._customIcon = this._iconComp?.icon;\n    this._setLayout();\n  }\n\n  private _setLayout() {\n    this._setIcon();\n    this._applyButtonStyle();\n    this._showInline = this._contentComp == null && this._footerComp == null;\n    this.cdr.markForCheck();\n  }\n\n  protected _handleOnOptionChanged() {\n    this._setIcon();\n    this._applyButtonStyle();\n  }\n\n  private _setIcon() {\n    if (!this._iconComp || this._iconComp.getHostElement().firstElementChild) return;\n\n    switch (this.color) {\n      case 'success':\n        this._iconComp.icon = 'ax-icon ax-icon-check-circle';\n        break;\n      case 'danger':\n        this._iconComp.icon = 'ax-icon ax-icon-error';\n        break;\n      case 'warning':\n        this._iconComp.icon = 'ax-icon ax-icon-warning';\n        break;\n      case 'info':\n        this._iconComp.icon = 'ax-icon ax-icon-info';\n        break;\n      default:\n        this._iconComp.icon = this._customIcon || 'ax-icon ax-icon-check-circle';\n        break;\n    }\n  }\n\n  private _applyButtonStyle() {\n    // this._buttonComps?.forEach((c: AXButtonComponent) => {\n    //   c.color = this.color;\n    //   c.getHostElement().classList.add('ax-sm');\n    // });\n  }\n\n  /**\n   *  Remove the alert from the container\n   */\n  close(): void {\n    const host = this.getHostElement();\n    this.visible = false;\n    const func = () => {\n      if (isBrowser()) {\n        host.parentElement?.removeChild(host);\n        this.onClosed.emit({\n          component: this,\n        });\n        host.removeEventListener('transitionend', func);\n      }\n    };\n    host.addEventListener('transitionend', func);\n  }\n\n  /**\n   *  Hide the alert\n   */\n  hide(): void {\n    this.visible = false;\n  }\n\n  /**\n   *  Show the alert\n   */\n  show() {\n    this.visible = true;\n  }\n\n  ngOnDestroy(): void {\n    this._observer?.disconnect();\n    this.onOptionChanged?.unsubscribe();\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 { AXDecoratorModule } from '@acorex/components/decorators';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXAlertComponent } from './alert.component';\n\nconst COMPONENT = [AXAlertComponent];\nconst MODULES = [CommonModule, AXDecoratorModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXAlertModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-alert.mjs","sources":["../../../../libs/components/alert/src/lib/alert.component.ts","../../../../libs/components/alert/src/lib/alert.component.html","../../../../libs/components/alert/src/lib/alert.module.ts","../../../../libs/components/alert/src/acorex-components-alert.ts"],"sourcesContent":["import { AXClosbaleComponent, AXEvent, MXColorComponent } from '@acorex/components/common';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { isBrowser } from '@acorex/core/platform';\n\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 * Regular description\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-alert',\n  templateUrl: './alert.component.html',\n  styleUrls: ['./alert.component.scss'],\n  inputs: ['color'],\n  outputs: ['colorChange'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }],\n})\nexport class AXAlertComponent extends MXColorComponent {\n  axIcon = contentChild<AXDecoratorIconComponent>('ax-icon');\n\n  axTitle = contentChild<AXDecoratorGenericComponent>('ax-title');\n\n  axContent = contentChild<AXDecoratorGenericComponent>('ax-content');\n\n  axFooter = contentChild<AXDecoratorGenericComponent>('ax-footer');\n\n  protected showInline = signal(false);\n\n  onClosed = output<AXEvent>();\n\n  private customIcon = signal('');\n\n  private _timeOutRef: number;\n\n  timeOut = model<number>(0);\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      clearTimeout(this._timeOutRef);\n      this._timeOutRef = window.setTimeout(() => {\n        this.close();\n      }, this.timeOut());\n    });\n  };\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  private _setLayout() {\n    this._setIcon();\n    this.showInline.set(this.axContent() == null && this.axFooter() == null);\n    this.cdr.markForCheck();\n  }\n\n  protected _handleOnOptionChanged() {\n    this._setIcon();\n  }\n\n  private _setIcon() {\n    if (!this.axIcon() || this.axIcon().getHostElement().firstElementChild) return;\n\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      case 'info':\n        this.axIcon().icon = 'ax-icon ax-icon-info';\n        break;\n      default:\n        this.axIcon().icon = this.customIcon() || 'ax-icon ax-icon-check-circle';\n        break;\n    }\n  }\n\n  /**\n   *  Remove the alert from the container\n   */\n  close(): void {\n    const host = this.getHostElement();\n    const func = () => {\n      if (isBrowser()) {\n        host.parentElement?.removeChild(host);\n        this.onClosed.emit({\n          component: this,\n        });\n        host.removeEventListener('transitionend', func);\n      }\n    };\n    host.addEventListener('transitionend', func);\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  get __hostClass(): string {\n    return `ax-alert ax-none ax-${this.color}-solid`;\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>","import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXAlertComponent } from './alert.component';\n\nconst COMPONENT = [AXAlertComponent];\nconst MODULES = [CommonModule, AXDecoratorModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\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-avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-avatar.mjs","sources":["../../../../libs/components/avatar/src/lib/avatar-group.component.ts","../../../../libs/components/avatar/src/lib/avatar.component.ts","../../../../libs/components/avatar/src/lib/avatar.component.html","../../../../libs/components/avatar/src/lib/avatar.module.ts","../../../../libs/components/avatar/src/acorex-components-avatar.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ax-avatar-group',\n  template: `<ng-content select=\"ax-avatar\"></ng-content>`,\n})\nexport class AXAvatarGroup {}\n","import { MXColorComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  HostBinding,\n  Input,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-avatar',\n  templateUrl: './avatar.component.html',\n  styleUrls: ['./avatar.component.scss'],\n  inputs: ['color'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXAvatarComponent extends MXColorComponent {\n  @ContentChildren('ax-image, ax-icon, ax-text')\n  protected children: QueryList<unknown>;\n\n  @Input() size = 48;\n\n  @Input() look: 'sharp' | 'soft' | 'rounded' = 'rounded';\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color}-solid ax-shape-${this.look}`;\n  }\n\n  @HostBinding('style')\n  private get __hostStyle(): string {\n    return `width: ${this.size}px; height: ${this.size}px`;\n  }\n}\n","<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if(!children?.length){\n<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-solid\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  viewBox=\"0 0 512 512\">\n  <g style=\"isolation: isolate\">\n    <g id=\"Layer_2\" data-name=\"Layer 2\">\n      <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n        <rect width=\"512\" height=\"512\" />\n        <path\n          d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n          style=\"fill: rgba(var(--ax-color-white)); opacity: 0.7\" />\n        <path\n          d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n          style=\"opacity: 0.05\" />\n        <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill: rgba(var(--ax-color-white))\" />\n      </g>\n    </g>\n  </g>\n</svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXAvatarGroup } from './avatar-group.component';\nimport { AXAvatarComponent } from './avatar.component';\n\nconst COMPONENT = [AXAvatarComponent, AXAvatarGroup];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-avatar.mjs","sources":["../../../../libs/components/avatar/src/lib/avatar-group.component.ts","../../../../libs/components/avatar/src/lib/avatar.component.ts","../../../../libs/components/avatar/src/lib/avatar.component.html","../../../../libs/components/avatar/src/lib/avatar.module.ts","../../../../libs/components/avatar/src/acorex-components-avatar.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ax-avatar-group',\n  template: `<ng-content select=\"ax-avatar\"></ng-content>`,\n})\nexport class AXAvatarGroup {}\n","import { MXColorComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, ContentChildren, HostBinding, Input, QueryList, ViewEncapsulation } from '@angular/core';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-avatar',\n  templateUrl: './avatar.component.html',\n  styleUrls: ['./avatar.component.scss'],\n  inputs: ['color'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXAvatarComponent extends MXColorComponent {\n  @ContentChildren('ax-image, ax-icon, ax-text')\n  protected children: QueryList<unknown>;\n\n  @Input() size = 48;\n\n  @Input() look: 'sharp' | 'soft' | 'rounded' = 'rounded';\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color}-solid ax-shape-${this.look}`;\n  }\n\n  @HostBinding('style')\n  private get __hostStyle(): string {\n    return `width: ${this.size}px; height: ${this.size}px`;\n  }\n}\n","<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if(!children?.length){\n<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-solid\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  viewBox=\"0 0 512 512\">\n  <g style=\"isolation: isolate\">\n    <g id=\"Layer_2\" data-name=\"Layer 2\">\n      <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n        <rect width=\"512\" height=\"512\" />\n        <path\n          d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n          style=\"fill: rgba(var(--ax-color-white)); opacity: 0.7\" />\n        <path\n          d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n          style=\"opacity: 0.05\" />\n        <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill: rgba(var(--ax-color-white))\" />\n      </g>\n    </g>\n  </g>\n</svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXAvatarGroup } from './avatar-group.component';\nimport { AXAvatarComponent } from './avatar.component';\n\nconst COMPONENT = [AXAvatarComponent, AXAvatarGroup];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAMa,aAAa,CAAA;8GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,uDAFd,CAA8C,4CAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAE7C,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE,CAA8C,4CAAA,CAAA;AACzD,iBAAA,CAAA;;;ACFD;;;;AAIG;AASG,MAAO,iBAAkB,SAAQ,gBAAgB,CAAA;AARvD,IAAA,WAAA,GAAA;;QAYW,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;QAEV,IAAI,CAAA,IAAA,GAAiC,SAAS,CAAC;AAWzD,KAAA;AATC,IAAA,IACY,WAAW,GAAA;QACrB,OAAO,CAAA,GAAA,EAAM,IAAI,CAAC,KAAK,mBAAmB,IAAI,CAAC,IAAI,CAAA,CAAE,CAAC;KACvD;AAED,IAAA,IACY,WAAW,GAAA;QACrB,OAAO,CAAA,OAAA,EAAU,IAAI,CAAC,IAAI,eAAe,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI,CAAC;KACxD;8GAhBU,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,wSChB9B,olCAqB2C,EAAA,MAAA,EAAA,CAAA,0yGAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDL9B,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;+BACE,WAAW,EAAA,MAAA,EAGb,CAAC,OAAO,CAAC,EAAA,aAAA,EACF,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,olCAAA,EAAA,MAAA,EAAA,CAAA,0yGAAA,CAAA,EAAA,CAAA;8BAIrC,QAAQ,EAAA,CAAA;sBADjB,eAAe;uBAAC,4BAA4B,CAAA;gBAGpC,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAEG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAGM,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO,CAAA;gBAMR,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO,CAAA;;;AExBtB,MAAM,SAAS,GAAG,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;AACrD,MAAM,OAAO,GAAG,CAAC,YAAY,CAAC,CAAC;MAQlB,cAAc,CAAA;8GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAd,cAAc,EAAA,YAAA,EAAA,CATR,iBAAiB,EAAE,aAAa,aAClC,YAAY,CAAA,EAAA,OAAA,EAAA,CADV,iBAAiB,EAAE,aAAa,CAAA,EAAA,CAAA,CAAA,EAAA;AAStC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAJZ,OAAO,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIT,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;AAC5B,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC;AACrB,oBAAA,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AACvB,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACbD;;AAEG;;;;"}

package/fesm2022/acorex-components-badge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-badge.mjs","sources":["../../../../libs/components/badge/src/lib/badge.component.ts","../../../../libs/components/badge/src/lib/badge.component.html","../../../../libs/components/badge/src/lib/badge.module.ts","../../../../libs/components/badge/src/acorex-components-badge.ts"],"sourcesContent":["import { MXColorLookComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-badge',\n  templateUrl: './badge.component.html',\n  styleUrls: ['./badge.component.scss'],\n  inputs: ['color', 'look'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXBadgeComponent extends MXColorLookComponent {\n  @Input() text = '';\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-el-${this.color}-${this.look} ${\n      !this.text ? 'ax-mini-badge' : ''\n    } ${this.text?.length == 1 ? 'ax-single-badge' : ''}`;\n  }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n@if(text){\n<span class=\"ax-badge-text\">{{ text }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXBadgeComponent } from './badge.component';\n\n@NgModule({\n  declarations: [AXBadgeComponent],\n  imports: [CommonModule],\n  exports: [AXBadgeComponent],\n  providers: [],\n})\nexport class AXBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAiBM,MAAO,gBAAiB,SAAQ,oBAAoB,CAAA;AAR1D,IAAA,WAAA,GAAA;;QASW,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;AAQpB,KAAA;AANC,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,SAAS,IAAI,CAAC,KAAK,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,CACrC,CAAA,EAAA,CAAC,IAAI,CAAC,IAAI,GAAG,eAAe,GAAG,EACjC,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,GAAG,iBAAiB,GAAG,EAAE,EAAE,CAAC;KACvD;8GARU,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,sLCjB7B,gKAI4C,EAAA,MAAA,EAAA,CAAA,2cAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDa/B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAGZ,MAAA,EAAA,CAAC,OAAO,EAAE,MAAM,CAAC,EACV,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gKAAA,EAAA,MAAA,EAAA,CAAA,2cAAA,CAAA,EAAA,CAAA;8BAGtC,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAGM,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO,CAAA;;;MEVT,aAAa,CAAA;8GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EALT,YAAA,EAAA,CAAA,gBAAgB,CACrB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,gBAAgB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAJd,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIX,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC3B,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}
+{"version":3,"file":"acorex-components-badge.mjs","sources":["../../../../libs/components/badge/src/lib/badge.component.ts","../../../../libs/components/badge/src/lib/badge.component.html","../../../../libs/components/badge/src/lib/badge.module.ts","../../../../libs/components/badge/src/acorex-components-badge.ts"],"sourcesContent":["import { MXColorLookComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-badge',\n  templateUrl: './badge.component.html',\n  styleUrls: ['./badge.component.scss'],\n  inputs: ['color', 'look'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXBadgeComponent extends MXColorLookComponent {\n  @Input() text = '';\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-el-${this.color}-${this.look} ${!this.text ? 'ax-mini-badge' : ''} ${this.text?.length == 1 ? 'ax-single-badge' : ''}`;\n  }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n@if(text){\n<span class=\"ax-badge-text\">{{ text }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXBadgeComponent } from './badge.component';\n\n@NgModule({\n  declarations: [AXBadgeComponent],\n  imports: [CommonModule],\n  exports: [AXBadgeComponent],\n  providers: [],\n})\nexport class AXBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAWM,MAAO,gBAAiB,SAAQ,oBAAoB,CAAA;AAR1D,IAAA,WAAA,GAAA;;QASW,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;AAMpB,KAAA;AAJC,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,SAAS,IAAI,CAAC,KAAK,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,CAAI,CAAA,EAAA,CAAC,IAAI,CAAC,IAAI,GAAG,eAAe,GAAG,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,GAAG,iBAAiB,GAAG,EAAE,EAAE,CAAC;KACnI;8GANU,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,sLCX7B,gKAI4C,EAAA,MAAA,EAAA,CAAA,2cAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDO/B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAGZ,MAAA,EAAA,CAAC,OAAO,EAAE,MAAM,CAAC,EACV,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gKAAA,EAAA,MAAA,EAAA,CAAA,2cAAA,CAAA,EAAA,CAAA;8BAGtC,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAGM,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO,CAAA;;;MEJT,aAAa,CAAA;8GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EALT,YAAA,EAAA,CAAA,gBAAgB,CACrB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,gBAAgB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAJd,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIX,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC3B,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/acorex-components-bottom-navigation.mjs

@@ -90,16 +90,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
                 args: ['class']
             }] } });
 
-const COMPONENT = [
-    AXBottomNavigationComponent,
-    AXBottomNavigationItemComponent,
-];
+const COMPONENT = [AXBottomNavigationComponent, AXBottomNavigationItemComponent];
 const MODULES = [CommonModule];
 class AXBottomNavigationModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXBottomNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: AXBottomNavigationModule, declarations: [AXBottomNavigationComponent,
-            AXBottomNavigationItemComponent], imports: [CommonModule], exports: [AXBottomNavigationComponent,
-            AXBottomNavigationItemComponent] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: AXBottomNavigationModule, declarations: [AXBottomNavigationComponent, AXBottomNavigationItemComponent], imports: [CommonModule], exports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXBottomNavigationModule, imports: [MODULES] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXBottomNavigationModule, decorators: [{

package/fesm2022/acorex-components-bottom-navigation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-bottom-navigation.mjs","sources":["../../../../libs/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.ts","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.html","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.component.ts","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.component.html","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.module.ts","../../../../libs/components/bottom-navigation/src/acorex-components-bottom-navigation.ts"],"sourcesContent":["import {\n  AXClickEvent,\n  AXRippleDirective,\n  MXInteractiveComponent,\n  MXLookComponent,\n} from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Input,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\n\n@Component({\n  selector: 'ax-bottom-navigation-item',\n  templateUrl: './bottom-navigation-item.component.html',\n  inputs: ['disabled'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  hostDirectives: [AXRippleDirective],\n})\nexport class AXBottomNavigationItemComponent extends classes(\n  MXInteractiveComponent,\n  MXLookComponent\n) {\n  @Input() name: string;\n\n  @Input() active = false;\n\n  @Output() onClick = new EventEmitter<AXClickEvent>();\n\n  @HostBinding('class')\n  get __hostClass(): string {\n    return `${this.active ? 'ax-state-active' : ''} ${\n      this.disabled ? 'ax-state-disabled' : ''\n    } `;\n  }\n\n  @HostListener('click', ['$event'])\n  protected handleClick(e: MouseEvent) {\n    if (this.disabled) return;\n    const dataset = (e.target as any).dataset;\n    this.onClick.emit({\n      component: this,\n      htmlElement: this.getHostElement(),\n      nativeEvent: e,\n      data: { active: this.active, name: this.name, ...dataset },\n      isUserInteraction: e.isTrusted,\n    });\n  }\n}\n","<ng-content select=\"ax-prefix, ax-icon\"></ng-content>\n<ng-content select=\"ax-text, ng-content, ng-container\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>","import { AXClickEvent, MXLookComponent } from '@acorex/components/common';\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  HostBinding,\n  Input,\n  Output,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\n\n@Component({\n  selector: 'ax-bottom-navigation',\n  templateUrl: './bottom-navigation.component.html',\n  styleUrls: ['./bottom-navigation.component.scss'],\n  inputs: ['look'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXBottomNavigationComponent\n  extends classes(MXLookComponent)\n  implements AfterContentInit\n{\n  @ContentChildren(AXBottomNavigationItemComponent)\n  private _contentButtons: QueryList<AXBottomNavigationItemComponent>;\n\n  @Input() hasBorder: boolean = false;\n\n  @Input() indicatorPosition: 'top' | 'bottom' = 'top';\n\n  @Output() onItemClick = new EventEmitter<AXClickEvent>();\n\n  ngAfterContentInit(): void {\n    this._bindEvents();\n  }\n\n  private _bindEvents() {\n    this._contentButtons?.forEach((i: any) => {\n      if (!i.onClick.length)\n        i.onClick.subscribe((event: AXClickEvent) => {\n          this._handleClickEvent(event);\n        });\n    });\n  }\n\n  _handleClickEvent(item: AXClickEvent) {\n    this.onItemClick.emit(item);\n  }\n\n  @HostBinding('class')\n  get __hostClass(): string {\n    return ` ax-look-${this.look} ax-indicator-${this.indicatorPosition} ${\n      this.hasBorder ? 'ax-has-border' : ''\n    }`;\n  }\n}\n","<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\nimport { AXBottomNavigationComponent } from './bottom-navigation.component';\n\nconst COMPONENT = [\n  AXBottomNavigationComponent,\n  AXBottomNavigationItemComponent,\n];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXBottomNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-bottom-navigation.mjs","sources":["../../../../libs/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.ts","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.html","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.component.ts","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.component.html","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.module.ts","../../../../libs/components/bottom-navigation/src/acorex-components-bottom-navigation.ts"],"sourcesContent":["import { AXClickEvent, AXRippleDirective, MXInteractiveComponent, MXLookComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Input,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\n\n@Component({\n  selector: 'ax-bottom-navigation-item',\n  templateUrl: './bottom-navigation-item.component.html',\n  inputs: ['disabled'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  hostDirectives: [AXRippleDirective],\n})\nexport class AXBottomNavigationItemComponent extends classes(MXInteractiveComponent, MXLookComponent) {\n  @Input() name: string;\n\n  @Input() active = false;\n\n  @Output() onClick = new EventEmitter<AXClickEvent>();\n\n  @HostBinding('class')\n  get __hostClass(): string {\n    return `${this.active ? 'ax-state-active' : ''} ${this.disabled ? 'ax-state-disabled' : ''} `;\n  }\n\n  @HostListener('click', ['$event'])\n  protected handleClick(e: MouseEvent) {\n    if (this.disabled) return;\n    const dataset = (e.target as any).dataset;\n    this.onClick.emit({\n      component: this,\n      htmlElement: this.getHostElement(),\n      nativeEvent: e,\n      data: { active: this.active, name: this.name, ...dataset },\n      isUserInteraction: e.isTrusted,\n    });\n  }\n}\n","<ng-content select=\"ax-prefix, ax-icon\"></ng-content>\n<ng-content select=\"ax-text, ng-content, ng-container\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>","import { AXClickEvent, MXLookComponent } from '@acorex/components/common';\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  HostBinding,\n  Input,\n  Output,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\n\n@Component({\n  selector: 'ax-bottom-navigation',\n  templateUrl: './bottom-navigation.component.html',\n  styleUrls: ['./bottom-navigation.component.scss'],\n  inputs: ['look'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXBottomNavigationComponent extends classes(MXLookComponent) implements AfterContentInit {\n  @ContentChildren(AXBottomNavigationItemComponent)\n  private _contentButtons: QueryList<AXBottomNavigationItemComponent>;\n\n  @Input() hasBorder: boolean = false;\n\n  @Input() indicatorPosition: 'top' | 'bottom' = 'top';\n\n  @Output() onItemClick = new EventEmitter<AXClickEvent>();\n\n  ngAfterContentInit(): void {\n    this._bindEvents();\n  }\n\n  private _bindEvents() {\n    this._contentButtons?.forEach((i: any) => {\n      if (!i.onClick.length)\n        i.onClick.subscribe((event: AXClickEvent) => {\n          this._handleClickEvent(event);\n        });\n    });\n  }\n\n  _handleClickEvent(item: AXClickEvent) {\n    this.onItemClick.emit(item);\n  }\n\n  @HostBinding('class')\n  get __hostClass(): string {\n    return ` ax-look-${this.look} ax-indicator-${this.indicatorPosition} ${this.hasBorder ? 'ax-has-border' : ''}`;\n  }\n}\n","<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\nimport { AXBottomNavigationComponent } from './bottom-navigation.component';\n\nconst COMPONENT = [AXBottomNavigationComponent, AXBottomNavigationItemComponent];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXBottomNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-breadcrumbs.mjs

@@ -29,10 +29,7 @@ class AXBreadCrumbsItemComponent extends MXInteractiveComponent {
         this._parent = _parent;
     }
     get __hostClass() {
-        return [
-            `${this.active ? 'ax-state-active' : ''}`,
-            `${this.disabled ? 'ax-state-disabled' : ''}`,
-        ];
+        return [`${this.active ? 'ax-state-active' : ''}`, `${this.disabled ? 'ax-state-disabled' : ''}`];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXBreadCrumbsItemComponent, deps: [{ token: AXBreadCrumbsComponent }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXBreadCrumbsItemComponent, selector: "ax-breadcrumbs-item", inputs: { disabled: "disabled", active: "active" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n<div class=\"ax-breadcrumb-divider\">\n  <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }

package/fesm2022/acorex-components-breadcrumbs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-breadcrumbs.mjs","sources":["../../../../libs/components/breadcrumbs/src/lib/breadcrumbs.component.ts","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs.component.html","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs-item.component.ts","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs-item.component.html","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs.module.ts","../../../../libs/components/breadcrumbs/src/acorex-components-breadcrumbs.ts"],"sourcesContent":["import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-breadcrumbs',\n  templateUrl: './breadcrumbs.component.html',\n  styleUrls: ['./breadcrumbs.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXBreadCrumbsComponent extends MXBaseComponent {\n  @ContentChild('divider')\n  protected _divider: TemplateRef<any>;\n\n  @ViewChild('dividerTpl')\n  dividerTemplate: TemplateRef<any>;\n}\n","<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n    @if(!_divider){\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n    }\n    @if(_divider){\n    <ng-container [ngTemplateOutlet]=\"_divider\"></ng-container>\n    }\n    <ng-template #default>\n        <div class=\"ax-breadcrumb-divider\">/</div>\n    </ng-template>\n</ng-template>","import { MXInteractiveComponent } from '@acorex/components/common';\nimport { Component, HostBinding, Inject, Input } from '@angular/core';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\n\n@Component({\n  selector: 'ax-breadcrumbs-item',\n  inputs: ['disabled'],\n  templateUrl: './breadcrumbs-item.component.html',\n})\nexport class AXBreadCrumbsItemComponent extends MXInteractiveComponent {\n  @Input() active: boolean;\n\n  /**\n   *  @ignore\n   */\n  constructor(\n    @Inject(AXBreadCrumbsComponent)\n    public _parent: AXBreadCrumbsComponent\n  ) {\n    super();\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    return [\n      `${this.active ? 'ax-state-active' : ''}`,\n      `${this.disabled ? 'ax-state-disabled' : ''}`,\n    ];\n  }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n<div class=\"ax-breadcrumb-divider\">\n  <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { AXBreadCrumbsItemComponent } from './breadcrumbs-item.component';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\n\n@NgModule({\n  declarations: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n  imports: [CommonModule, RouterModule],\n  exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n  providers: [],\n})\nexport class AXBreadcrumbsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-breadcrumbs.mjs","sources":["../../../../libs/components/breadcrumbs/src/lib/breadcrumbs.component.ts","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs.component.html","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs-item.component.ts","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs-item.component.html","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs.module.ts","../../../../libs/components/breadcrumbs/src/acorex-components-breadcrumbs.ts"],"sourcesContent":["import { MXBaseComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, ContentChild, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-breadcrumbs',\n  templateUrl: './breadcrumbs.component.html',\n  styleUrls: ['./breadcrumbs.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXBreadCrumbsComponent extends MXBaseComponent {\n  @ContentChild('divider')\n  protected _divider: TemplateRef<any>;\n\n  @ViewChild('dividerTpl')\n  dividerTemplate: TemplateRef<any>;\n}\n","<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n    @if(!_divider){\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n    }\n    @if(_divider){\n    <ng-container [ngTemplateOutlet]=\"_divider\"></ng-container>\n    }\n    <ng-template #default>\n        <div class=\"ax-breadcrumb-divider\">/</div>\n    </ng-template>\n</ng-template>","import { MXInteractiveComponent } from '@acorex/components/common';\nimport { Component, HostBinding, Inject, Input } from '@angular/core';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\n\n@Component({\n  selector: 'ax-breadcrumbs-item',\n  inputs: ['disabled'],\n  templateUrl: './breadcrumbs-item.component.html',\n})\nexport class AXBreadCrumbsItemComponent extends MXInteractiveComponent {\n  @Input() active: boolean;\n\n  /**\n   *  @ignore\n   */\n  constructor(\n    @Inject(AXBreadCrumbsComponent)\n    public _parent: AXBreadCrumbsComponent,\n  ) {\n    super();\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    return [`${this.active ? 'ax-state-active' : ''}`, `${this.disabled ? 'ax-state-disabled' : ''}`];\n  }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n<div class=\"ax-breadcrumb-divider\">\n  <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { AXBreadCrumbsItemComponent } from './breadcrumbs-item.component';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\n\n@NgModule({\n  declarations: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n  imports: [CommonModule, RouterModule],\n  exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n  providers: [],\n})\nexport class AXBreadcrumbsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-button.mjs

@@ -287,33 +287,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
                 args: ['class']
             }] } });
 
-const COMPONENT = [
-    AXButtonComponent,
-    AXButtonItemComponent,
-    AXButtonItemListComponent,
-];
-const MODULES = [
-    CommonModule,
-    AXCommonModule,
-    AXDecoratorModule,
-    AXLoadingModule,
-    AXRippleDirective,
-];
+const COMPONENT = [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent];
+const MODULES = [CommonModule, AXCommonModule, AXDecoratorModule, AXLoadingModule, AXRippleDirective];
 class AXButtonModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: AXButtonModule, declarations: [AXButtonComponent,
-            AXButtonItemComponent,
-            AXButtonItemListComponent], imports: [CommonModule,
-            AXCommonModule,
-            AXDecoratorModule,
-            AXLoadingModule,
-            AXRippleDirective], exports: [AXButtonComponent,
-            AXButtonItemComponent,
-            AXButtonItemListComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXButtonModule, imports: [CommonModule,
-            AXCommonModule,
-            AXDecoratorModule,
-            AXLoadingModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: AXButtonModule, declarations: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent], imports: [CommonModule, AXCommonModule, AXDecoratorModule, AXLoadingModule, AXRippleDirective], exports: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXButtonModule, imports: [CommonModule, AXCommonModule, AXDecoratorModule, AXLoadingModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXButtonModule, decorators: [{
             type: NgModule,