@acorex/components 7.1.10 → 7.1.12

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[]) => {
-    "__#37860@#disabled": boolean;
+    "__#37859@#disabled": boolean;
     disabled: boolean;
-    "__#37860@#tabIndex": number;
+    "__#37859@#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;
-    "__#37857@#rtl": boolean;
+    "__#37856@#rtl": boolean;
     rtl: boolean;
-    "__#37857@#elementRef": ElementRef<any>;
+    "__#37856@#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;
-    "__#37857@#rtl": boolean;
+    "__#37856@#rtl": boolean;
     rtl: boolean;
-    "__#37857@#elementRef": ElementRef<any>; /**
+    "__#37856@#elementRef": ElementRef<any>; /**
      *  @ignore
      */
     _cdr: ChangeDetectorRef;

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[]) => {
-    "__#37860@#disabled": boolean;
+    "__#37859@#disabled": boolean;
     disabled: boolean;
-    "__#37860@#tabIndex": number;
+    "__#37859@#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;
-    "__#37857@#rtl": boolean;
+    "__#37856@#rtl": boolean;
     rtl: boolean;
-    "__#37857@#elementRef": ElementRef<any>;
+    "__#37856@#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;
-    "__#37857@#rtl": boolean;
+    "__#37856@#rtl": boolean;
     rtl: boolean;
-    "__#37857@#elementRef": ElementRef<any>;
+    "__#37856@#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[]) => {
-    "__#37860@#disabled": boolean;
+    "__#37859@#disabled": boolean;
     disabled: boolean;
-    "__#37860@#tabIndex": number;
+    "__#37859@#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;
-    "__#37857@#rtl": boolean;
+    "__#37856@#rtl": boolean;
     rtl: boolean;
-    "__#37857@#elementRef": ElementRef<any>;
+    "__#37856@#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;
-    "__#37857@#rtl": boolean;
+    "__#37856@#rtl": boolean;
     rtl: boolean;
-    "__#37857@#elementRef": ElementRef<any>;
+    "__#37856@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/calendar/src/calendar.class.d.ts

@@ -1,8 +1,8 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, TemplateRef } from "@angular/core";
+import { EventEmitter, TemplateRef } from "@angular/core";
 import { AXItemClickEvent, AXRangeChangedEvent, MXBaseComponent } from "@acorex/components/common";
-import { AXBaseComponent } from "@acorex/components/mixin";
+import { AXDateTimeRange } from "@acorex/core/dateTime";
 import * as i0 from "@angular/core";
-export type AXCalendarViewType = 'years' | 'months' | 'days';
+export type AXCalendarViewType = 'year' | 'month' | 'day';
 export type AXCalendarViewDepth = AXCalendarViewType;
 export type AXCalendarDisabledDates = Date[] | ((date: Date) => boolean);
 export type AXCalendarHolidayDates = Date[] | ((date: Date) => boolean);
@@ -21,12 +21,28 @@ export declare class AXCalendarNavigateEvent extends AXRangeChangedEvent<Date> {
 */
 export declare class AXCalendarSlotClick extends AXItemClickEvent<Date> {
 }
+export interface AXCalendarViewSlot {
+    date: Date;
+    text: string;
+    tooltip: string;
+    today: boolean;
+    selected: boolean;
+    disabled: boolean;
+    cssClass: {
+        [key: string]: boolean;
+    };
+}
+export interface AXCalendarView {
+    range: AXDateTimeRange;
+    slots: AXCalendarViewSlot[];
+}
 declare const MXCalendarBaseComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXBaseComponent]>;
 export declare class MXCalendarBaseComponent extends MXCalendarBaseComponent_base {
     interface: 'calendar' | 'picker';
     cellTemplate?: TemplateRef<any>;
     cellClass?: AXCalendarCellCssClass;
     showNavigation: boolean;
+    count: number;
     onSlotClick: EventEmitter<AXCalendarSlotClick>;
     onNavigate: EventEmitter<AXCalendarNavigateEvent>;
     activeViewChange: EventEmitter<AXCalendarViewType>;
@@ -60,41 +76,6 @@ export declare class MXCalendarBaseComponent extends MXCalendarBaseComponent_bas
     static ɵfac: i0.ɵɵFactoryDeclaration<MXCalendarBaseComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MXCalendarBaseComponent>;
 }
-export declare class AXCalendarBaseComponent extends AXBaseComponent {
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    onSlotClick: EventEmitter<AXItemClickEvent<Date>>;
-    onNavigate: EventEmitter<AXCalendarNavigateEvent>;
-    activeViewChange: EventEmitter<AXCalendarViewType>;
-    private _activeView;
-    get activeView(): AXCalendarViewType;
-    set activeView(v: AXCalendarViewType);
-    typeChange: EventEmitter<string>;
-    private _type;
-    get type(): string;
-    set type(v: string);
-    depthChange: EventEmitter<AXCalendarViewDepth>;
-    private _depth;
-    get depth(): AXCalendarViewDepth;
-    set depth(v: AXCalendarViewDepth);
-    minChange: EventEmitter<Date>;
-    private _min;
-    get min(): Date;
-    set min(v: Date);
-    maxChange: EventEmitter<Date>;
-    private _max;
-    get max(): Date;
-    set max(v: Date);
-    disabledDatesChange: EventEmitter<AXCalendarDisabledDates>;
-    private _disabledDates;
-    get disabledDates(): AXCalendarDisabledDates;
-    set disabledDates(v: AXCalendarDisabledDates);
-    holidayDatesChange: EventEmitter<AXCalendarHolidayDates>;
-    private _holidayDates;
-    get holidayDates(): AXCalendarHolidayDates;
-    set holidayDates(v: AXCalendarHolidayDates);
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarBaseComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXCalendarBaseComponent>;
-}
 export declare const CALENDAR_INPUTS: string[];
 export declare const CALENDAR_OUTPUTS: string[];
 export {};

package/calendar/src/calendar.component.d.ts

@@ -1,6 +1,6 @@
 import { AXDateTime, AXDateTimeRange } from '@acorex/core/dateTime';
 import { AXClickEvent, AXOptionChangedEvent, MXInteractiveComponent, MXValueComponent } from '@acorex/components/common';
-import { MXCalendarBaseComponent } from './calendar.class';
+import { AXCalendarView, AXCalendarViewSlot, AXCalendarViewType, MXCalendarBaseComponent } from './calendar.class';
 import * as i0 from "@angular/core";
 declare const AXCalendarComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
     new (): MXValueComponent<Date>;
@@ -9,20 +9,22 @@ declare const AXCalendarComponent_base: import("polytype").Polytype.ClusteredCon
 }, typeof MXInteractiveComponent, typeof MXCalendarBaseComponent]>;
 export declare class AXCalendarComponent extends AXCalendarComponent_base {
     get displayRange(): AXDateTimeRange;
+    private _setDisplayRange;
     protected _today: AXDateTime;
     private _viewStartDate;
-    protected _navText: string;
-    protected _todayText: string;
-    protected _slots: any[];
+    private _footPrint;
+    protected views: AXCalendarView[];
     protected _dayNames: string[];
     private _initValues;
     private _refresh;
+    constructor();
     protected ngOnInit(): void;
+    protected ngAfterViewInit(): void;
     render(): void;
     protected _handlePrevClick(): void;
     protected _handleNextClick(): void;
-    protected _handleSlotClick(e: MouseEvent, slot: any): void;
-    protected _handleNavClick(e: AXClickEvent | any): void;
+    protected _handleSlotClick(e: MouseEvent, slot: AXCalendarViewSlot): void;
+    protected _handleNavClick(e: AXClickEvent | any, view: AXCalendarViewType): void;
     toggleView(): void;
     protected _handleOnOptionChanged(e: AXOptionChangedEvent): void;
     private _handleOnValueChanged;
@@ -39,6 +41,6 @@ export declare class AXCalendarComponent extends AXCalendarComponent_base {
     protected isHoliday(date: AXDateTime): boolean;
     protected isWeekend(date: AXDateTime): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; }, never, ["ax-header", "ax-footer"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; "count": { "alias": "count"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; "countChange": "countChange"; }, never, ["ax-header", "ax-footer"], false, never>;
 }
 export {};

package/chips/src/chips.component.d.ts

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

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[]) => {
-    "__#37860@#disabled": boolean;
+    "__#37859@#disabled": boolean;
     disabled: boolean;
-    "__#37860@#tabIndex": number;
+    "__#37859@#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;
-    "__#37857@#rtl": boolean;
+    "__#37856@#rtl": boolean;
     rtl: boolean;
-    "__#37857@#elementRef": ElementRef<any>;
+    "__#37856@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -58,9 +58,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     open(): void;
     readonly isOpen: boolean;
     id: string;
-    "__#37857@#rtl": boolean;
+    "__#37856@#rtl": boolean;
     rtl: boolean;
-    "__#37857@#elementRef": ElementRef<any>;
+    "__#37856@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -81,17 +81,17 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     onValueChanged: import("@angular/core").EventEmitter<AXValueChangedEvent<any>>;
     valueChange: import("@angular/core").EventEmitter<any>;
     stateChange: import("@angular/core").EventEmitter<import("@acorex/components/mixin").AXComponentState>;
-    "__#37861@#readonly": boolean;
+    "__#37860@#readonly": boolean;
     readonly: boolean;
-    "__#37861@#allowNull": boolean;
+    "__#37860@#allowNull": boolean;
     allowNull: boolean;
-    "__#37861@#name": string;
+    "__#37860@#name": string;
     name: string;
-    "__#37861@#isUserInteraction": boolean;
+    "__#37860@#isUserInteraction": boolean;
     readonly isUserInteraction: boolean;
-    "__#37861@#value": any;
+    "__#37860@#value": any;
     value: any;
-    "__#37861@#state": import("@acorex/components/mixin").AXComponentState;
+    "__#37860@#state": import("@acorex/components/mixin").AXComponentState;
     state: import("@acorex/components/mixin").AXComponentState;
     _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
     _internalSetValue(value: any): any;
@@ -108,9 +108,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     validate(): Promise<any>;
     _setState(state: import("@acorex/components/mixin").AXComponentState, ...args: any[]): void;
     id: string;
-    "__#37857@#rtl": boolean;
+    "__#37856@#rtl": boolean;
     rtl: boolean;
-    "__#37857@#elementRef": ElementRef<any>;
+    "__#37856@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -138,9 +138,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     _emitOnKeyupEvent(e: KeyboardEvent): void;
     _emitOnKeypressEvent(e: KeyboardEvent): void;
     id: string;
-    "__#37857@#rtl": boolean;
+    "__#37856@#rtl": boolean;
     rtl: boolean;
-    "__#37857@#elementRef": ElementRef<any>;
+    "__#37856@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/esm2022/action-sheet/src/action-sheet.component.mjs

@@ -61,11 +61,11 @@ class AXActionSheetComponent extends MXBaseComponent {
     _handleCloseClick() {
         this.close();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXActionSheetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXActionSheetComponent, selector: "ax-action-sheet", host: { listeners: { "keydown.escape": "onKeydownHandler($event)" } }, usesInheritance: true, ngImport: i0, template: "<ax-header>\n  <ax-title>{{ title }}</ax-title>\n  <ax-close-button (click)=\"_handleCloseClick()\" tabindex=\"1\"></ax-close-button>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n  <ng-container *ngFor=\"let item of items\">\n    <div class=\"ax-action-sheet-item ax-{{ item.color }}\" [class.ax-state-disabled]=\"item.disabled\" (click)=\"item.onClick()\">\n      <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n      <span class=\"item-text\">{{ item.text }}</span>\n    </div>\n  </ng-container>\n</div>\n", styles: ["@media (max-width: 599px){ax-action-sheet{width:100vw}}@media (min-width: 600px){ax-action-sheet{width:75vw}}@media (min-width: 1200px){ax-action-sheet{width:30vw}}@media (min-width: 1800px){ax-action-sheet{width:25vw}}ax-action-sheet ax-header{padding:.75rem}ax-action-sheet .ax-action-sheet-items{padding:.5rem 0}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item{-webkit-user-select:none;user-select:none;cursor:pointer;padding:.75rem 1rem;display:flex}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{background-color:rgba(var(--ax-color-on-surface))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item .item-icon{font-size:1.5rem;margin-inline-end:.75rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-primary{color:rgba(var(--ax-color-primary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-secondary{color:rgba(var(--ax-color-secondary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-success{color:rgba(var(--ax-color-success-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-warning{color:rgba(var(--ax-color-warning-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-danger{color:rgba(var(--ax-color-danger-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-info{color:rgba(var(--ax-color-info-500))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i3.AXDecoratorHeaderComponent, selector: "ax-header" }, { kind: "component", type: i3.AXDecoratorTitleComponent, selector: "ax-title" }, { kind: "component", type: i3.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXActionSheetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: AXActionSheetComponent, selector: "ax-action-sheet", host: { listeners: { "keydown.escape": "onKeydownHandler($event)" } }, usesInheritance: true, ngImport: i0, template: "<ax-header>\n  <ax-title>{{ title }}</ax-title>\n  <ax-close-button (click)=\"_handleCloseClick()\" tabindex=\"1\"></ax-close-button>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n  <ng-container *ngFor=\"let item of items\">\n    <div class=\"ax-action-sheet-item ax-{{ item.color }}\" [class.ax-state-disabled]=\"item.disabled\" (click)=\"item.onClick()\">\n      <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n      <span class=\"item-text\">{{ item.text }}</span>\n    </div>\n  </ng-container>\n</div>\n", styles: ["@media (max-width: 599px){ax-action-sheet{width:100vw}}@media (min-width: 600px){ax-action-sheet{width:75vw}}@media (min-width: 1200px){ax-action-sheet{width:30vw}}@media (min-width: 1800px){ax-action-sheet{width:25vw}}ax-action-sheet ax-header{padding:.75rem}ax-action-sheet .ax-action-sheet-items{padding:.5rem 0}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item{-webkit-user-select:none;user-select:none;cursor:pointer;padding:.75rem 1rem;display:flex}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{background-color:rgba(var(--ax-color-on-surface))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item .item-icon{font-size:1.5rem;margin-inline-end:.75rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-primary{color:rgba(var(--ax-color-primary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-secondary{color:rgba(var(--ax-color-secondary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-success{color:rgba(var(--ax-color-success-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-warning{color:rgba(var(--ax-color-warning-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-danger{color:rgba(var(--ax-color-danger-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-info{color:rgba(var(--ax-color-info-500))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i3.AXDecoratorHeaderComponent, selector: "ax-header" }, { kind: "component", type: i3.AXDecoratorTitleComponent, selector: "ax-title" }, { kind: "component", type: i3.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 export { AXActionSheetComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXActionSheetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXActionSheetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ax-header>\n  <ax-title>{{ title }}</ax-title>\n  <ax-close-button (click)=\"_handleCloseClick()\" tabindex=\"1\"></ax-close-button>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n  <ng-container *ngFor=\"let item of items\">\n    <div class=\"ax-action-sheet-item ax-{{ item.color }}\" [class.ax-state-disabled]=\"item.disabled\" (click)=\"item.onClick()\">\n      <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n      <span class=\"item-text\">{{ item.text }}</span>\n    </div>\n  </ng-container>\n</div>\n", styles: ["@media (max-width: 599px){ax-action-sheet{width:100vw}}@media (min-width: 600px){ax-action-sheet{width:75vw}}@media (min-width: 1200px){ax-action-sheet{width:30vw}}@media (min-width: 1800px){ax-action-sheet{width:25vw}}ax-action-sheet ax-header{padding:.75rem}ax-action-sheet .ax-action-sheet-items{padding:.5rem 0}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item{-webkit-user-select:none;user-select:none;cursor:pointer;padding:.75rem 1rem;display:flex}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{background-color:rgba(var(--ax-color-on-surface))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item .item-icon{font-size:1.5rem;margin-inline-end:.75rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-primary{color:rgba(var(--ax-color-primary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-secondary{color:rgba(var(--ax-color-secondary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-success{color:rgba(var(--ax-color-success-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-warning{color:rgba(var(--ax-color-warning-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-danger{color:rgba(var(--ax-color-danger-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-info{color:rgba(var(--ax-color-info-500))}\n"] }]
         }], propDecorators: { onKeydownHandler: [{

package/esm2022/action-sheet/src/action-sheet.module.mjs

@@ -10,12 +10,12 @@ import { AXActionSheetComponent } from './action-sheet.component';
 import * as i0 from "@angular/core";
 const MODULES = [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, PortalModule, AXDecoratorModule];
 class AXActionSheetModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXActionSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.1", ngImport: i0, type: AXActionSheetModule, declarations: [AXActionSheetComponent], imports: [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, PortalModule, AXDecoratorModule], exports: [AXActionSheetComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXActionSheetModule, imports: [MODULES] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXActionSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: AXActionSheetModule, declarations: [AXActionSheetComponent], imports: [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, PortalModule, AXDecoratorModule], exports: [AXActionSheetComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXActionSheetModule, imports: [MODULES] });
 }
 export { AXActionSheetModule };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXActionSheetModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXActionSheetModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXActionSheetComponent],

package/esm2022/action-sheet/src/action-sheet.service.mjs

@@ -79,11 +79,11 @@ class AXActionSheetService {
             closeFunc(result);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXActionSheetService, deps: [{ token: i1.Overlay }, { token: i2.AXOverlayService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXActionSheetService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXActionSheetService, deps: [{ token: i1.Overlay }, { token: i2.AXOverlayService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXActionSheetService, providedIn: 'root' });
 }
 export { AXActionSheetService };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXActionSheetService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXActionSheetService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i2.AXOverlayService }]; } });

package/esm2022/alert/src/alert.component.mjs

@@ -156,11 +156,11 @@ class AXAlertComponent extends classes(MXColorComponent) {
         this._observer?.disconnect();
         this.onOptionChanged?.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXAlertComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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: AXDecoratorIconComponent, descendants: true }, { propertyName: "_titleComp", first: true, predicate: AXDecoratorTitleComponent, descendants: true }, { propertyName: "_contentComp", first: true, predicate: AXDecoratorContentComponent, descendants: true }, { propertyName: "_footerComp", first: true, predicate: AXDecoratorFooterComponent, descendants: true }, { propertyName: "_buttonComps", predicate: AXButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\n  <ng-content select=\"ax-icon\"></ng-content>\n</div>\n<div class=\"ax-alert-inline-middle\">\n  <div class=\"ax-alert-middle-block-start\">\n    <div class=\"ax-alert-title\">\n      <ng-content select=\"ax-title\"></ng-content>\n    </div>\n  </div>\n  <div class=\"ax-alert-middle-block-end\" [class.ax-hidden]=\"!_showInline\" [class.ax-title-gap]=\"_titleComp\">\n    <ng-content select=\"ax-content\"> </ng-content>\n    <ng-content select=\"ax-footer\"> </ng-content>\n  </div>\n</div>\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\n  <ng-content select=\"ax-button\"></ng-content>\n  <ng-content select=\"ax-close-button\"></ng-content>\n</div>\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\"></div>", styles: [".ax-dark ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}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:rgba(var(--ax-color-primary-50));border-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-900))}ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-50));border-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-900))}ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-50));border-color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-900))}ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-50));border-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-900))}ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-50));border-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-900))}ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-50));border-color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-900))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXAlertComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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: AXDecoratorIconComponent, descendants: true }, { propertyName: "_titleComp", first: true, predicate: AXDecoratorTitleComponent, descendants: true }, { propertyName: "_contentComp", first: true, predicate: AXDecoratorContentComponent, descendants: true }, { propertyName: "_footerComp", first: true, predicate: AXDecoratorFooterComponent, descendants: true }, { propertyName: "_buttonComps", predicate: AXButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\n  <ng-content select=\"ax-icon\"></ng-content>\n</div>\n<div class=\"ax-alert-inline-middle\">\n  <div class=\"ax-alert-middle-block-start\">\n    <div class=\"ax-alert-title\">\n      <ng-content select=\"ax-title\"></ng-content>\n    </div>\n  </div>\n  <div class=\"ax-alert-middle-block-end\" [class.ax-hidden]=\"!_showInline\" [class.ax-title-gap]=\"_titleComp\">\n    <ng-content select=\"ax-content\"> </ng-content>\n    <ng-content select=\"ax-footer\"> </ng-content>\n  </div>\n</div>\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\n  <ng-content select=\"ax-button\"></ng-content>\n  <ng-content select=\"ax-close-button\"></ng-content>\n</div>\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\"></div>", styles: [".ax-dark ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}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:rgba(var(--ax-color-primary-50));border-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-900))}ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-50));border-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-900))}ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-50));border-color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-900))}ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-50));border-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-900))}ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-50));border-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-900))}ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-50));border-color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-900))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 export { AXAlertComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXAlertComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.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: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\n  <ng-content select=\"ax-icon\"></ng-content>\n</div>\n<div class=\"ax-alert-inline-middle\">\n  <div class=\"ax-alert-middle-block-start\">\n    <div class=\"ax-alert-title\">\n      <ng-content select=\"ax-title\"></ng-content>\n    </div>\n  </div>\n  <div class=\"ax-alert-middle-block-end\" [class.ax-hidden]=\"!_showInline\" [class.ax-title-gap]=\"_titleComp\">\n    <ng-content select=\"ax-content\"> </ng-content>\n    <ng-content select=\"ax-footer\"> </ng-content>\n  </div>\n</div>\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\n  <ng-content select=\"ax-button\"></ng-content>\n  <ng-content select=\"ax-close-button\"></ng-content>\n</div>\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\"></div>", styles: [".ax-dark ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}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:rgba(var(--ax-color-primary-50));border-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-900))}ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-50));border-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-900))}ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-50));border-color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-900))}ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-50));border-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-900))}ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-50));border-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-900))}ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-50));border-color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-900))}\n"] }]
         }], propDecorators: { _iconComp: [{

package/esm2022/alert/src/alert.module.mjs

@@ -6,12 +6,12 @@ import * as i0 from "@angular/core";
 const COMPONENT = [AXAlertComponent];
 const MODULES = [CommonModule, AXDecoratorModule];
 class AXAlertModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.1", ngImport: i0, type: AXAlertModule, declarations: [AXAlertComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXAlertComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXAlertModule, imports: [MODULES] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: AXAlertModule, declarations: [AXAlertComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXAlertComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXAlertModule, imports: [MODULES] });
 }
 export { AXAlertModule };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXAlertModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/esm2022/avatar/src/avatar-group.component.mjs

@@ -3,11 +3,11 @@ import * as i0 from "@angular/core";
 class AXAvatarGroup {
     constructor() { }
     ngOnInit() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXAvatarGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXAvatarGroup, selector: "ax-avatar-group", ngImport: i0, template: `<ng-content select="ax-avatar"></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXAvatarGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: AXAvatarGroup, selector: "ax-avatar-group", ngImport: i0, template: `<ng-content select="ax-avatar"></ng-content>`, isInline: true });
 }
 export { AXAvatarGroup };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXAvatarGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXAvatarGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-avatar-group',

package/esm2022/avatar/src/avatar.component.mjs

@@ -18,11 +18,11 @@ class AXAvatarComponent extends classes(MXColorComponent) {
     get __hostClass() {
         return `ax-${this.color}-default`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXAvatarComponent, selector: "ax-avatar", inputs: { color: "color" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_children", predicate: ["ax-text, ax-icon, ax-image"] }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\n\n<ng-template #custom>\n    <ng-content></ng-content>\n</ng-template>\n<ng-template #default>\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default\" 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:#fff;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:#fff\" />\n                </g>\n            </g>\n        </g>\n    </svg>\n</ng-template>", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgba(var(--ax-color-surface));margin:-.25rem;overflow:hidden}ax-avatar{position:relative;display:flex;justify-content:center;width:4rem;height:4rem}ax-avatar *{border-radius:inherit}ax-avatar ax-image{overflow:hidden}ax-avatar ax-text{font-size:1.25rem;line-height:1.75rem}ax-avatar ax-icon,ax-avatar ax-text{@apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}ax-avatar.ax-primary-default .ax-default{fill:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-text{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-icon{background-color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-secondary-default .ax-default{fill:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-text{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-icon{background-color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-success-default .ax-default{fill:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-text{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-icon{background-color:rgba(var(--ax-color-success-500))}ax-avatar.ax-warning-default .ax-default{fill:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-text{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-icon{background-color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-danger-default .ax-default{fill:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-text{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-icon{background-color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-info-default .ax-default{fill:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-text{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-icon{background-color:rgba(var(--ax-color-info-500))}ax-avatar.ax-ghost-default .ax-default{fill:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-text,ax-avatar.ax-ghost-default ax-icon{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-icon svg{fill:rgba(var(--ax-color-on-surface))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: AXAvatarComponent, selector: "ax-avatar", inputs: { color: "color" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_children", predicate: ["ax-text, ax-icon, ax-image"] }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\n\n<ng-template #custom>\n    <ng-content></ng-content>\n</ng-template>\n<ng-template #default>\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default\" 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:#fff;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:#fff\" />\n                </g>\n            </g>\n        </g>\n    </svg>\n</ng-template>", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgba(var(--ax-color-surface));margin:-.25rem;overflow:hidden}ax-avatar{position:relative;display:flex;justify-content:center;width:4rem;height:4rem}ax-avatar *{border-radius:inherit}ax-avatar ax-image{overflow:hidden}ax-avatar ax-text{font-size:1.25rem;line-height:1.75rem}ax-avatar ax-icon,ax-avatar ax-text{@apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}ax-avatar.ax-primary-default .ax-default{fill:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-text{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-icon{background-color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-secondary-default .ax-default{fill:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-text{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-icon{background-color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-success-default .ax-default{fill:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-text{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-icon{background-color:rgba(var(--ax-color-success-500))}ax-avatar.ax-warning-default .ax-default{fill:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-text{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-icon{background-color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-danger-default .ax-default{fill:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-text{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-icon{background-color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-info-default .ax-default{fill:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-text{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-icon{background-color:rgba(var(--ax-color-info-500))}ax-avatar.ax-ghost-default .ax-default{fill:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-text,ax-avatar.ax-ghost-default ax-icon{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-icon svg{fill:rgba(var(--ax-color-on-surface))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 export { AXAvatarComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXAvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXAvatarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-avatar', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\n\n<ng-template #custom>\n    <ng-content></ng-content>\n</ng-template>\n<ng-template #default>\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default\" 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:#fff;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:#fff\" />\n                </g>\n            </g>\n        </g>\n    </svg>\n</ng-template>", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgba(var(--ax-color-surface));margin:-.25rem;overflow:hidden}ax-avatar{position:relative;display:flex;justify-content:center;width:4rem;height:4rem}ax-avatar *{border-radius:inherit}ax-avatar ax-image{overflow:hidden}ax-avatar ax-text{font-size:1.25rem;line-height:1.75rem}ax-avatar ax-icon,ax-avatar ax-text{@apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}ax-avatar.ax-primary-default .ax-default{fill:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-text{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-icon{background-color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-secondary-default .ax-default{fill:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-text{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-icon{background-color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-success-default .ax-default{fill:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-text{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-icon{background-color:rgba(var(--ax-color-success-500))}ax-avatar.ax-warning-default .ax-default{fill:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-text{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-icon{background-color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-danger-default .ax-default{fill:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-text{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-icon{background-color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-info-default .ax-default{fill:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-text{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-icon{background-color:rgba(var(--ax-color-info-500))}ax-avatar.ax-ghost-default .ax-default{fill:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-text,ax-avatar.ax-ghost-default ax-icon{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-icon svg{fill:rgba(var(--ax-color-on-surface))}\n"] }]
         }], propDecorators: { _children: [{