@acorex/components 7.0.27 → 7.0.29

package/alert/src/alert.component.d.ts

@@ -11,14 +11,14 @@ export declare const AXBaseAlertMixin: (new (...args: any[]) => {
     _look?: import("@acorex/components/common").AXStyleLookType;
     look: import("@acorex/components/common").AXStyleLookType;
     id: string;
-    "__#34336@#rtl": boolean;
+    "__#35198@#rtl": boolean;
     rtl: boolean;
     /**
      * Regular description
      *
      * @category Components
      */
-    "__#34336@#elementRef": ElementRef<any>;
+    "__#35198@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/badge/src/badge.component.d.ts

@@ -9,9 +9,9 @@ export declare const AXBaseBadgeMixin: (new (...args: any[]) => {
     _look?: import("@acorex/components/common").AXStyleLookType;
     look: import("@acorex/components/common").AXStyleLookType;
     id: string;
-    "__#34336@#rtl": boolean;
+    "__#35198@#rtl": boolean;
     rtl: boolean;
-    "__#34336@#elementRef": ElementRef<any>;
+    "__#35198@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/breadcrumbs/src/breadcrumbs-item.component.d.ts

@@ -3,9 +3,9 @@ import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXBreadCrumbsComponent } from './breadcrumbs.component';
 import * as i0 from "@angular/core";
 export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) => {
-    "__#34339@#disabled": boolean;
+    "__#35201@#disabled": boolean;
     disabled: boolean;
-    "__#34339@#tabIndex": number;
+    "__#35201@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -14,9 +14,9 @@ export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) =
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#34336@#rtl": boolean;
+    "__#35198@#rtl": boolean;
     rtl: boolean;
-    "__#34336@#elementRef": ElementRef<any>;
+    "__#35198@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -39,9 +39,9 @@ export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) =
     onClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXClickEvent>;
     _emitOnClickEvent(e: MouseEvent): void;
     id: string;
-    "__#34336@#rtl": boolean;
+    "__#35198@#rtl": boolean;
     rtl: boolean;
-    "__#34336@#elementRef": ElementRef<any>;
+    "__#35198@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/button/src/button-group.component.d.ts

@@ -4,9 +4,9 @@ import { AXClickEvent, AXItemClickEvent, AXSelectionMode, AXSelectionValueChange
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
-    "__#34339@#disabled": boolean;
+    "__#35201@#disabled": boolean;
     disabled: boolean;
-    "__#34339@#tabIndex": number;
+    "__#35201@#tabIndex": number;
     tabIndex: number;
     onFocus: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -15,9 +15,9 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#34336@#rtl": boolean;
+    "__#35198@#rtl": boolean;
     rtl: boolean;
-    "__#34336@#elementRef": ElementRef<any>;
+    "__#35198@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -44,9 +44,9 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
     _look?: import("@acorex/components/common").AXStyleLookType;
     look: import("@acorex/components/common").AXStyleLookType;
     id: string;
-    "__#34336@#rtl": boolean;
+    "__#35198@#rtl": boolean;
     rtl: boolean;
-    "__#34336@#elementRef": ElementRef<any>;
+    "__#35198@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/button/src/button-item.component.d.ts

@@ -3,9 +3,9 @@ import { AXStyleColorType } from '@acorex/components/common';
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
-    "__#34339@#disabled": boolean;
+    "__#35201@#disabled": boolean;
     disabled: boolean;
-    "__#34339@#tabIndex": number;
+    "__#35201@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -14,9 +14,9 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#34336@#rtl": boolean;
+    "__#35198@#rtl": boolean;
     rtl: boolean;
-    "__#34336@#elementRef": ElementRef<any>;
+    "__#35198@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -39,9 +39,9 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
     onClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXClickEvent>;
     _emitOnClickEvent(e: MouseEvent): void;
     id: string;
-    "__#34336@#rtl": boolean;
+    "__#35198@#rtl": boolean;
     rtl: boolean;
-    "__#34336@#elementRef": ElementRef<any>;
+    "__#35198@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/color-palette/src/color-palette-input.component.d.ts

@@ -5,6 +5,7 @@ import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare class AXColorPaletteInputComponent extends AXBaseComponent {
     _parent: AXColorComponent;
+    _isTouched: boolean;
     _rgba: any;
     _hex: string;
     constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent: AXColorComponent);

package/color-picker/src/color-picker.component.d.ts

@@ -6,9 +6,9 @@ import { AXPopoverComponent } from '@acorex/components/popover';
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
-    "__#34339@#disabled": boolean;
+    "__#35201@#disabled": boolean;
     disabled: boolean;
-    "__#34339@#tabIndex": number;
+    "__#35201@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -17,9 +17,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#34336@#rtl": boolean;
+    "__#35198@#rtl": boolean;
     rtl: boolean;
-    "__#34336@#elementRef": ElementRef<any>;
+    "__#35198@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -53,9 +53,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     open(): void;
     readonly isOpen: boolean;
     id: string;
-    "__#34336@#rtl": boolean;
+    "__#35198@#rtl": boolean;
     rtl: boolean;
-    "__#34336@#elementRef": ElementRef<any>;
+    "__#35198@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -75,17 +75,17 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
 }) & (new (...args: any[]) => {
     onValueChanged: import("@angular/core").EventEmitter<AXValueChangedEvent<any>>;
     valueChange: import("@angular/core").EventEmitter<any>;
-    "__#34340@#readonly": boolean;
+    "__#35202@#readonly": boolean;
     readonly: boolean;
-    "__#34340@#allowNull": boolean;
+    "__#35202@#allowNull": boolean;
     allowNull: boolean;
-    "__#34340@#name": string;
+    "__#35202@#name": string;
     name: string;
-    "__#34340@#isUserInteraction": boolean;
+    "__#35202@#isUserInteraction": boolean;
     readonly isUserInteraction: boolean;
-    "__#34340@#value": any;
+    "__#35202@#value": any;
     value: any;
-    "__#34340@#state": "error" | "clear" | "success";
+    "__#35202@#state": "error" | "clear" | "success";
     readonly state: "error" | "clear" | "success";
     _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
     _internalSetValue(value: any): any;
@@ -100,16 +100,18 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     validate(): Promise<any>;
     _setState(state: "error" | "clear" | "success", ...args: any[]): void;
     id: string;
-    "__#34336@#rtl": boolean;
+    "__#35198@#rtl": boolean;
     rtl: boolean;
-    "__#34336@#elementRef": ElementRef<any>;
+    "__#35198@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    _getHostElement<T_3 = HTMLElement>(): T_3;
+    _getHostElement<T_3 = HTMLElement>(): T_3; /**
+     *  @ignore
+     */
     _getInnerElement<T_1_2 = HTMLElement>(): T_1_2;
     _onInternalViewInit(): void;
     onInit(): void;
@@ -131,9 +133,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     _emitOnKeyupEvent(e: KeyboardEvent): void;
     _emitOnKeypressEvent(e: KeyboardEvent): void;
     id: string;
-    "__#34336@#rtl": boolean;
+    "__#35198@#rtl": boolean;
     rtl: boolean;
-    "__#34336@#elementRef": ElementRef<any>;
+    "__#35198@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -182,6 +184,7 @@ export declare class AXColorPickerComponent extends AXBaseColorPickerMixin {
     _handleValueChangedEvent(e: AXValueChangedEvent<any>): void;
     _handlePopupOnOpened(e: any): Promise<void>;
     _handlePopupOnClosed(e: any): void;
+    _handleKeydown(e: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPickerComponent, "ax-color-picker", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "autoComplete": "autoComplete"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-validation-rule", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPickerComponent, "ax-color-picker", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "autoComplete": "autoComplete"; "readonly": "readonly"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-validation-rule", "ax-suffix"], false, never>;
 }

package/common/src/services/overlay.service.d.ts

@@ -1,5 +1,6 @@
 import { ApplicationRef } from '@angular/core';
 import { Overlay, OverlayPositionBuilder, PositionStrategy } from '@angular/cdk/overlay';
+import { Portal } from '@angular/cdk/portal';
 import { DynamicOverlay } from './custom-cdk-overlay.service';
 import { AXConnectedPosition } from '../classes/drawing.class';
 import * as i0 from "@angular/core";
@@ -24,6 +25,7 @@ export declare class AXOverlayService {
     private overlayService;
     private overlayService2;
     private appRef;
+    portal: Portal<any>;
     constructor(overlayService: DynamicOverlay, overlayService2: Overlay, appRef: ApplicationRef);
     position(): OverlayPositionBuilder;
     show(content: any, context?: any, configs?: AXOverlayConfigs): AXOverlayViewRef;

package/date-picker/src/datepicker.component.d.ts

@@ -5,9 +5,9 @@ import { AXPopoverComponent } from '@acorex/components/popover';
 import { AXComponentOptionChanged } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
-    "__#34339@#disabled": boolean;
+    "__#35201@#disabled": boolean;
     disabled: boolean;
-    "__#34339@#tabIndex": number;
+    "__#35201@#tabIndex": number;
     tabIndex: number;
     onFocus: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -16,9 +16,9 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#34336@#rtl": boolean;
+    "__#35198@#rtl": boolean;
     rtl: boolean;
-    "__#34336@#elementRef": ElementRef<any>;
+    "__#35198@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -52,9 +52,9 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     open(): void;
     readonly isOpen: boolean;
     id: string;
-    "__#34336@#rtl": boolean;
+    "__#35198@#rtl": boolean;
     rtl: boolean;
-    "__#34336@#elementRef": ElementRef<any>;
+    "__#35198@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -74,17 +74,17 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
 }) & (new (...args: any[]) => {
     onValueChanged: EventEmitter<import("@acorex/components/common").AXValueChangedEvent<any>>;
     valueChange: EventEmitter<any>;
-    "__#34340@#readonly": boolean;
+    "__#35202@#readonly": boolean;
     readonly: boolean;
-    "__#34340@#allowNull": boolean;
+    "__#35202@#allowNull": boolean;
     allowNull: boolean;
-    "__#34340@#name": string;
+    "__#35202@#name": string;
     name: string;
-    "__#34340@#isUserInteraction": boolean;
+    "__#35202@#isUserInteraction": boolean;
     readonly isUserInteraction: boolean;
-    "__#34340@#value": any;
+    "__#35202@#value": any;
     value: any;
-    "__#34340@#state": "error" | "clear" | "success";
+    "__#35202@#state": "error" | "clear" | "success";
     readonly state: "error" | "clear" | "success";
     _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
     _internalSetValue(value: any): any;
@@ -99,9 +99,9 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     validate(): Promise<any>;
     _setState(state: "error" | "clear" | "success", ...args: any[]): void;
     id: string;
-    "__#34336@#rtl": boolean;
+    "__#35198@#rtl": boolean;
     rtl: boolean;
-    "__#34336@#elementRef": ElementRef<any>;
+    "__#35198@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/decorators/src/text.component.d.ts

@@ -5,5 +5,5 @@ export declare class AXDecoratorTextComponent extends AXBaseComponentMixin {
     content: string;
     constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorTextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorTextComponent, "ax-text", never, { "content": "content"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorTextComponent, "ax-text", never, { "content": "content"; }, {}, never, ["*"], false, never>;
 }

package/esm2020/alert/src/alert.component.mjs

@@ -149,10 +149,10 @@ export class AXAlertComponent extends AXBaseAlertMixin {
     }
 }
 AXAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXAlertComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXAlertComponent, selector: "ax-alert", inputs: { color: "color", timeOut: "timeOut", visible: "visible" }, outputs: { onClosed: "onClosed" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], queries: [{ propertyName: "_icon", first: true, predicate: AXDecoratorIconComponent, descendants: true }, { propertyName: "_title", first: true, predicate: AXDecoratorTitleComponent, descendants: true }, { propertyName: "_content", first: true, predicate: AXDecoratorContentComponent, descendants: true }, { propertyName: "_footer", first: true, predicate: AXDecoratorFooterComponent, descendants: true }, { propertyName: "_buttons", predicate: AXButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n  <div class=\"ax-alert-middle-block-start\">\r\n    <div class=\"ax-alert-title\">\r\n      <ng-content select=\"ax-title\"></ng-content>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ax-alert-middle-block-end\"\r\n    [class.ax-hidden]=\"!_showInline\"\r\n    [class.ax-title-gap]=\"_title\">\r\n    <ng-content select=\"ax-content\"> </ng-content>\r\n    <ng-content select=\"ax-footer\"> </ng-content>\r\n  </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-button\"></ng-content>\r\n  <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div\r\n  class=\"ax-alert-progress\"\r\n  [style.animation-duration.ms]=\"timeOut\"\r\n  *ngIf=\"timeOut\"></div>\r\n", styles: ["html.ax-dark ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-900));border-color:rgb(var(--ax-color-primary-500))}html.ax-dark ax-alert.ax-primary-default ax-title{color:rgb(var(--ax-color-primary-100))}html.ax-dark ax-alert.ax-primary-default ax-content{color:rgb(var(--ax-color-primary-100))}html.ax-dark ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-primary-200))}html.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-200))}html.ax-dark ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-900));border-color:rgb(var(--ax-color-secondary-500))}html.ax-dark ax-alert.ax-secondary-default ax-title{color:rgb(var(--ax-color-secondary-100))}html.ax-dark ax-alert.ax-secondary-default ax-content{color:rgb(var(--ax-color-secondary-100))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-secondary-200))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-200))}html.ax-dark ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-900));border-color:rgb(var(--ax-color-success-500))}html.ax-dark ax-alert.ax-success-default ax-title{color:rgb(var(--ax-color-success-100))}html.ax-dark ax-alert.ax-success-default ax-content{color:rgb(var(--ax-color-success-100))}html.ax-dark ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-success-200))}html.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-200))}html.ax-dark ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-900));border-color:rgb(var(--ax-color-warning-500))}html.ax-dark ax-alert.ax-warning-default ax-title{color:rgb(var(--ax-color-warning-100))}html.ax-dark ax-alert.ax-warning-default ax-content{color:rgb(var(--ax-color-warning-100))}html.ax-dark ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-warning-200))}html.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-200))}html.ax-dark ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-900));border-color:rgb(var(--ax-color-danger-500))}html.ax-dark ax-alert.ax-danger-default ax-title{color:rgb(var(--ax-color-danger-100))}html.ax-dark ax-alert.ax-danger-default ax-content{color:rgb(var(--ax-color-danger-100))}html.ax-dark ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-danger-200))}html.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-200))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start.ax-items-start,ax-alert .ax-alert-inline-end.ax-items-start{align-items:flex-start!important}ax-alert .ax-alert-inline-start{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{border-radius:999rem;display:grid;place-items:center;font-size:1.25rem;line-height:1.25rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-middle-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-middle-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-middle-block-start .ax-alert-title .ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-middle-block-end{display:flex;flex-direction:column;gap:1rem}ax-alert .ax-alert-middle-block-end.ax-title-gap{margin-top:.5rem}ax-alert .ax-alert-middle-block-end.ax-hidden{display:none!important}ax-alert .ax-alert-middle-block-end ax-content{display:block}ax-alert .ax-alert-middle-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-50));border-color:rgb(var(--ax-color-primary-500))}ax-alert.ax-primary-default ax-title{color:rgb(var(--ax-color-primary-900))}ax-alert.ax-primary-default ax-content{color:rgb(var(--ax-color-primary-800))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-primary-800))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-800))}ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-50));border-color:rgb(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default ax-title{color:rgb(var(--ax-color-secondary-900))}ax-alert.ax-secondary-default ax-content{color:rgb(var(--ax-color-secondary-800))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-secondary-800))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-800))}ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-50));border-color:rgb(var(--ax-color-success-500))}ax-alert.ax-success-default ax-title{color:rgb(var(--ax-color-success-900))}ax-alert.ax-success-default ax-content{color:rgb(var(--ax-color-success-800))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-success-800))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-800))}ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-50));border-color:rgb(var(--ax-color-warning-500))}ax-alert.ax-warning-default ax-title{color:rgb(var(--ax-color-warning-900))}ax-alert.ax-warning-default ax-content{color:rgb(var(--ax-color-warning-800))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-warning-800))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-800))}ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-50));border-color:rgb(var(--ax-color-danger-500))}ax-alert.ax-danger-default ax-title{color:rgb(var(--ax-color-danger-900))}ax-alert.ax-danger-default ax-content{color:rgb(var(--ax-color-danger-800))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-danger-800))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-800))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AXAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXAlertComponent, selector: "ax-alert", inputs: { color: "color", timeOut: "timeOut", visible: "visible" }, outputs: { onClosed: "onClosed" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], queries: [{ propertyName: "_icon", first: true, predicate: AXDecoratorIconComponent, descendants: true }, { propertyName: "_title", first: true, predicate: AXDecoratorTitleComponent, descendants: true }, { propertyName: "_content", first: true, predicate: AXDecoratorContentComponent, descendants: true }, { propertyName: "_footer", first: true, predicate: AXDecoratorFooterComponent, descendants: true }, { propertyName: "_buttons", predicate: AXButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n  <div class=\"ax-alert-middle-block-start\">\r\n    <div class=\"ax-alert-title\">\r\n      <ng-content select=\"ax-title\"></ng-content>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ax-alert-middle-block-end\"\r\n    [class.ax-hidden]=\"!_showInline\"\r\n    [class.ax-title-gap]=\"_title\">\r\n    <ng-content select=\"ax-content\"> </ng-content>\r\n    <ng-content select=\"ax-footer\"> </ng-content>\r\n  </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-button\"></ng-content>\r\n  <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div\r\n  class=\"ax-alert-progress\"\r\n  [style.animation-duration.ms]=\"timeOut\"\r\n  *ngIf=\"timeOut\"></div>\r\n", styles: ["html.ax-dark ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-900));border-color:rgb(var(--ax-color-primary-500))}html.ax-dark ax-alert.ax-primary-default ax-title{color:rgb(var(--ax-color-primary-100))}html.ax-dark ax-alert.ax-primary-default ax-content{color:rgb(var(--ax-color-primary-100))}html.ax-dark ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-primary-200))}html.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-200))}html.ax-dark ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-900));border-color:rgb(var(--ax-color-secondary-500))}html.ax-dark ax-alert.ax-secondary-default ax-title{color:rgb(var(--ax-color-secondary-100))}html.ax-dark ax-alert.ax-secondary-default ax-content{color:rgb(var(--ax-color-secondary-100))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-secondary-200))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-200))}html.ax-dark ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-900));border-color:rgb(var(--ax-color-success-500))}html.ax-dark ax-alert.ax-success-default ax-title{color:rgb(var(--ax-color-success-100))}html.ax-dark ax-alert.ax-success-default ax-content{color:rgb(var(--ax-color-success-100))}html.ax-dark ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-success-200))}html.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-200))}html.ax-dark ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-900));border-color:rgb(var(--ax-color-warning-500))}html.ax-dark ax-alert.ax-warning-default ax-title{color:rgb(var(--ax-color-warning-100))}html.ax-dark ax-alert.ax-warning-default ax-content{color:rgb(var(--ax-color-warning-100))}html.ax-dark ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-warning-200))}html.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-200))}html.ax-dark ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-900));border-color:rgb(var(--ax-color-danger-500))}html.ax-dark ax-alert.ax-danger-default ax-title{color:rgb(var(--ax-color-danger-100))}html.ax-dark ax-alert.ax-danger-default ax-content{color:rgb(var(--ax-color-danger-100))}html.ax-dark ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-danger-200))}html.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-200))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start.ax-items-start,ax-alert .ax-alert-inline-end.ax-items-start{align-items:flex-start!important}ax-alert .ax-alert-inline-start{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{border-radius:99rem;display:grid;place-items:center;font-size:1.25rem;line-height:1.25rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-middle-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-middle-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-middle-block-start .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-middle-block-end{display:flex;flex-direction:column;gap:1rem}ax-alert .ax-alert-middle-block-end.ax-title-gap{margin-top:.5rem}ax-alert .ax-alert-middle-block-end.ax-hidden{display:none!important}ax-alert .ax-alert-middle-block-end ax-content{display:block}ax-alert .ax-alert-middle-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-50));border-color:rgb(var(--ax-color-primary-500))}ax-alert.ax-primary-default ax-title{color:rgb(var(--ax-color-primary-900))}ax-alert.ax-primary-default ax-content{color:rgb(var(--ax-color-primary-800))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-primary-800))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-800))}ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-50));border-color:rgb(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default ax-title{color:rgb(var(--ax-color-secondary-900))}ax-alert.ax-secondary-default ax-content{color:rgb(var(--ax-color-secondary-800))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-secondary-800))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-800))}ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-50));border-color:rgb(var(--ax-color-success-500))}ax-alert.ax-success-default ax-title{color:rgb(var(--ax-color-success-900))}ax-alert.ax-success-default ax-content{color:rgb(var(--ax-color-success-800))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-success-800))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-800))}ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-50));border-color:rgb(var(--ax-color-warning-500))}ax-alert.ax-warning-default ax-title{color:rgb(var(--ax-color-warning-900))}ax-alert.ax-warning-default ax-content{color:rgb(var(--ax-color-warning-800))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-warning-800))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-800))}ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-50));border-color:rgb(var(--ax-color-danger-500))}ax-alert.ax-danger-default ax-title{color:rgb(var(--ax-color-danger-900))}ax-alert.ax-danger-default ax-content{color:rgb(var(--ax-color-danger-800))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-danger-800))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-800))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXAlertComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-alert', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n  <div class=\"ax-alert-middle-block-start\">\r\n    <div class=\"ax-alert-title\">\r\n      <ng-content select=\"ax-title\"></ng-content>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ax-alert-middle-block-end\"\r\n    [class.ax-hidden]=\"!_showInline\"\r\n    [class.ax-title-gap]=\"_title\">\r\n    <ng-content select=\"ax-content\"> </ng-content>\r\n    <ng-content select=\"ax-footer\"> </ng-content>\r\n  </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-button\"></ng-content>\r\n  <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div\r\n  class=\"ax-alert-progress\"\r\n  [style.animation-duration.ms]=\"timeOut\"\r\n  *ngIf=\"timeOut\"></div>\r\n", styles: ["html.ax-dark ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-900));border-color:rgb(var(--ax-color-primary-500))}html.ax-dark ax-alert.ax-primary-default ax-title{color:rgb(var(--ax-color-primary-100))}html.ax-dark ax-alert.ax-primary-default ax-content{color:rgb(var(--ax-color-primary-100))}html.ax-dark ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-primary-200))}html.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-200))}html.ax-dark ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-900));border-color:rgb(var(--ax-color-secondary-500))}html.ax-dark ax-alert.ax-secondary-default ax-title{color:rgb(var(--ax-color-secondary-100))}html.ax-dark ax-alert.ax-secondary-default ax-content{color:rgb(var(--ax-color-secondary-100))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-secondary-200))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-200))}html.ax-dark ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-900));border-color:rgb(var(--ax-color-success-500))}html.ax-dark ax-alert.ax-success-default ax-title{color:rgb(var(--ax-color-success-100))}html.ax-dark ax-alert.ax-success-default ax-content{color:rgb(var(--ax-color-success-100))}html.ax-dark ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-success-200))}html.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-200))}html.ax-dark ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-900));border-color:rgb(var(--ax-color-warning-500))}html.ax-dark ax-alert.ax-warning-default ax-title{color:rgb(var(--ax-color-warning-100))}html.ax-dark ax-alert.ax-warning-default ax-content{color:rgb(var(--ax-color-warning-100))}html.ax-dark ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-warning-200))}html.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-200))}html.ax-dark ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-900));border-color:rgb(var(--ax-color-danger-500))}html.ax-dark ax-alert.ax-danger-default ax-title{color:rgb(var(--ax-color-danger-100))}html.ax-dark ax-alert.ax-danger-default ax-content{color:rgb(var(--ax-color-danger-100))}html.ax-dark ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-danger-200))}html.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-200))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start.ax-items-start,ax-alert .ax-alert-inline-end.ax-items-start{align-items:flex-start!important}ax-alert .ax-alert-inline-start{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{border-radius:999rem;display:grid;place-items:center;font-size:1.25rem;line-height:1.25rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-middle-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-middle-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-middle-block-start .ax-alert-title .ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-middle-block-end{display:flex;flex-direction:column;gap:1rem}ax-alert .ax-alert-middle-block-end.ax-title-gap{margin-top:.5rem}ax-alert .ax-alert-middle-block-end.ax-hidden{display:none!important}ax-alert .ax-alert-middle-block-end ax-content{display:block}ax-alert .ax-alert-middle-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-50));border-color:rgb(var(--ax-color-primary-500))}ax-alert.ax-primary-default ax-title{color:rgb(var(--ax-color-primary-900))}ax-alert.ax-primary-default ax-content{color:rgb(var(--ax-color-primary-800))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-primary-800))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-800))}ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-50));border-color:rgb(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default ax-title{color:rgb(var(--ax-color-secondary-900))}ax-alert.ax-secondary-default ax-content{color:rgb(var(--ax-color-secondary-800))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-secondary-800))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-800))}ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-50));border-color:rgb(var(--ax-color-success-500))}ax-alert.ax-success-default ax-title{color:rgb(var(--ax-color-success-900))}ax-alert.ax-success-default ax-content{color:rgb(var(--ax-color-success-800))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-success-800))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-800))}ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-50));border-color:rgb(var(--ax-color-warning-500))}ax-alert.ax-warning-default ax-title{color:rgb(var(--ax-color-warning-900))}ax-alert.ax-warning-default ax-content{color:rgb(var(--ax-color-warning-800))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-warning-800))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-800))}ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-50));border-color:rgb(var(--ax-color-danger-500))}ax-alert.ax-danger-default ax-title{color:rgb(var(--ax-color-danger-900))}ax-alert.ax-danger-default ax-content{color:rgb(var(--ax-color-danger-800))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-danger-800))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-800))}\n"] }]
+            args: [{ selector: 'ax-alert', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n  <div class=\"ax-alert-middle-block-start\">\r\n    <div class=\"ax-alert-title\">\r\n      <ng-content select=\"ax-title\"></ng-content>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ax-alert-middle-block-end\"\r\n    [class.ax-hidden]=\"!_showInline\"\r\n    [class.ax-title-gap]=\"_title\">\r\n    <ng-content select=\"ax-content\"> </ng-content>\r\n    <ng-content select=\"ax-footer\"> </ng-content>\r\n  </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-button\"></ng-content>\r\n  <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div\r\n  class=\"ax-alert-progress\"\r\n  [style.animation-duration.ms]=\"timeOut\"\r\n  *ngIf=\"timeOut\"></div>\r\n", styles: ["html.ax-dark ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-900));border-color:rgb(var(--ax-color-primary-500))}html.ax-dark ax-alert.ax-primary-default ax-title{color:rgb(var(--ax-color-primary-100))}html.ax-dark ax-alert.ax-primary-default ax-content{color:rgb(var(--ax-color-primary-100))}html.ax-dark ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-primary-200))}html.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-200))}html.ax-dark ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-900));border-color:rgb(var(--ax-color-secondary-500))}html.ax-dark ax-alert.ax-secondary-default ax-title{color:rgb(var(--ax-color-secondary-100))}html.ax-dark ax-alert.ax-secondary-default ax-content{color:rgb(var(--ax-color-secondary-100))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-secondary-200))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-200))}html.ax-dark ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-900));border-color:rgb(var(--ax-color-success-500))}html.ax-dark ax-alert.ax-success-default ax-title{color:rgb(var(--ax-color-success-100))}html.ax-dark ax-alert.ax-success-default ax-content{color:rgb(var(--ax-color-success-100))}html.ax-dark ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-success-200))}html.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-200))}html.ax-dark ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-900));border-color:rgb(var(--ax-color-warning-500))}html.ax-dark ax-alert.ax-warning-default ax-title{color:rgb(var(--ax-color-warning-100))}html.ax-dark ax-alert.ax-warning-default ax-content{color:rgb(var(--ax-color-warning-100))}html.ax-dark ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-warning-200))}html.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-200))}html.ax-dark ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-900));border-color:rgb(var(--ax-color-danger-500))}html.ax-dark ax-alert.ax-danger-default ax-title{color:rgb(var(--ax-color-danger-100))}html.ax-dark ax-alert.ax-danger-default ax-content{color:rgb(var(--ax-color-danger-100))}html.ax-dark ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-danger-200))}html.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-200))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start.ax-items-start,ax-alert .ax-alert-inline-end.ax-items-start{align-items:flex-start!important}ax-alert .ax-alert-inline-start{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{border-radius:99rem;display:grid;place-items:center;font-size:1.25rem;line-height:1.25rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-middle-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-middle-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-middle-block-start .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-middle-block-end{display:flex;flex-direction:column;gap:1rem}ax-alert .ax-alert-middle-block-end.ax-title-gap{margin-top:.5rem}ax-alert .ax-alert-middle-block-end.ax-hidden{display:none!important}ax-alert .ax-alert-middle-block-end ax-content{display:block}ax-alert .ax-alert-middle-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-50));border-color:rgb(var(--ax-color-primary-500))}ax-alert.ax-primary-default ax-title{color:rgb(var(--ax-color-primary-900))}ax-alert.ax-primary-default ax-content{color:rgb(var(--ax-color-primary-800))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-primary-800))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-800))}ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-50));border-color:rgb(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default ax-title{color:rgb(var(--ax-color-secondary-900))}ax-alert.ax-secondary-default ax-content{color:rgb(var(--ax-color-secondary-800))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-secondary-800))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-800))}ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-50));border-color:rgb(var(--ax-color-success-500))}ax-alert.ax-success-default ax-title{color:rgb(var(--ax-color-success-900))}ax-alert.ax-success-default ax-content{color:rgb(var(--ax-color-success-800))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-success-800))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-800))}ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-50));border-color:rgb(var(--ax-color-warning-500))}ax-alert.ax-warning-default ax-title{color:rgb(var(--ax-color-warning-900))}ax-alert.ax-warning-default ax-content{color:rgb(var(--ax-color-warning-800))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-warning-800))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-800))}ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-50));border-color:rgb(var(--ax-color-danger-500))}ax-alert.ax-danger-default ax-title{color:rgb(var(--ax-color-danger-900))}ax-alert.ax-danger-default ax-content{color:rgb(var(--ax-color-danger-800))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgb(var(--ax-color-danger-800))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-800))}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _icon: [{
                 type: ContentChild,
                 args: [AXDecoratorIconComponent]

package/esm2020/badge/src/badge.component.mjs

@@ -14,10 +14,10 @@ export class AXBadgeComponent extends AXBaseBadgeMixin {
     }
 }
 AXBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXBadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:999rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto;line-height:2;word-break:break-all}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AXBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto;line-height:2;word-break:break-all}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXBadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:999rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto;line-height:2;word-break:break-all}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"] }]
+            args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto;line-height:2;word-break:break-all}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
                 type: Input
             }], __hostClass: [{