@acorex/components 7.0.35 → 7.0.37

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

@@ -1,7 +1,7 @@
 import { TAB_META_KEY } from '@acorex/components/common';
 import { AXBaseComponent } from '@acorex/components/mixin';
-import { ComponentPortal } from '@angular/cdk/portal';
-import { ChangeDetectionStrategy, Component, EventEmitter, HostListener, ViewEncapsulation } from '@angular/core';
+import { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
+import { ChangeDetectionStrategy, Component, EventEmitter, HostListener, TemplateRef, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/cdk/portal";
@@ -25,8 +25,21 @@ export class AXActionSheetComponent extends AXBaseComponent {
     }
     onInit() {
         if (this.content) {
-            this._selectedPortal = new ComponentPortal(this.content);
-            this._cdr.markForCheck();
+            if (typeof this.content === 'string') {
+                //   this.rendererService.findLoadedComponentByRoute(this.content, 20).then(route => {
+                //     setTimeout(() => {
+                //       this.loadComponent(route.component);
+                //     }, 300);
+                //   });
+            }
+            else if (this.content instanceof TemplateRef) {
+                this._selectedPortal = new TemplatePortal(this.content, this._viewContainerRef, { $implicit: this.data, ref: this });
+                this._cdr.markForCheck();
+            }
+            else if (typeof this.content === 'function') {
+                this._selectedPortal = new ComponentPortal(this.content);
+                this._cdr.markForCheck();
+            }
         }
     }
     onKeydownHandler(event) {
@@ -52,12 +65,12 @@ export class AXActionSheetComponent extends AXBaseComponent {
     }
 }
 AXActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXActionSheetComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-AXActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXActionSheetComponent, selector: "ax-action-sheet", host: { listeners: { "keydown.escape": "onKeydownHandler($event)" } }, usesInheritance: true, ngImport: i0, template: "<!-- <div class=\"ax-action-sheet-header\">\r\n   <span class=\"ax-action-sheet-title\">{{title}}</span>\r\n   <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\r\n</div> -->\r\n<ax-header>\r\n  <ax-title>{{ title }}</ax-title>\r\n  <ax-close-button (click)=\"_handleCloseClick()\" tabindex=\"1\"></ax-close-button>\r\n</ax-header>\r\n<ng-template *ngIf=\"_selectedPortal\">\r\n  <ng-template\r\n    [cdkPortalOutlet]=\"_selectedPortal\"\r\n    (attached)=\"_handleAttched($event)\"></ng-template>\r\n</ng-template>\r\n<!-- TODO: Are you sure we need this? if remove this content not showing -->\r\n<ng-template\r\n  [cdkPortalOutlet]=\"_selectedPortal\"\r\n  (attached)=\"_handleAttched($event)\"></ng-template>\r\n<div class=\"ax-action-sheet-items\">\r\n  <ng-container *ngFor=\"let item of items\">\r\n    <div\r\n      class=\"ax-action-sheet-item ax-{{ item.color }}\"\r\n      [class.ax-state-disabled]=\"item.disabled\"\r\n      (click)=\"item.onClick()\">\r\n      <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\r\n      <span class=\"item-text\">{{ item.text }}</span>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\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}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{background-color:rgba(var(--ax-color-ghost),.03)}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:rgb(var(--ax-color-primary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-secondary{color:rgb(var(--ax-color-secondary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-success{color:rgb(var(--ax-color-success-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-warning{color:rgb(var(--ax-color-warning-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-danger{color:rgb(var(--ax-color-danger-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 });
+AXActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXActionSheetComponent, selector: "ax-action-sheet", host: { listeners: { "keydown.escape": "onKeydownHandler($event)" } }, usesInheritance: true, ngImport: i0, template: "<!-- <div class=\"ax-action-sheet-header\">\r\n   <span class=\"ax-action-sheet-title\">{{title}}</span>\r\n   <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\r\n</div> -->\r\n<ax-header>\r\n  <ax-title>{{ title }}</ax-title>\r\n  <ax-close-button (click)=\"_handleCloseClick()\" tabindex=\"1\"></ax-close-button>\r\n</ax-header>\r\n<ng-template *ngIf=\"_selectedPortal\">\r\n  <ng-template\r\n    [cdkPortalOutlet]=\"_selectedPortal\"\r\n    (attached)=\"_handleAttched($event)\"></ng-template>\r\n</ng-template>\r\n<!-- TODO: Are you sure we need this? if remove this content not showing -->\r\n<ng-template\r\n  [cdkPortalOutlet]=\"_selectedPortal\"\r\n  (attached)=\"_handleAttched($event)\"></ng-template>\r\n<div class=\"ax-action-sheet-items\">\r\n  <ng-container *ngFor=\"let item of items\">\r\n    <div\r\n      class=\"ax-action-sheet-item ax-{{ item.color }}\"\r\n      [class.ax-state-disabled]=\"item.disabled\"\r\n      (click)=\"item.onClick()\">\r\n      <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\r\n      <span class=\"item-text\">{{ item.text }}</span>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\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))}\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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXActionSheetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!-- <div class=\"ax-action-sheet-header\">\r\n   <span class=\"ax-action-sheet-title\">{{title}}</span>\r\n   <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\r\n</div> -->\r\n<ax-header>\r\n  <ax-title>{{ title }}</ax-title>\r\n  <ax-close-button (click)=\"_handleCloseClick()\" tabindex=\"1\"></ax-close-button>\r\n</ax-header>\r\n<ng-template *ngIf=\"_selectedPortal\">\r\n  <ng-template\r\n    [cdkPortalOutlet]=\"_selectedPortal\"\r\n    (attached)=\"_handleAttched($event)\"></ng-template>\r\n</ng-template>\r\n<!-- TODO: Are you sure we need this? if remove this content not showing -->\r\n<ng-template\r\n  [cdkPortalOutlet]=\"_selectedPortal\"\r\n  (attached)=\"_handleAttched($event)\"></ng-template>\r\n<div class=\"ax-action-sheet-items\">\r\n  <ng-container *ngFor=\"let item of items\">\r\n    <div\r\n      class=\"ax-action-sheet-item ax-{{ item.color }}\"\r\n      [class.ax-state-disabled]=\"item.disabled\"\r\n      (click)=\"item.onClick()\">\r\n      <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\r\n      <span class=\"item-text\">{{ item.text }}</span>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\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}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{background-color:rgba(var(--ax-color-ghost),.03)}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:rgb(var(--ax-color-primary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-secondary{color:rgb(var(--ax-color-secondary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-success{color:rgb(var(--ax-color-success-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-warning{color:rgb(var(--ax-color-warning-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-danger{color:rgb(var(--ax-color-danger-500))}\n"] }]
+            args: [{ selector: 'ax-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!-- <div class=\"ax-action-sheet-header\">\r\n   <span class=\"ax-action-sheet-title\">{{title}}</span>\r\n   <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\r\n</div> -->\r\n<ax-header>\r\n  <ax-title>{{ title }}</ax-title>\r\n  <ax-close-button (click)=\"_handleCloseClick()\" tabindex=\"1\"></ax-close-button>\r\n</ax-header>\r\n<ng-template *ngIf=\"_selectedPortal\">\r\n  <ng-template\r\n    [cdkPortalOutlet]=\"_selectedPortal\"\r\n    (attached)=\"_handleAttched($event)\"></ng-template>\r\n</ng-template>\r\n<!-- TODO: Are you sure we need this? if remove this content not showing -->\r\n<ng-template\r\n  [cdkPortalOutlet]=\"_selectedPortal\"\r\n  (attached)=\"_handleAttched($event)\"></ng-template>\r\n<div class=\"ax-action-sheet-items\">\r\n  <ng-container *ngFor=\"let item of items\">\r\n    <div\r\n      class=\"ax-action-sheet-item ax-{{ item.color }}\"\r\n      [class.ax-state-disabled]=\"item.disabled\"\r\n      (click)=\"item.onClick()\">\r\n      <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\r\n      <span class=\"item-text\">{{ item.text }}</span>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\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))}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { onKeydownHandler: [{
                 type: HostListener,
                 args: ['keydown.escape', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLXNoZWV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2FjdGlvbi1zaGVldC9zcmMvYWN0aW9uLXNoZWV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2FjdGlvbi1zaGVldC9zcmMvYWN0aW9uLXNoZWV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBeUIsWUFBWSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDaEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBOEIsZUFBZSxFQUEwQixNQUFNLHFCQUFxQixDQUFDO0FBQzFHLE9BQU8sRUFBRSx1QkFBdUIsRUFBcUIsU0FBUyxFQUE0QixZQUFZLEVBQUUsWUFBWSxFQUEyQixpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFXeEwsTUFBTSxPQUFPLHNCQUF1QixTQUFRLGVBQWU7SUFZekQsWUFBWSxVQUFzQixFQUFFLEdBQXNCLEVBQVUsaUJBQW1DO1FBQ3JHLEtBQUssQ0FBQyxVQUFVLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFEMkMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFrQjtRQVJ2RyxVQUFLLEdBQXdCLEVBQUUsQ0FBQztRQUVoQyxvQkFBZSxHQUFZLElBQUksQ0FBQztRQUNoQyxlQUFVLEdBQVksSUFBSSxDQUFDO1FBQzNCLFNBQUksR0FBUSxFQUFFLENBQUM7UUFFZixhQUFRLEdBQXdDLElBQUksWUFBWSxFQUF5QixDQUFDO0lBSTFGLENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUM7WUFDakIsU0FBUyxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxTQUFTO1lBQ3ZDLFdBQVcsRUFBRSxJQUFJLENBQUMsZUFBZSxFQUFFO1NBQ3BDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDaEIsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLGVBQWUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDekQsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUMxQjtJQUNILENBQUM7SUFHRCxnQkFBZ0IsQ0FBQyxLQUFvQjtRQUNuQyxJQUFJLG1CQUFtQixHQUFHLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxPQUFPLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDMUUsSUFBSSxJQUFJLENBQUMsZUFBZSxJQUFJLG1CQUFtQixFQUFFO1lBQy9DLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUNkO0lBQ0gsQ0FBQztJQUVELGNBQWMsQ0FBQyxHQUErQjtRQUM1QyxHQUFHLEdBQUcsR0FBd0IsQ0FBQztRQUMvQixJQUFJLEdBQUcsQ0FBQyxRQUFRLEVBQUU7WUFDaEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLFNBQVMsR0FBRyxHQUFHLENBQUMsUUFBUSxDQUFDO1lBQzVDLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDdkQsSUFBSSxHQUFHLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRTtnQkFDekIsR0FBRyxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBd0IsRUFBRSxFQUFFO29CQUMzRCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDeEIsQ0FBQyxDQUFDLENBQUM7YUFDSjtTQUNGO0lBQ0gsQ0FBQztJQUVELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNmLENBQUM7O21IQXREVSxzQkFBc0I7dUdBQXRCLHNCQUFzQixxSkNkbkMsaXJDQTRCQTsyRkRkYSxzQkFBc0I7a0JBUmxDLFNBQVM7K0JBQ0UsaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7Z0tBbUNyQyxnQkFBZ0I7c0JBRGYsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQ29tcG9uZW50Q2xvc2VFdmVudCwgVEFCX01FVEFfS0VZIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XHJcbmltcG9ydCB7IEFYQmFzZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9taXhpbic7XHJcbmltcG9ydCB7IENka1BvcnRhbE91dGxldEF0dGFjaGVkUmVmLCBDb21wb25lbnRQb3J0YWwsIFBvcnRhbCwgVGVtcGxhdGVQb3J0YWwgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcclxuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIENvbXBvbmVudFJlZiwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIsIElucHV0LCBWaWV3Q29udGFpbmVyUmVmLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBWEFjdGlvblNoZWV0SXRlbSB9IGZyb20gJy4vYWN0aW9uLXNoZWV0LmludGVyZmFjZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LWFjdGlvbi1zaGVldCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1zaGVldC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWN0aW9uLXNoZWV0LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBBWEFjdGlvblNoZWV0Q29tcG9uZW50IGV4dGVuZHMgQVhCYXNlQ29tcG9uZW50IHtcclxuXHJcbiAgX3NlbGVjdGVkUG9ydGFsOiBQb3J0YWw8YW55PjtcclxuICB0aXRsZTogc3RyaW5nO1xyXG4gIGl0ZW1zOiBBWEFjdGlvblNoZWV0SXRlbVtdID0gW107XHJcbiAgY29udGVudDogYW55O1xyXG4gIHNob3dDbG9zZUJ1dHRvbjogYm9vbGVhbiA9IHRydWU7XHJcbiAgc2hvd0hlYWRlcjogYm9vbGVhbiA9IHRydWU7XHJcbiAgZGF0YTogYW55ID0ge307XHJcblxyXG4gIG9uQ2xvc2VkOiBFdmVudEVtaXR0ZXI8QVhDb21wb25lbnRDbG9zZUV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8QVhDb21wb25lbnRDbG9zZUV2ZW50PigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBjZHI6IENoYW5nZURldGVjdG9yUmVmLCBwcml2YXRlIF92aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmLCkge1xyXG4gICAgc3VwZXIoZWxlbWVudFJlZiwgY2RyKTtcclxuICB9XHJcblxyXG4gIGNsb3NlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNsb3NlZC5lbWl0KHtcclxuICAgICAgY29tcG9uZW50OiB0aGlzW1RBQl9NRVRBX0tFWV0uY29tcG9uZW50LFxyXG4gICAgICBodG1sRWxlbWVudDogdGhpcy5fZ2V0SG9zdEVsZW1lbnQoKSxcclxuICAgIH0pO1xyXG4gICAgdGhpcy5fY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICB9XHJcblxyXG4gIG9uSW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLmNvbnRlbnQpIHtcclxuICAgICAgdGhpcy5fc2VsZWN0ZWRQb3J0YWwgPSBuZXcgQ29tcG9uZW50UG9ydGFsKHRoaXMuY29udGVudCk7XHJcbiAgICAgIHRoaXMuX2Nkci5tYXJrRm9yQ2hlY2soKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24uZXNjYXBlJywgWyckZXZlbnQnXSlcclxuICBvbktleWRvd25IYW5kbGVyKGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XHJcbiAgICBsZXQgZm9jdXNlZE9ySGFzRm9jdXNlZCA9IHRoaXMuX2dldEhvc3RFbGVtZW50KCkubWF0Y2hlcygnOmZvY3VzLXdpdGhpbicpO1xyXG4gICAgaWYgKHRoaXMuc2hvd0Nsb3NlQnV0dG9uICYmIGZvY3VzZWRPckhhc0ZvY3VzZWQpIHtcclxuICAgICAgdGhpcy5jbG9zZSgpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgX2hhbmRsZUF0dGNoZWQocmVmOiBDZGtQb3J0YWxPdXRsZXRBdHRhY2hlZFJlZikge1xyXG4gICAgcmVmID0gcmVmIGFzIENvbXBvbmVudFJlZjxhbnk+O1xyXG4gICAgaWYgKHJlZi5pbnN0YW5jZSkge1xyXG4gICAgICB0aGlzW1RBQl9NRVRBX0tFWV0uY29tcG9uZW50ID0gcmVmLmluc3RhbmNlO1xyXG4gICAgICBPYmplY3QuYXNzaWduKHRoaXNbVEFCX01FVEFfS0VZXS5jb21wb25lbnQsIHRoaXMuZGF0YSk7XHJcbiAgICAgIGlmIChyZWYuaW5zdGFuY2Uub25DbG9zZWQpIHtcclxuICAgICAgICByZWYuaW5zdGFuY2Uub25DbG9zZWQuc3Vic2NyaWJlKChlOiBBWENvbXBvbmVudENsb3NlRXZlbnQpID0+IHtcclxuICAgICAgICAgIHRoaXMub25DbG9zZWQuZW1pdChlKTtcclxuICAgICAgICB9KTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgX2hhbmRsZUNsb3NlQ2xpY2soKSB7XHJcbiAgICB0aGlzLmNsb3NlKCk7XHJcbiAgfVxyXG59XHJcbiIsIjwhLS0gPGRpdiBjbGFzcz1cImF4LWFjdGlvbi1zaGVldC1oZWFkZXJcIj5cclxuICAgPHNwYW4gY2xhc3M9XCJheC1hY3Rpb24tc2hlZXQtdGl0bGVcIj57e3RpdGxlfX08L3NwYW4+XHJcbiAgIDxzcGFuIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWNsb3NlXCIgKGNsaWNrKT1cIl9oYW5kbGVDbG9zZUNsaWNrKClcIiB0YWJpbmRleD1cIjFcIj48L3NwYW4+XHJcbjwvZGl2PiAtLT5cclxuPGF4LWhlYWRlcj5cclxuICA8YXgtdGl0bGU+e3sgdGl0bGUgfX08L2F4LXRpdGxlPlxyXG4gIDxheC1jbG9zZS1idXR0b24gKGNsaWNrKT1cIl9oYW5kbGVDbG9zZUNsaWNrKClcIiB0YWJpbmRleD1cIjFcIj48L2F4LWNsb3NlLWJ1dHRvbj5cclxuPC9heC1oZWFkZXI+XHJcbjxuZy10ZW1wbGF0ZSAqbmdJZj1cIl9zZWxlY3RlZFBvcnRhbFwiPlxyXG4gIDxuZy10ZW1wbGF0ZVxyXG4gICAgW2Nka1BvcnRhbE91dGxldF09XCJfc2VsZWN0ZWRQb3J0YWxcIlxyXG4gICAgKGF0dGFjaGVkKT1cIl9oYW5kbGVBdHRjaGVkKCRldmVudClcIj48L25nLXRlbXBsYXRlPlxyXG48L25nLXRlbXBsYXRlPlxyXG48IS0tIFRPRE86IEFyZSB5b3Ugc3VyZSB3ZSBuZWVkIHRoaXM/IGlmIHJlbW92ZSB0aGlzIGNvbnRlbnQgbm90IHNob3dpbmcgLS0+XHJcbjxuZy10ZW1wbGF0ZVxyXG4gIFtjZGtQb3J0YWxPdXRsZXRdPVwiX3NlbGVjdGVkUG9ydGFsXCJcclxuICAoYXR0YWNoZWQpPVwiX2hhbmRsZUF0dGNoZWQoJGV2ZW50KVwiPjwvbmctdGVtcGxhdGU+XHJcbjxkaXYgY2xhc3M9XCJheC1hY3Rpb24tc2hlZXQtaXRlbXNcIj5cclxuICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCI+XHJcbiAgICA8ZGl2XHJcbiAgICAgIGNsYXNzPVwiYXgtYWN0aW9uLXNoZWV0LWl0ZW0gYXgte3sgaXRlbS5jb2xvciB9fVwiXHJcbiAgICAgIFtjbGFzcy5heC1zdGF0ZS1kaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkXCJcclxuICAgICAgKGNsaWNrKT1cIml0ZW0ub25DbGljaygpXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiaXRlbS1pY29uXCIgKm5nSWY9XCJpdGVtLmljb25cIiBbY2xhc3NdPVwiaXRlbS5pY29uXCI+PC9zcGFuPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cIml0ZW0tdGV4dFwiPnt7IGl0ZW0udGV4dCB9fTwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLXNoZWV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2FjdGlvbi1zaGVldC9zcmMvYWN0aW9uLXNoZWV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2FjdGlvbi1zaGVldC9zcmMvYWN0aW9uLXNoZWV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBeUIsWUFBWSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDaEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBOEIsZUFBZSxFQUFVLGNBQWMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFHLE9BQU8sRUFBRSx1QkFBdUIsRUFBcUIsU0FBUyxFQUE0QixZQUFZLEVBQUUsWUFBWSxFQUFTLFdBQVcsRUFBb0IsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBV3JNLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxlQUFlO0lBWXpELFlBQVksVUFBc0IsRUFBRSxHQUFzQixFQUFVLGlCQUFtQztRQUNyRyxLQUFLLENBQUMsVUFBVSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBRDJDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBa0I7UUFSdkcsVUFBSyxHQUF3QixFQUFFLENBQUM7UUFFaEMsb0JBQWUsR0FBWSxJQUFJLENBQUM7UUFDaEMsZUFBVSxHQUFZLElBQUksQ0FBQztRQUMzQixTQUFJLEdBQVEsRUFBRSxDQUFDO1FBRWYsYUFBUSxHQUF3QyxJQUFJLFlBQVksRUFBeUIsQ0FBQztJQUkxRixDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDO1lBQ2pCLFNBQVMsRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsU0FBUztZQUN2QyxXQUFXLEVBQUUsSUFBSSxDQUFDLGVBQWUsRUFBRTtTQUNwQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2hCLElBQUksT0FBTyxJQUFJLENBQUMsT0FBTyxLQUFLLFFBQVEsRUFBRTtnQkFDcEMsc0ZBQXNGO2dCQUN0Rix5QkFBeUI7Z0JBQ3pCLDZDQUE2QztnQkFDN0MsZUFBZTtnQkFDZixRQUFRO2FBQ1Q7aUJBQU0sSUFBSSxJQUFJLENBQUMsT0FBTyxZQUFZLFdBQVcsRUFBRTtnQkFDOUMsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLGNBQWMsQ0FDdkMsSUFBSSxDQUFDLE9BQU8sRUFDWixJQUFJLENBQUMsaUJBQWlCLEVBQ3RCLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxDQUNwQyxDQUFDO2dCQUNGLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7YUFDMUI7aUJBQU0sSUFBSSxPQUFPLElBQUksQ0FBQyxPQUFPLEtBQUssVUFBVSxFQUFFO2dCQUM3QyxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztnQkFDekQsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQzthQUMxQjtTQUNGO0lBQ0gsQ0FBQztJQUdELGdCQUFnQixDQUFDLEtBQW9CO1FBQ25DLElBQUksbUJBQW1CLEdBQUcsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUMxRSxJQUFJLElBQUksQ0FBQyxlQUFlLElBQUksbUJBQW1CLEVBQUU7WUFDL0MsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQ2Q7SUFDSCxDQUFDO0lBRUQsY0FBYyxDQUFDLEdBQStCO1FBQzVDLEdBQUcsR0FBRyxHQUF3QixDQUFDO1FBQy9CLElBQUksR0FBRyxDQUFDLFFBQVEsRUFBRTtZQUNoQixJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsU0FBUyxHQUFHLEdBQUcsQ0FBQyxRQUFRLENBQUM7WUFDNUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUN2RCxJQUFJLEdBQUcsQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFO2dCQUN6QixHQUFHLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUF3QixFQUFFLEVBQUU7b0JBQzNELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUN4QixDQUFDLENBQUMsQ0FBQzthQUNKO1NBQ0Y7SUFDSCxDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2YsQ0FBQzs7bUhBckVVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLHFKQ2RuQyxpckNBNEJBOzJGRGRhLHNCQUFzQjtrQkFSbEMsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTtnS0FrRHJDLGdCQUFnQjtzQkFEZixZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhDb21wb25lbnRDbG9zZUV2ZW50LCBUQUJfTUVUQV9LRVkgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcclxuaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL21peGluJztcclxuaW1wb3J0IHsgQ2RrUG9ydGFsT3V0bGV0QXR0YWNoZWRSZWYsIENvbXBvbmVudFBvcnRhbCwgUG9ydGFsLCBUZW1wbGF0ZVBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgQ29tcG9uZW50UmVmLCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q29udGFpbmVyUmVmLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBWEFjdGlvblNoZWV0SXRlbSB9IGZyb20gJy4vYWN0aW9uLXNoZWV0LmludGVyZmFjZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LWFjdGlvbi1zaGVldCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1zaGVldC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWN0aW9uLXNoZWV0LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBBWEFjdGlvblNoZWV0Q29tcG9uZW50IGV4dGVuZHMgQVhCYXNlQ29tcG9uZW50IHtcclxuXHJcbiAgX3NlbGVjdGVkUG9ydGFsOiBQb3J0YWw8YW55PjtcclxuICB0aXRsZTogc3RyaW5nO1xyXG4gIGl0ZW1zOiBBWEFjdGlvblNoZWV0SXRlbVtdID0gW107XHJcbiAgY29udGVudDogYW55O1xyXG4gIHNob3dDbG9zZUJ1dHRvbjogYm9vbGVhbiA9IHRydWU7XHJcbiAgc2hvd0hlYWRlcjogYm9vbGVhbiA9IHRydWU7XHJcbiAgZGF0YTogYW55ID0ge307XHJcblxyXG4gIG9uQ2xvc2VkOiBFdmVudEVtaXR0ZXI8QVhDb21wb25lbnRDbG9zZUV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8QVhDb21wb25lbnRDbG9zZUV2ZW50PigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBjZHI6IENoYW5nZURldGVjdG9yUmVmLCBwcml2YXRlIF92aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmLCkge1xyXG4gICAgc3VwZXIoZWxlbWVudFJlZiwgY2RyKTtcclxuICB9XHJcblxyXG4gIGNsb3NlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNsb3NlZC5lbWl0KHtcclxuICAgICAgY29tcG9uZW50OiB0aGlzW1RBQl9NRVRBX0tFWV0uY29tcG9uZW50LFxyXG4gICAgICBodG1sRWxlbWVudDogdGhpcy5fZ2V0SG9zdEVsZW1lbnQoKSxcclxuICAgIH0pO1xyXG4gICAgdGhpcy5fY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICB9XHJcblxyXG4gIG9uSW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLmNvbnRlbnQpIHtcclxuICAgICAgaWYgKHR5cGVvZiB0aGlzLmNvbnRlbnQgPT09ICdzdHJpbmcnKSB7XHJcbiAgICAgICAgLy8gICB0aGlzLnJlbmRlcmVyU2VydmljZS5maW5kTG9hZGVkQ29tcG9uZW50QnlSb3V0ZSh0aGlzLmNvbnRlbnQsIDIwKS50aGVuKHJvdXRlID0+IHtcclxuICAgICAgICAvLyAgICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgICAgLy8gICAgICAgdGhpcy5sb2FkQ29tcG9uZW50KHJvdXRlLmNvbXBvbmVudCk7XHJcbiAgICAgICAgLy8gICAgIH0sIDMwMCk7XHJcbiAgICAgICAgLy8gICB9KTtcclxuICAgICAgfSBlbHNlIGlmICh0aGlzLmNvbnRlbnQgaW5zdGFuY2VvZiBUZW1wbGF0ZVJlZikge1xyXG4gICAgICAgIHRoaXMuX3NlbGVjdGVkUG9ydGFsID0gbmV3IFRlbXBsYXRlUG9ydGFsKFxyXG4gICAgICAgICAgdGhpcy5jb250ZW50LFxyXG4gICAgICAgICAgdGhpcy5fdmlld0NvbnRhaW5lclJlZixcclxuICAgICAgICAgIHsgJGltcGxpY2l0OiB0aGlzLmRhdGEsIHJlZjogdGhpcyB9XHJcbiAgICAgICAgKTtcclxuICAgICAgICB0aGlzLl9jZHIubWFya0ZvckNoZWNrKCk7XHJcbiAgICAgIH0gZWxzZSBpZiAodHlwZW9mIHRoaXMuY29udGVudCA9PT0gJ2Z1bmN0aW9uJykge1xyXG4gICAgICAgIHRoaXMuX3NlbGVjdGVkUG9ydGFsID0gbmV3IENvbXBvbmVudFBvcnRhbCh0aGlzLmNvbnRlbnQpO1xyXG4gICAgICAgIHRoaXMuX2Nkci5tYXJrRm9yQ2hlY2soKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bi5lc2NhcGUnLCBbJyRldmVudCddKVxyXG4gIG9uS2V5ZG93bkhhbmRsZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcclxuICAgIGxldCBmb2N1c2VkT3JIYXNGb2N1c2VkID0gdGhpcy5fZ2V0SG9zdEVsZW1lbnQoKS5tYXRjaGVzKCc6Zm9jdXMtd2l0aGluJyk7XHJcbiAgICBpZiAodGhpcy5zaG93Q2xvc2VCdXR0b24gJiYgZm9jdXNlZE9ySGFzRm9jdXNlZCkge1xyXG4gICAgICB0aGlzLmNsb3NlKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBfaGFuZGxlQXR0Y2hlZChyZWY6IENka1BvcnRhbE91dGxldEF0dGFjaGVkUmVmKSB7XHJcbiAgICByZWYgPSByZWYgYXMgQ29tcG9uZW50UmVmPGFueT47XHJcbiAgICBpZiAocmVmLmluc3RhbmNlKSB7XHJcbiAgICAgIHRoaXNbVEFCX01FVEFfS0VZXS5jb21wb25lbnQgPSByZWYuaW5zdGFuY2U7XHJcbiAgICAgIE9iamVjdC5hc3NpZ24odGhpc1tUQUJfTUVUQV9LRVldLmNvbXBvbmVudCwgdGhpcy5kYXRhKTtcclxuICAgICAgaWYgKHJlZi5pbnN0YW5jZS5vbkNsb3NlZCkge1xyXG4gICAgICAgIHJlZi5pbnN0YW5jZS5vbkNsb3NlZC5zdWJzY3JpYmUoKGU6IEFYQ29tcG9uZW50Q2xvc2VFdmVudCkgPT4ge1xyXG4gICAgICAgICAgdGhpcy5vbkNsb3NlZC5lbWl0KGUpO1xyXG4gICAgICAgIH0pO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBfaGFuZGxlQ2xvc2VDbGljaygpIHtcclxuICAgIHRoaXMuY2xvc2UoKTtcclxuICB9XHJcbn1cclxuIiwiPCEtLSA8ZGl2IGNsYXNzPVwiYXgtYWN0aW9uLXNoZWV0LWhlYWRlclwiPlxyXG4gICA8c3BhbiBjbGFzcz1cImF4LWFjdGlvbi1zaGVldC10aXRsZVwiPnt7dGl0bGV9fTwvc3Bhbj5cclxuICAgPHNwYW4gY2xhc3M9XCJheC1pY29uIGF4LWljb24tY2xvc2VcIiAoY2xpY2spPVwiX2hhbmRsZUNsb3NlQ2xpY2soKVwiIHRhYmluZGV4PVwiMVwiPjwvc3Bhbj5cclxuPC9kaXY+IC0tPlxyXG48YXgtaGVhZGVyPlxyXG4gIDxheC10aXRsZT57eyB0aXRsZSB9fTwvYXgtdGl0bGU+XHJcbiAgPGF4LWNsb3NlLWJ1dHRvbiAoY2xpY2spPVwiX2hhbmRsZUNsb3NlQ2xpY2soKVwiIHRhYmluZGV4PVwiMVwiPjwvYXgtY2xvc2UtYnV0dG9uPlxyXG48L2F4LWhlYWRlcj5cclxuPG5nLXRlbXBsYXRlICpuZ0lmPVwiX3NlbGVjdGVkUG9ydGFsXCI+XHJcbiAgPG5nLXRlbXBsYXRlXHJcbiAgICBbY2RrUG9ydGFsT3V0bGV0XT1cIl9zZWxlY3RlZFBvcnRhbFwiXHJcbiAgICAoYXR0YWNoZWQpPVwiX2hhbmRsZUF0dGNoZWQoJGV2ZW50KVwiPjwvbmctdGVtcGxhdGU+XHJcbjwvbmctdGVtcGxhdGU+XHJcbjwhLS0gVE9ETzogQXJlIHlvdSBzdXJlIHdlIG5lZWQgdGhpcz8gaWYgcmVtb3ZlIHRoaXMgY29udGVudCBub3Qgc2hvd2luZyAtLT5cclxuPG5nLXRlbXBsYXRlXHJcbiAgW2Nka1BvcnRhbE91dGxldF09XCJfc2VsZWN0ZWRQb3J0YWxcIlxyXG4gIChhdHRhY2hlZCk9XCJfaGFuZGxlQXR0Y2hlZCgkZXZlbnQpXCI+PC9uZy10ZW1wbGF0ZT5cclxuPGRpdiBjbGFzcz1cImF4LWFjdGlvbi1zaGVldC1pdGVtc1wiPlxyXG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIj5cclxuICAgIDxkaXZcclxuICAgICAgY2xhc3M9XCJheC1hY3Rpb24tc2hlZXQtaXRlbSBheC17eyBpdGVtLmNvbG9yIH19XCJcclxuICAgICAgW2NsYXNzLmF4LXN0YXRlLWRpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIlxyXG4gICAgICAoY2xpY2spPVwiaXRlbS5vbkNsaWNrKClcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJpdGVtLWljb25cIiAqbmdJZj1cIml0ZW0uaWNvblwiIFtjbGFzc109XCJpdGVtLmljb25cIj48L3NwYW4+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiaXRlbS10ZXh0XCI+e3sgaXRlbS50ZXh0IH19PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbjwvZGl2PlxyXG4iXX0=

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: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 });
+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: [".ax-dark ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-900));border-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-primary-100))}.ax-dark ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-primary-100))}.ax-dark ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-900));border-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-secondary-100))}.ax-dark ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-secondary-100))}.ax-dark ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-900));border-color:rgba(var(--ax-color-success-500))}.ax-dark ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-success-100))}.ax-dark ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-success-100))}.ax-dark ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-200))}.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-900));border-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-warning-100))}.ax-dark ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-warning-100))}.ax-dark ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-200))}.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-900));border-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-danger-100))}.ax-dark ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-danger-100))}.ax-dark ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-200))}.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(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: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-primary-900))}ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-primary-800))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-800))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-800))}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-secondary-900))}ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-secondary-800))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-800))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-800))}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-success-900))}ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-success-800))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-800))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-800))}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-warning-900))}ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-warning-800))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-800))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-800))}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-danger-900))}ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-danger-800))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-800))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(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: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"] }]
+            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: [".ax-dark ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-900));border-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-primary-100))}.ax-dark ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-primary-100))}.ax-dark ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-900));border-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-secondary-100))}.ax-dark ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-secondary-100))}.ax-dark ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-900));border-color:rgba(var(--ax-color-success-500))}.ax-dark ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-success-100))}.ax-dark ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-success-100))}.ax-dark ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-200))}.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-900));border-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-warning-100))}.ax-dark ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-warning-100))}.ax-dark ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-200))}.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-900));border-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-danger-100))}.ax-dark ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-danger-100))}.ax-dark ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-200))}.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(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: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-primary-900))}ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-primary-800))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-800))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-800))}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-secondary-900))}ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-secondary-800))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-800))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-800))}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-success-900))}ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-success-800))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-800))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-800))}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-warning-900))}ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-warning-800))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-800))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-800))}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-danger-900))}ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-danger-800))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-800))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-800))}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _icon: [{
                 type: ContentChild,
                 args: [AXDecoratorIconComponent]

package/esm2020/avatar/src/avatar.component.mjs

@@ -24,10 +24,10 @@ export class AXAvatarComponent extends AXAvatarMixin {
     }
 }
 AXAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXAvatarComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXAvatarComponent, selector: "ax-avatar", inputs: { color: "color", look: "look", class: "class" }, 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>\r\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\r\n\r\n<ng-template #custom>\r\n    <ng-content></ng-content>\r\n</ng-template>\r\n<ng-template #default>\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default {{class}}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n        viewBox=\"0 0 512 512\">\r\n        <g style=\"isolation:isolate\">\r\n            <g id=\"Layer_2\" data-name=\"Layer 2\">\r\n                <g id=\"Layer_1-2\" data-name=\"Layer 1\">\r\n                    <rect width=\"512\" height=\"512\" />\r\n                    <path\r\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\"\r\n                        style=\"fill:#fff;opacity:0.7\" />\r\n                    <path\r\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\"\r\n                        style=\"opacity:0.05\" />\r\n                    <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill:#fff\" />\r\n                </g>\r\n            </g>\r\n        </g>\r\n    </svg>\r\n</ng-template>", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgb(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:rgb(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-text{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-icon{background-color:rgb(var(--ax-color-primary-500))}ax-avatar.ax-secondary-default .ax-default{fill:rgb(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-text{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-icon{background-color:rgb(var(--ax-color-secondary-500))}ax-avatar.ax-success-default .ax-default{fill:rgb(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-text{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-icon{background-color:rgb(var(--ax-color-success-500))}ax-avatar.ax-warning-default .ax-default{fill:rgb(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-text{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-icon{background-color:rgb(var(--ax-color-warning-500))}ax-avatar.ax-danger-default .ax-default{fill:rgb(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-text{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-icon{background-color:rgb(var(--ax-color-danger-500))}ax-avatar.ax-ghost-default .ax-default{fill:rgb(var(--ax-color-ghost),.16)}ax-avatar.ax-ghost-default ax-text,ax-avatar.ax-ghost-default ax-icon{background-color:rgb(var(--ax-color-ghost),.16);color:rgba(var(--ax-color-ghost),.87)}ax-avatar.ax-ghost-default ax-icon svg{fill:rgb(var(--ax-color-ghost),.87)}\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 });
+AXAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXAvatarComponent, selector: "ax-avatar", inputs: { color: "color", look: "look", class: "class" }, 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>\r\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\r\n\r\n<ng-template #custom>\r\n    <ng-content></ng-content>\r\n</ng-template>\r\n<ng-template #default>\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default {{class}}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n        viewBox=\"0 0 512 512\">\r\n        <g style=\"isolation:isolate\">\r\n            <g id=\"Layer_2\" data-name=\"Layer 2\">\r\n                <g id=\"Layer_1-2\" data-name=\"Layer 1\">\r\n                    <rect width=\"512\" height=\"512\" />\r\n                    <path\r\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\"\r\n                        style=\"fill:#fff;opacity:0.7\" />\r\n                    <path\r\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\"\r\n                        style=\"opacity:0.05\" />\r\n                    <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill:#fff\" />\r\n                </g>\r\n            </g>\r\n        </g>\r\n    </svg>\r\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-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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-avatar', inputs: ['color', 'look'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\r\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\r\n\r\n<ng-template #custom>\r\n    <ng-content></ng-content>\r\n</ng-template>\r\n<ng-template #default>\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default {{class}}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n        viewBox=\"0 0 512 512\">\r\n        <g style=\"isolation:isolate\">\r\n            <g id=\"Layer_2\" data-name=\"Layer 2\">\r\n                <g id=\"Layer_1-2\" data-name=\"Layer 1\">\r\n                    <rect width=\"512\" height=\"512\" />\r\n                    <path\r\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\"\r\n                        style=\"fill:#fff;opacity:0.7\" />\r\n                    <path\r\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\"\r\n                        style=\"opacity:0.05\" />\r\n                    <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill:#fff\" />\r\n                </g>\r\n            </g>\r\n        </g>\r\n    </svg>\r\n</ng-template>", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgb(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:rgb(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-text{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-icon{background-color:rgb(var(--ax-color-primary-500))}ax-avatar.ax-secondary-default .ax-default{fill:rgb(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-text{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-icon{background-color:rgb(var(--ax-color-secondary-500))}ax-avatar.ax-success-default .ax-default{fill:rgb(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-text{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-icon{background-color:rgb(var(--ax-color-success-500))}ax-avatar.ax-warning-default .ax-default{fill:rgb(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-text{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-icon{background-color:rgb(var(--ax-color-warning-500))}ax-avatar.ax-danger-default .ax-default{fill:rgb(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-text{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-icon{background-color:rgb(var(--ax-color-danger-500))}ax-avatar.ax-ghost-default .ax-default{fill:rgb(var(--ax-color-ghost),.16)}ax-avatar.ax-ghost-default ax-text,ax-avatar.ax-ghost-default ax-icon{background-color:rgb(var(--ax-color-ghost),.16);color:rgba(var(--ax-color-ghost),.87)}ax-avatar.ax-ghost-default ax-icon svg{fill:rgb(var(--ax-color-ghost),.87)}\n"] }]
+            args: [{ selector: 'ax-avatar', inputs: ['color', 'look'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\r\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\r\n\r\n<ng-template #custom>\r\n    <ng-content></ng-content>\r\n</ng-template>\r\n<ng-template #default>\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default {{class}}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n        viewBox=\"0 0 512 512\">\r\n        <g style=\"isolation:isolate\">\r\n            <g id=\"Layer_2\" data-name=\"Layer 2\">\r\n                <g id=\"Layer_1-2\" data-name=\"Layer 1\">\r\n                    <rect width=\"512\" height=\"512\" />\r\n                    <path\r\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\"\r\n                        style=\"fill:#fff;opacity:0.7\" />\r\n                    <path\r\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\"\r\n                        style=\"opacity:0.05\" />\r\n                    <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill:#fff\" />\r\n                </g>\r\n            </g>\r\n        </g>\r\n    </svg>\r\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-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"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { class: [{
                 type: Input,
                 args: ['class']

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: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;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding:.25rem .375rem;height:auto;word-break:break-all}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger-500));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;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding:.25rem .375rem;height:auto;word-break:break-all}ax-badge.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-200));color:rgba(var(--ax-color-ghost-fore))}\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: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;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding:.25rem .375rem;height:auto;word-break:break-all}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger-500));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;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding:.25rem .375rem;height:auto;word-break:break-all}ax-badge.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-200));color:rgba(var(--ax-color-ghost-fore))}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
                 type: Input
             }], __hostClass: [{

package/esm2020/breadcrumbs/src/breadcrumbs.component.mjs

@@ -11,10 +11,10 @@ export class AXBreadCrumbsComponent extends AXBaseComponent {
     }
 }
 AXBreadCrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXBreadCrumbsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXBreadCrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXBreadCrumbsComponent, selector: "ax-breadcrumbs", queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n    <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n    <ng-template #default>\r\n        <div class=\"ax-breadcrumb-divider\">/</div>\r\n    </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center;width:100%;overflow:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumbs-item-text{color:rgb(var(--ax-color-primary-500))!important}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .25rem;color:rgba(var(--ax-color-ghost),.6)}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text:visited{color:rgba(var(--ax-color-ghost),.6)}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text:hover{color:rgb(var(--ax-color-primary-500))}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .25rem}ax-breadcrumbs ax-breadcrumbs-item:last-child{scroll-snap-align:end}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.25rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.25rem}\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 });
+AXBreadCrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXBreadCrumbsComponent, selector: "ax-breadcrumbs", queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n    <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n    <ng-template #default>\r\n        <div class=\"ax-breadcrumb-divider\">/</div>\r\n    </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center;width:100%;overflow:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumbs-item-text{color:rgba(var(--ax-color-primary-500))!important}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .25rem;color:rgba(var(--ax-color-text-default))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text:visited{color:rgba(var(--ax-color-text-default))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text:hover{color:rgba(var(--ax-color-primary-500))}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .25rem}ax-breadcrumbs ax-breadcrumbs-item:last-child{scroll-snap-align:end}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.25rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.25rem}\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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n    <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n    <ng-template #default>\r\n        <div class=\"ax-breadcrumb-divider\">/</div>\r\n    </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center;width:100%;overflow:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumbs-item-text{color:rgb(var(--ax-color-primary-500))!important}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .25rem;color:rgba(var(--ax-color-ghost),.6)}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text:visited{color:rgba(var(--ax-color-ghost),.6)}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text:hover{color:rgb(var(--ax-color-primary-500))}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .25rem}ax-breadcrumbs ax-breadcrumbs-item:last-child{scroll-snap-align:end}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.25rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.25rem}\n"] }]
+            args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n    <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n    <ng-template #default>\r\n        <div class=\"ax-breadcrumb-divider\">/</div>\r\n    </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center;width:100%;overflow:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumbs-item-text{color:rgba(var(--ax-color-primary-500))!important}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .25rem;color:rgba(var(--ax-color-text-default))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text:visited{color:rgba(var(--ax-color-text-default))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text:hover{color:rgba(var(--ax-color-primary-500))}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .25rem}ax-breadcrumbs ax-breadcrumbs-item:last-child{scroll-snap-align:end}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.25rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.25rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _divider: [{
                 type: ContentChild,
                 args: ['divider']