@acorex/components 6.1.12 → 7.0.1

package/fesm2015/acorex-components-uploader.mjs

@@ -80,11 +80,11 @@ class AXUploaderComponent extends AXBaseComponentMixin {
         return !((_a = this._placeholder) === null || _a === void 0 ? void 0 : _a.nativeElement.childNodes.length);
     }
 }
-AXUploaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXUploaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXFileService }], target: i0.ɵɵFactoryTarget.Component });
-AXUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: AXUploaderComponent, selector: "ax-uploader", inputs: { multiple: "multiple", accept: "accept" }, outputs: { onValueChanged: "onValueChanged" }, host: { listeners: { "click": "_handleClick($event)", "drop": "_handleDrop($event)" }, properties: { "class.ax-look-default": "this.__defaultClass" } }, viewQueries: [{ propertyName: "_placeholder", first: true, predicate: ["contentRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container><div #contentRef><ng-content></ng-content></div></ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2\">\r\n        <i class=\"ax-ic ax-ic-cloud-upload upload-icon\"></i>\r\n        <div class=\"ax-p-4 ax-text-center\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to browse</span></div>\r\n    </div>\r\n</ng-container>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXUploaderComponent, decorators: [{
+AXUploaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXUploaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXFileService }], target: i0.ɵɵFactoryTarget.Component });
+AXUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXUploaderComponent, selector: "ax-uploader", inputs: { multiple: "multiple", accept: "accept" }, outputs: { onValueChanged: "onValueChanged" }, host: { listeners: { "click": "_handleClick($event)", "drop": "_handleDrop($event)" }, properties: { "class.ax-look-default": "this.__defaultClass" } }, viewQueries: [{ propertyName: "_placeholder", first: true, predicate: ["contentRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container>\r\n    <div #contentRef><ng-content></ng-content></div>\r\n</ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <i class=\"ax-icon ax-icon-upload upload-icon\"></i>\r\n    <div class=\"ax-uploader-hint\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to\r\n            browse</span></div>\r\n</ng-container>", styles: ["ax-uploader.ax-look-default{position:relative;width:100%;color:rgba(var(--ax-color-ghost),.5);border-radius:var(--ax-rounded-border-default);border-width:2px;border-style:dashed;border-color:rgb(var(--ax-color-border-default));display:flex;align-items:center;justify-content:center;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-position:center;background-size:cover}ax-uploader.ax-look-default:hover,ax-uploader.ax-look-default.ax-state-hover{border-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-500))}ax-uploader.ax-look-default:before{content:\"\";padding-bottom:100%}ax-uploader.ax-look-default .upload-icon{font-size:3rem}ax-uploader.ax-look-default .ax-uploader-hint{padding:1rem;text-align:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXUploaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-uploader', encapsulation: ViewEncapsulation.None, template: "<ng-container><div #contentRef><ng-content></ng-content></div></ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2\">\r\n        <i class=\"ax-ic ax-ic-cloud-upload upload-icon\"></i>\r\n        <div class=\"ax-p-4 ax-text-center\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to browse</span></div>\r\n    </div>\r\n</ng-container>" }]
+            args: [{ selector: 'ax-uploader', encapsulation: ViewEncapsulation.None, template: "<ng-container>\r\n    <div #contentRef><ng-content></ng-content></div>\r\n</ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <i class=\"ax-icon ax-icon-upload upload-icon\"></i>\r\n    <div class=\"ax-uploader-hint\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to\r\n            browse</span></div>\r\n</ng-container>", styles: ["ax-uploader.ax-look-default{position:relative;width:100%;color:rgba(var(--ax-color-ghost),.5);border-radius:var(--ax-rounded-border-default);border-width:2px;border-style:dashed;border-color:rgb(var(--ax-color-border-default));display:flex;align-items:center;justify-content:center;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-position:center;background-size:cover}ax-uploader.ax-look-default:hover,ax-uploader.ax-look-default.ax-state-hover{border-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-500))}ax-uploader.ax-look-default:before{content:\"\";padding-bottom:100%}ax-uploader.ax-look-default .upload-icon{font-size:3rem}ax-uploader.ax-look-default .ax-uploader-hint{padding:1rem;text-align:center}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXFileService }]; }, propDecorators: { onValueChanged: [{
                 type: Output
             }], _placeholder: [{
@@ -107,10 +107,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
 
 class AXUploaderModule {
 }
-AXUploaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXUploaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXUploaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: AXUploaderModule, declarations: [AXUploaderComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXUploaderComponent] });
-AXUploaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXUploaderModule, imports: [CommonModule, AXDecoratorModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXUploaderModule, decorators: [{
+AXUploaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXUploaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXUploaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AXUploaderModule, declarations: [AXUploaderComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXUploaderComponent] });
+AXUploaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXUploaderModule, imports: [CommonModule, AXDecoratorModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXUploaderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXUploaderComponent],

package/fesm2015/acorex-components-uploader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-uploader.mjs","sources":["../../../../projects/acorex/components/uploader/src/uploader.component.ts","../../../../projects/acorex/components/uploader/src/uploader.component.html","../../../../projects/acorex/components/uploader/src/uploader.module.ts","../../../../projects/acorex/components/uploader/acorex-components-uploader.ts"],"sourcesContent":["import { AXValueChangedEvent } from '@acorex/components/common';\r\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\r\nimport { AXFileService } from '@acorex/core/file';\r\nimport {\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  HostBinding,\r\n  HostListener,\r\n  Input,\r\n  Output,\r\n  ViewChild,\r\n  ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ax-uploader',\r\n  templateUrl: './uploader.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXUploaderComponent extends AXBaseComponentMixin {\r\n  @Output()\r\n  onValueChanged: EventEmitter<AXValueChangedEvent<File[]>> = new EventEmitter<\r\n    AXValueChangedEvent<File[]>\r\n  >();\r\n\r\n  firstInit: boolean = true;\r\n  _showText: boolean = true;\r\n\r\n  constructor(\r\n    elementRef: ElementRef,\r\n    cdr: ChangeDetectorRef,\r\n    private _fileService: AXFileService\r\n  ) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  @ViewChild('contentRef', { static: true })\r\n  _placeholder: ElementRef;\r\n\r\n  @Input()\r\n  multiple: boolean = false;\r\n\r\n  @Input()\r\n  accept: string = '*/*';\r\n\r\n  private _dropArea: HTMLDivElement;\r\n\r\n  @HostListener('click', ['$event'])\r\n  async _handleClick(e: MouseEvent) {\r\n    const files = await this._fileService.choose({\r\n      accept: this.accept,\r\n      multiple: this.multiple,\r\n    });\r\n    this._handleFiles(files);\r\n  }\r\n\r\n  @HostListener('drop', ['$event'])\r\n  async _handleDrop(e: any) {\r\n    let dt = e.dataTransfer;\r\n    let files = dt.files;\r\n    this._handleFiles(Array.from(files));\r\n    e.preventDefault();\r\n  }\r\n\r\n  _handleFiles(files: File[]) {\r\n    this.onValueChanged.emit({\r\n      component: this,\r\n      isUserInteraction: true,\r\n      value: files,\r\n      htmlElement: this._getHostElement(),\r\n    });\r\n  }\r\n\r\n  onInit(): void {\r\n    this._dropArea = this._getHostElement();\r\n    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {\r\n      this._dropArea.addEventListener(eventName, this.preventDefaults, false);\r\n    });\r\n    ['dragenter', 'dragover'].forEach((eventName) => {\r\n      this._dropArea.addEventListener(\r\n        eventName,\r\n        this._handleHighlight.bind(this),\r\n        false\r\n      );\r\n    });\r\n\r\n    ['dragleave', 'drop'].forEach((eventName) => {\r\n      this._dropArea.addEventListener(\r\n        eventName,\r\n        this._handleUnhighlight.bind(this),\r\n        false\r\n      );\r\n    });\r\n  }\r\n\r\n  ngDoCheck() {\r\n    this.checkIsBoxHasMinWidth()\r\n  }\r\n  \r\n  checkIsBoxHasMinWidth(){\r\n    this.firstInit = false;\r\n    let boxWidth: number = this._getHostElement().getBoundingClientRect().width;\r\n    console.log(boxWidth);\r\n    \r\n    if (boxWidth <= 176 && this.firstInit === false) {\r\n      this._showText = false;\r\n    }\r\n  }\r\n\r\n  preventDefaults(e: any) {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n  }\r\n\r\n  _handleHighlight(e) {\r\n    this._dropArea.classList.add('ax-state-hover');\r\n  }\r\n\r\n  _handleUnhighlight(e) {\r\n    this._dropArea.classList.remove('ax-state-hover');\r\n  }\r\n\r\n  @HostBinding('class.ax-look-default')\r\n  get __defaultClass() {\r\n    return !this._placeholder?.nativeElement.childNodes.length;\r\n  }\r\n}\r\n","<ng-container><div #contentRef><ng-content></ng-content></div></ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2\">\r\n        <i class=\"ax-ic ax-ic-cloud-upload upload-icon\"></i>\r\n        <div class=\"ax-p-4 ax-text-center\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to browse</span></div>\r\n    </div>\r\n</ng-container>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXUploaderComponent } from './uploader.component';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\n\r\n@NgModule({\r\n  declarations: [AXUploaderComponent],\r\n  imports: [CommonModule,AXDecoratorModule],\r\n  exports: [AXUploaderComponent],\r\n  providers: [],\r\n})\r\nexport class AXUploaderModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-uploader.mjs","sources":["../../../../projects/acorex/components/uploader/src/uploader.component.ts","../../../../projects/acorex/components/uploader/src/uploader.component.html","../../../../projects/acorex/components/uploader/src/uploader.module.ts","../../../../projects/acorex/components/uploader/acorex-components-uploader.ts"],"sourcesContent":["import { AXValueChangedEvent } from '@acorex/components/common';\r\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\r\nimport { AXFileService } from '@acorex/core/file';\r\nimport {\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  HostBinding,\r\n  HostListener,\r\n  Input,\r\n  Output,\r\n  ViewChild,\r\n  ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ax-uploader',\r\n  templateUrl: './uploader.component.html',\r\n  styleUrls: ['./uploader.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXUploaderComponent extends AXBaseComponentMixin {\r\n  @Output()\r\n  onValueChanged: EventEmitter<AXValueChangedEvent<File[]>> = new EventEmitter<\r\n    AXValueChangedEvent<File[]>\r\n  >();\r\n\r\n  firstInit: boolean = true;\r\n  _showText: boolean = true;\r\n\r\n  constructor(\r\n    elementRef: ElementRef,\r\n    cdr: ChangeDetectorRef,\r\n    private _fileService: AXFileService\r\n  ) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  @ViewChild('contentRef', { static: true })\r\n  _placeholder: ElementRef;\r\n\r\n  @Input()\r\n  multiple: boolean = false;\r\n\r\n  @Input()\r\n  accept: string = '*/*';\r\n\r\n  private _dropArea: HTMLDivElement;\r\n\r\n  @HostListener('click', ['$event'])\r\n  async _handleClick(e: MouseEvent) {\r\n    const files = await this._fileService.choose({\r\n      accept: this.accept,\r\n      multiple: this.multiple,\r\n    });\r\n    this._handleFiles(files);\r\n  }\r\n\r\n  @HostListener('drop', ['$event'])\r\n  async _handleDrop(e: any) {\r\n    let dt = e.dataTransfer;\r\n    let files = dt.files;\r\n    this._handleFiles(Array.from(files));\r\n    e.preventDefault();\r\n  }\r\n\r\n  _handleFiles(files: File[]) {\r\n    this.onValueChanged.emit({\r\n      component: this,\r\n      isUserInteraction: true,\r\n      value: files,\r\n      htmlElement: this._getHostElement(),\r\n    });\r\n  }\r\n\r\n  onInit(): void {\r\n    this._dropArea = this._getHostElement();\r\n    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {\r\n      this._dropArea.addEventListener(eventName, this.preventDefaults, false);\r\n    });\r\n    ['dragenter', 'dragover'].forEach((eventName) => {\r\n      this._dropArea.addEventListener(\r\n        eventName,\r\n        this._handleHighlight.bind(this),\r\n        false\r\n      );\r\n    });\r\n\r\n    ['dragleave', 'drop'].forEach((eventName) => {\r\n      this._dropArea.addEventListener(\r\n        eventName,\r\n        this._handleUnhighlight.bind(this),\r\n        false\r\n      );\r\n    });\r\n  }\r\n\r\n  ngDoCheck() {\r\n    this.checkIsBoxHasMinWidth()\r\n  }\r\n  \r\n  checkIsBoxHasMinWidth(){\r\n    this.firstInit = false;\r\n    let boxWidth: number = this._getHostElement().getBoundingClientRect().width;\r\n    console.log(boxWidth);\r\n    \r\n    if (boxWidth <= 176 && this.firstInit === false) {\r\n      this._showText = false;\r\n    }\r\n  }\r\n\r\n  preventDefaults(e: any) {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n  }\r\n\r\n  _handleHighlight(e) {\r\n    this._dropArea.classList.add('ax-state-hover');\r\n  }\r\n\r\n  _handleUnhighlight(e) {\r\n    this._dropArea.classList.remove('ax-state-hover');\r\n  }\r\n\r\n  @HostBinding('class.ax-look-default')\r\n  get __defaultClass() {\r\n    return !this._placeholder?.nativeElement.childNodes.length;\r\n  }\r\n}\r\n","<ng-container>\r\n    <div #contentRef><ng-content></ng-content></div>\r\n</ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <i class=\"ax-icon ax-icon-upload upload-icon\"></i>\r\n    <div class=\"ax-uploader-hint\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to\r\n            browse</span></div>\r\n</ng-container>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXUploaderComponent } from './uploader.component';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\n\r\n@NgModule({\r\n  declarations: [AXUploaderComponent],\r\n  imports: [CommonModule,AXDecoratorModule],\r\n  exports: [AXUploaderComponent],\r\n  providers: [],\r\n})\r\nexport class AXUploaderModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/acorex-components-action-sheet.mjs

@@ -1,7 +1,7 @@
 import { AXBaseComponent } from '@acorex/components/mixin';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import * as i0 from '@angular/core';
-import { Component, Input, EventEmitter, Output, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, EventEmitter, Output, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@acorex/components/button';
@@ -32,8 +32,8 @@ class AXActionSheetComponent extends AXBaseComponent {
         this.isOpen = !this.isOpen;
     }
 }
-AXActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXActionSheetComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: AXActionSheetComponent, selector: "ax-action-sheet", inputs: { caption: "caption", closeOnBackdrop: "closeOnBackdrop" }, host: { classAttribute: "ax-action-sheet" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-action-sheet-backdrop\" [@backdrop]=\"isOpen ? 'show' : 'hide'\" (click)=\"_handleBackdropClick()\"></div>\r\n<div class=\"ax-action-sheet-container\" [@openClose]=\"isOpen ? 'open' : 'closed'\">\r\n    <div class=\"ax-bg-white ax-h-full dark:ax-bg-dark-700\">\r\n        <div class=\"ax-action-sheet-caption\" *ngIf=\"caption\">\r\n            {{caption}}\r\n        </div>\r\n        <ng-content select=\"ax-content\"></ng-content>\r\n        <div class=\"ax-action-sheet-items\">\r\n            <ng-content select=\"ax-action-sheet-item\"></ng-content>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
+AXActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXActionSheetComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXActionSheetComponent, selector: "ax-action-sheet", inputs: { caption: "caption", closeOnBackdrop: "closeOnBackdrop" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-action-sheet-backdrop\" [@backdrop]=\"isOpen ? 'show' : 'hide'\" (click)=\"_handleBackdropClick()\"></div>\r\n<div class=\"ax-action-sheet-container\" [@openClose]=\"isOpen ? 'open' : 'closed'\">\r\n    <div class=\"ax-action-sheet-card\">\r\n        <div class=\"ax-action-sheet-caption\" *ngIf=\"caption\">\r\n            {{caption}}\r\n        </div>\r\n        <ng-content select=\"ax-content\"></ng-content>\r\n        <div class=\"ax-action-sheet-items\">\r\n            <ng-content select=\"ax-action-sheet-item\"></ng-content>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["ax-action-sheet .ax-action-sheet-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:9999;width:33.333333%;border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);overflow:hidden}@media (max-width: 599px){ax-action-sheet .ax-action-sheet-container{width:100%}}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-caption{font-size:.875rem;padding:1rem}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-card{background-color:rgb(var(--ax-color-surface));height:100%}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-items{@apply ax-flex ax-flex-col ax-pb-3 ax-overflow-x-hidden ax-overflow-y-auto;display:flex;flex-direction:column;padding-bottom:.75rem;overflow-x:hidden;overflow-y:auto}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-items ax-button{border-radius:0!important;width:100%;text-align:start;justify-items:flex-start}ax-action-sheet .ax-action-sheet-backdrop{background-color:#0000004d;inset:0;position:fixed;z-index:9998}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
         trigger('backdrop', [
             state('show', style({
                 opacity: 1,
@@ -56,10 +56,10 @@ AXActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             })),
             transition('open <=> closed', [animate('0.2s')]),
         ]),
-    ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXActionSheetComponent, decorators: [{
+    ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXActionSheetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-action-sheet', animations: [
+            args: [{ selector: 'ax-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [
                         trigger('backdrop', [
                             state('show', style({
                                 opacity: 1,
@@ -82,7 +82,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
                             })),
                             transition('open <=> closed', [animate('0.2s')]),
                         ]),
-                    ], host: { class: 'ax-action-sheet' }, template: "<div class=\"ax-action-sheet-backdrop\" [@backdrop]=\"isOpen ? 'show' : 'hide'\" (click)=\"_handleBackdropClick()\"></div>\r\n<div class=\"ax-action-sheet-container\" [@openClose]=\"isOpen ? 'open' : 'closed'\">\r\n    <div class=\"ax-bg-white ax-h-full dark:ax-bg-dark-700\">\r\n        <div class=\"ax-action-sheet-caption\" *ngIf=\"caption\">\r\n            {{caption}}\r\n        </div>\r\n        <ng-content select=\"ax-content\"></ng-content>\r\n        <div class=\"ax-action-sheet-items\">\r\n            <ng-content select=\"ax-action-sheet-item\"></ng-content>\r\n        </div>\r\n    </div>\r\n</div>" }]
+                    ], template: "<div class=\"ax-action-sheet-backdrop\" [@backdrop]=\"isOpen ? 'show' : 'hide'\" (click)=\"_handleBackdropClick()\"></div>\r\n<div class=\"ax-action-sheet-container\" [@openClose]=\"isOpen ? 'open' : 'closed'\">\r\n    <div class=\"ax-action-sheet-card\">\r\n        <div class=\"ax-action-sheet-caption\" *ngIf=\"caption\">\r\n            {{caption}}\r\n        </div>\r\n        <ng-content select=\"ax-content\"></ng-content>\r\n        <div class=\"ax-action-sheet-items\">\r\n            <ng-content select=\"ax-action-sheet-item\"></ng-content>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["ax-action-sheet .ax-action-sheet-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:9999;width:33.333333%;border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);overflow:hidden}@media (max-width: 599px){ax-action-sheet .ax-action-sheet-container{width:100%}}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-caption{font-size:.875rem;padding:1rem}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-card{background-color:rgb(var(--ax-color-surface));height:100%}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-items{@apply ax-flex ax-flex-col ax-pb-3 ax-overflow-x-hidden ax-overflow-y-auto;display:flex;flex-direction:column;padding-bottom:.75rem;overflow-x:hidden;overflow-y:auto}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-items ax-button{border-radius:0!important;width:100%;text-align:start;justify-items:flex-start}ax-action-sheet .ax-action-sheet-backdrop{background-color:#0000004d;inset:0;position:fixed;z-index:9998}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { caption: [{
                 type: Input
             }], closeOnBackdrop: [{
@@ -95,15 +95,15 @@ class AXActionSheetItemComponent extends AXBaseComponent {
      */
     constructor(_elementRef, _cdr) {
         super(_elementRef, _cdr);
-        this.color = 'light';
+        this.color = 'primary';
         this.onClick = new EventEmitter();
     }
     _handleOnClick(e) {
         this.onClick.emit(e);
     }
 }
-AXActionSheetItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXActionSheetItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXActionSheetItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: AXActionSheetItemComponent, selector: "ax-action-sheet-item", inputs: { text: "text", color: "color" }, outputs: { onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: `
+AXActionSheetItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXActionSheetItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXActionSheetItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXActionSheetItemComponent, selector: "ax-action-sheet-item", inputs: { text: "text", color: "color" }, outputs: { onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: `
     <ax-button
       [color]="color"
       look="blank"
@@ -111,7 +111,7 @@ AXActionSheetItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
       (onClick)="_handleOnClick($event)"
     ></ax-button>
   `, isInline: true, dependencies: [{ kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXActionSheetItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXActionSheetItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-action-sheet-item',
@@ -134,10 +134,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
 
 class AXActionSheetModule {
 }
-AXActionSheetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXActionSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXActionSheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: AXActionSheetModule, declarations: [AXActionSheetComponent, AXActionSheetItemComponent], imports: [CommonModule, AXButtonModule], exports: [AXActionSheetComponent, AXActionSheetItemComponent] });
-AXActionSheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXActionSheetModule, imports: [CommonModule, AXButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXActionSheetModule, decorators: [{
+AXActionSheetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXActionSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXActionSheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AXActionSheetModule, declarations: [AXActionSheetComponent, AXActionSheetItemComponent], imports: [CommonModule, AXButtonModule], exports: [AXActionSheetComponent, AXActionSheetItemComponent] });
+AXActionSheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXActionSheetModule, imports: [CommonModule, AXButtonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXActionSheetModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXActionSheetComponent, AXActionSheetItemComponent],

package/fesm2020/acorex-components-action-sheet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-action-sheet.mjs","sources":["../../../../projects/acorex/components/action-sheet/src/action-sheet.component.ts","../../../../projects/acorex/components/action-sheet/src/action-sheet.component.html","../../../../projects/acorex/components/action-sheet/src/action-sheet-item.component.ts","../../../../projects/acorex/components/action-sheet/src/action-sheet.module.ts","../../../../projects/acorex/components/action-sheet/acorex-components-action-sheet.ts"],"sourcesContent":["import { AXBaseComponent } from '@acorex/components/mixin';\r\nimport {\r\n  trigger,\r\n  state,\r\n  style,\r\n  transition,\r\n  animate,\r\n} from '@angular/animations';\r\nimport { ChangeDetectorRef, Component, ElementRef, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ax-action-sheet',\r\n  templateUrl: './action-sheet.component.html',\r\n  animations: [\r\n    trigger('backdrop', [\r\n      state(\r\n        'show',\r\n        style({\r\n          opacity: 1,\r\n          visibility: 'visible',\r\n        })\r\n      ),\r\n      state(\r\n        'hide',\r\n        style({\r\n          visibility: 'hidden',\r\n          opacity: 0,\r\n        })\r\n      ),\r\n      transition('show <=> hide', [animate('0.2s')]),\r\n    ]),\r\n\r\n    trigger('openClose', [\r\n      state(\r\n        'open',\r\n        style({\r\n          bottom: '0',\r\n          opacity: 1,\r\n        })\r\n      ),\r\n      state(\r\n        'closed',\r\n        style({\r\n          bottom: '-100%',\r\n          opacity: 0.5,\r\n        })\r\n      ),\r\n      transition('open <=> closed', [animate('0.2s')]),\r\n    ]),\r\n  ],\r\n  host: { class: 'ax-action-sheet' },\r\n})\r\nexport class AXActionSheetComponent extends AXBaseComponent {\r\n  @Input() caption = '';\r\n  @Input() closeOnBackdrop = true;\r\n  isOpen = false;\r\n\r\n  _backdrop: HTMLElement;\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef) {\r\n    super(_elementRef, _cdr);\r\n  }\r\n\r\n  _handleBackdropClick() {\r\n    if (!this.closeOnBackdrop) return;\r\n    this.close();\r\n  }\r\n\r\n  open() {\r\n    this.isOpen = true;\r\n  }\r\n\r\n  close() {\r\n    this.isOpen = false;\r\n  }\r\n\r\n  toggle() {\r\n    this.isOpen = !this.isOpen;\r\n  }\r\n}\r\n","<div class=\"ax-action-sheet-backdrop\" [@backdrop]=\"isOpen ? 'show' : 'hide'\" (click)=\"_handleBackdropClick()\"></div>\r\n<div class=\"ax-action-sheet-container\" [@openClose]=\"isOpen ? 'open' : 'closed'\">\r\n    <div class=\"ax-bg-white ax-h-full dark:ax-bg-dark-700\">\r\n        <div class=\"ax-action-sheet-caption\" *ngIf=\"caption\">\r\n            {{caption}}\r\n        </div>\r\n        <ng-content select=\"ax-content\"></ng-content>\r\n        <div class=\"ax-action-sheet-items\">\r\n            <ng-content select=\"ax-action-sheet-item\"></ng-content>\r\n        </div>\r\n    </div>\r\n</div>","import {\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  Input,\r\n  Output,\r\n} from '@angular/core';\r\nimport {\r\n  AXButtonClickEvent,\r\n  AXStyleColorType,\r\n} from '@acorex/components/common';\r\nimport { AXBaseComponent } from '@acorex/components/mixin';\r\n\r\n@Component({\r\n  selector: 'ax-action-sheet-item',\r\n  template: `\r\n    <ax-button\r\n      [color]=\"color\"\r\n      look=\"blank\"\r\n      [text]=\"text\"\r\n      (onClick)=\"_handleOnClick($event)\"\r\n    ></ax-button>\r\n  `,\r\n})\r\nexport class AXActionSheetItemComponent extends AXBaseComponent {\r\n  @Input()\r\n  text: string;\r\n\r\n  @Input()\r\n  color: AXStyleColorType = 'light';\r\n\r\n  @Output()\r\n  onClick: EventEmitter<AXButtonClickEvent> = new EventEmitter<AXButtonClickEvent>();\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef) {\r\n    super(_elementRef, _cdr);\r\n  }\r\n\r\n  _handleOnClick(e: any) {\r\n    this.onClick.emit(e);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\nimport { AXActionSheetComponent } from './action-sheet.component';\r\nimport { AXActionSheetItemComponent } from './action-sheet-item.component';\r\n\r\n@NgModule({\r\n  declarations: [AXActionSheetComponent, AXActionSheetItemComponent],\r\n  imports: [CommonModule, AXButtonModule],\r\n  exports: [AXActionSheetComponent, AXActionSheetItemComponent],\r\n  providers: [],\r\n})\r\nexport class AXActionSheetModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"acorex-components-action-sheet.mjs","sources":["../../../../projects/acorex/components/action-sheet/src/action-sheet.component.ts","../../../../projects/acorex/components/action-sheet/src/action-sheet.component.html","../../../../projects/acorex/components/action-sheet/src/action-sheet-item.component.ts","../../../../projects/acorex/components/action-sheet/src/action-sheet.module.ts","../../../../projects/acorex/components/action-sheet/acorex-components-action-sheet.ts"],"sourcesContent":["import { AXBaseComponent } from '@acorex/components/mixin';\r\nimport {\r\n  trigger,\r\n  state,\r\n  style,\r\n  transition,\r\n  animate,\r\n} from '@angular/animations';\r\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Input, ViewEncapsulation } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ax-action-sheet',\r\n  templateUrl: './action-sheet.component.html',\r\n  styleUrls: ['./action-sheet.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  animations: [\r\n    trigger('backdrop', [\r\n      state(\r\n        'show',\r\n        style({\r\n          opacity: 1,\r\n          visibility: 'visible',\r\n        })\r\n      ),\r\n      state(\r\n        'hide',\r\n        style({\r\n          visibility: 'hidden',\r\n          opacity: 0,\r\n        })\r\n      ),\r\n      transition('show <=> hide', [animate('0.2s')]),\r\n    ]),\r\n\r\n    trigger('openClose', [\r\n      state(\r\n        'open',\r\n        style({\r\n          bottom: '0',\r\n          opacity: 1,\r\n        })\r\n      ),\r\n      state(\r\n        'closed',\r\n        style({\r\n          bottom: '-100%',\r\n          opacity: 0.5,\r\n        })\r\n      ),\r\n      transition('open <=> closed', [animate('0.2s')]),\r\n    ]),\r\n  ]\r\n})\r\nexport class AXActionSheetComponent extends AXBaseComponent {\r\n  @Input() caption = '';\r\n  @Input() closeOnBackdrop = true;\r\n  isOpen = false;\r\n\r\n  _backdrop: HTMLElement;\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef) {\r\n    super(_elementRef, _cdr);\r\n  }\r\n\r\n  _handleBackdropClick() {\r\n    if (!this.closeOnBackdrop) return;\r\n    this.close();\r\n  }\r\n\r\n  open() {\r\n    this.isOpen = true;\r\n  }\r\n\r\n  close() {\r\n    this.isOpen = false;\r\n  }\r\n\r\n  toggle() {\r\n    this.isOpen = !this.isOpen;\r\n  }\r\n}\r\n","<div class=\"ax-action-sheet-backdrop\" [@backdrop]=\"isOpen ? 'show' : 'hide'\" (click)=\"_handleBackdropClick()\"></div>\r\n<div class=\"ax-action-sheet-container\" [@openClose]=\"isOpen ? 'open' : 'closed'\">\r\n    <div class=\"ax-action-sheet-card\">\r\n        <div class=\"ax-action-sheet-caption\" *ngIf=\"caption\">\r\n            {{caption}}\r\n        </div>\r\n        <ng-content select=\"ax-content\"></ng-content>\r\n        <div class=\"ax-action-sheet-items\">\r\n            <ng-content select=\"ax-action-sheet-item\"></ng-content>\r\n        </div>\r\n    </div>\r\n</div>","import {\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  Input,\r\n  Output,\r\n} from '@angular/core';\r\nimport {\r\n  AXButtonClickEvent,\r\n  AXStyleColorType,\r\n} from '@acorex/components/common';\r\nimport { AXBaseComponent } from '@acorex/components/mixin';\r\n\r\n@Component({\r\n  selector: 'ax-action-sheet-item',\r\n  template: `\r\n    <ax-button\r\n      [color]=\"color\"\r\n      look=\"blank\"\r\n      [text]=\"text\"\r\n      (onClick)=\"_handleOnClick($event)\"\r\n    ></ax-button>\r\n  `,\r\n})\r\nexport class AXActionSheetItemComponent extends AXBaseComponent {\r\n  @Input()\r\n  text: string;\r\n\r\n  @Input()\r\n  color: AXStyleColorType = 'primary';\r\n\r\n  @Output()\r\n  onClick: EventEmitter<AXButtonClickEvent> = new EventEmitter<AXButtonClickEvent>();\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef) {\r\n    super(_elementRef, _cdr);\r\n  }\r\n\r\n  _handleOnClick(e: any) {\r\n    this.onClick.emit(e);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\nimport { AXActionSheetComponent } from './action-sheet.component';\r\nimport { AXActionSheetItemComponent } from './action-sheet-item.component';\r\n\r\n@NgModule({\r\n  declarations: [AXActionSheetComponent, AXActionSheetItemComponent],\r\n  imports: [CommonModule, AXButtonModule],\r\n  exports: [AXActionSheetComponent, AXActionSheetItemComponent],\r\n  providers: [],\r\n})\r\nexport class AXActionSheetModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":";;;;;;;;;AAsDM,MAAO,sBAAuB,SAAQ,eAAe,CAAA;AAMzD;;AAEG;IACH,WAAY,CAAA,WAAuB,EAAE,IAAuB,EAAA;AAC1D,QAAA,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QATlB,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;QACb,IAAe,CAAA,eAAA,GAAG,IAAI,CAAC;QAChC,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;KAQd;IAED,oBAAoB,GAAA;QAClB,IAAI,CAAC,IAAI,CAAC,eAAe;YAAE,OAAO;QAClC,IAAI,CAAC,KAAK,EAAE,CAAC;KACd;IAED,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;KACpB;IAED,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;KACrB;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;KAC5B;;mHA5BU,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;uGAAtB,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtDnC,klBAWM,EDKQ,MAAA,EAAA,CAAA,oiCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA;QACV,OAAO,CAAC,UAAU,EAAE;AAClB,YAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,gBAAA,OAAO,EAAE,CAAC;AACV,gBAAA,UAAU,EAAE,SAAS;AACtB,aAAA,CAAC,CACH;AACD,YAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,gBAAA,UAAU,EAAE,QAAQ;AACpB,gBAAA,OAAO,EAAE,CAAC;AACX,aAAA,CAAC,CACH;YACD,UAAU,CAAC,eAAe,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;SAC/C,CAAC;QAEF,OAAO,CAAC,WAAW,EAAE;AACnB,YAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,gBAAA,MAAM,EAAE,GAAG;AACX,gBAAA,OAAO,EAAE,CAAC;AACX,aAAA,CAAC,CACH;AACD,YAAA,KAAK,CACH,QAAQ,EACR,KAAK,CAAC;AACJ,gBAAA,MAAM,EAAE,OAAO;AACf,gBAAA,OAAO,EAAE,GAAG;AACb,aAAA,CAAC,CACH;YACD,UAAU,CAAC,iBAAiB,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;SACjD,CAAC;AACH,KAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FAEU,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBA5ClC,SAAS;+BACE,iBAAiB,EAAA,eAAA,EAGV,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EACzB,UAAA,EAAA;wBACV,OAAO,CAAC,UAAU,EAAE;AAClB,4BAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,gCAAA,OAAO,EAAE,CAAC;AACV,gCAAA,UAAU,EAAE,SAAS;AACtB,6BAAA,CAAC,CACH;AACD,4BAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,gCAAA,UAAU,EAAE,QAAQ;AACpB,gCAAA,OAAO,EAAE,CAAC;AACX,6BAAA,CAAC,CACH;4BACD,UAAU,CAAC,eAAe,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;yBAC/C,CAAC;wBAEF,OAAO,CAAC,WAAW,EAAE;AACnB,4BAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,gCAAA,MAAM,EAAE,GAAG;AACX,gCAAA,OAAO,EAAE,CAAC;AACX,6BAAA,CAAC,CACH;AACD,4BAAA,KAAK,CACH,QAAQ,EACR,KAAK,CAAC;AACJ,gCAAA,MAAM,EAAE,OAAO;AACf,gCAAA,OAAO,EAAE,GAAG;AACb,6BAAA,CAAC,CACH;4BACD,UAAU,CAAC,iBAAiB,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;yBACjD,CAAC;AACH,qBAAA,EAAA,QAAA,EAAA,klBAAA,EAAA,MAAA,EAAA,CAAA,oiCAAA,CAAA,EAAA,CAAA;iIAGQ,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,eAAe,EAAA,CAAA;sBAAvB,KAAK;;;AE/BF,MAAO,0BAA2B,SAAQ,eAAe,CAAA;AAU7D;;AAEG;IACH,WAAY,CAAA,WAAuB,EAAE,IAAuB,EAAA;AAC1D,QAAA,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAT3B,IAAK,CAAA,KAAA,GAAqB,SAAS,CAAC;AAGpC,QAAA,IAAA,CAAA,OAAO,GAAqC,IAAI,YAAY,EAAsB,CAAC;KAOlF;AAED,IAAA,cAAc,CAAC,CAAM,EAAA;AACnB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KACtB;;uHAnBU,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAT3B,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;AAOT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FAEU,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAXtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,QAAQ,EAAE,CAAA;;;;;;;AAOT,EAAA,CAAA;AACF,iBAAA,CAAA;iIAGC,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,MAAM;;;MCpBI,mBAAmB,CAAA;;gHAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;iHAAnB,mBAAmB,EAAA,YAAA,EAAA,CALf,sBAAsB,EAAE,0BAA0B,CAAA,EAAA,OAAA,EAAA,CACvD,YAAY,EAAE,cAAc,CAAA,EAAA,OAAA,EAAA,CAC5B,sBAAsB,EAAE,0BAA0B,CAAA,EAAA,CAAA,CAAA;iHAGjD,mBAAmB,EAAA,OAAA,EAAA,CAJpB,YAAY,EAAE,cAAc,CAAA,EAAA,CAAA,CAAA;2FAI3B,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,sBAAsB,EAAE,0BAA0B,CAAC;AAClE,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC;AACvC,oBAAA,OAAO,EAAE,CAAC,sBAAsB,EAAE,0BAA0B,CAAC;AAC7D,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACXD;;AAEG;;;;"}

package/fesm2020/acorex-components-alert.mjs

@@ -13,9 +13,9 @@ class AXAlertButtonDirective {
         this.look = "default";
     }
 }
-AXAlertButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAlertButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-AXAlertButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: AXAlertButtonDirective, selector: "[ax-alert-button]", inputs: { text: "text", look: "look" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAlertButtonDirective, decorators: [{
+AXAlertButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXAlertButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AXAlertButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: AXAlertButtonDirective, selector: "[ax-alert-button]", inputs: { text: "text", look: "look" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXAlertButtonDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[ax-alert-button]' }]
         }], ctorParameters: function () { return []; }, propDecorators: { text: [{
@@ -115,19 +115,16 @@ class AXAlertComponent extends AXBaseAlertMixin {
             return;
         switch (this.color) {
             case 'success':
-                this._icon.icon = 'ax-ic ax-ic-check';
+                this._icon.icon = 'ax-icon ax-icon-done';
                 break;
             case 'danger':
-                this._icon.icon = 'ax-ic ax-ic-error-filled';
+                this._icon.icon = 'ax-icon ax-icon-error-fill';
                 break;
             case 'warning':
-                this._icon.icon = 'ax-ic ax-ic-warning-filled';
-                break;
-            case 'info':
-                this._icon.icon = 'ax-ic ax-ic-info-filled';
+                this._icon.icon = 'ax-icon ax-icon-warning-fill';
                 break;
             default:
-                this._icon.icon = this._customIcon || 'ax-ic ax-ic-info-filled';
+                this._icon.icon = this._customIcon || 'ax-icon ax-icon-done';
                 break;
         }
     }
@@ -169,11 +166,11 @@ class AXAlertComponent extends AXBaseAlertMixin {
         this._observer?.disconnect();
     }
 }
-AXAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAlertComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: AXAlertComponent, selector: "ax-alert", inputs: { color: "color", timeOut: "timeOut", visible: "visible" }, outputs: { onClosed: "onClosed" }, host: { properties: { "class": "this.__hostClass" }, classAttribute: "ax-alert" }, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], queries: [{ propertyName: "_icon", first: true, predicate: AXDecoratorIconComponent, 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-block-start\">\r\n        <div class=\"ax-alert-title\">\r\n            <ng-content select=\"ax-title\"></ng-content>\r\n            <ng-content select=\"ax-sub-title\"></ng-content>\r\n        </div>\r\n    </div>\r\n    <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n        <ng-content select=\"ax-content\">\r\n        </ng-content>\r\n        <ng-content select=\"ax-footer\">\r\n        </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 class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>", 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: "14.2.2", ngImport: i0, type: AXAlertComponent, decorators: [{
+AXAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.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.0.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: "_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-block-start\">\r\n        <div class=\"ax-alert-title\">\r\n            <ng-content select=\"ax-title\"></ng-content>\r\n            <ng-content select=\"ax-sub-title\"></ng-content>\r\n        </div>\r\n    </div>\r\n    <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n        <ng-content select=\"ax-content\">\r\n        </ng-content>\r\n        <ng-content select=\"ax-footer\">\r\n        </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 class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>", styles: ["html.ax-dark ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-900))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-500))}html.ax-dark ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-900))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-500))}html.ax-dark ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-900))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-500))}html.ax-dark ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-900))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-500))}html.ax-dark ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-900))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-500))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);border:1px solid;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{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{width:2.25rem;height:2.25rem;border-radius:999rem;display:grid;place-items:center;font-size:1.5rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-block-end{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}ax-alert .ax-alert-block-end ax-content{display:block;color:rgb(var(--ax-color-text-default))}ax-alert .ax-alert-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-items-start{align-items:flex-start!important}ax-alert .ax-hidden{display:none!important}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-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-50))}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-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-50))}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-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-50))}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-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-50))}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-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-danger-500));color:rgb(var(--ax-color-danger-50))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-800))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXAlertComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-alert', inputs: ['color'], host: { class: 'ax-alert' }, 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-block-start\">\r\n        <div class=\"ax-alert-title\">\r\n            <ng-content select=\"ax-title\"></ng-content>\r\n            <ng-content select=\"ax-sub-title\"></ng-content>\r\n        </div>\r\n    </div>\r\n    <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n        <ng-content select=\"ax-content\">\r\n        </ng-content>\r\n        <ng-content select=\"ax-footer\">\r\n        </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 class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>" }]
+            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-block-start\">\r\n        <div class=\"ax-alert-title\">\r\n            <ng-content select=\"ax-title\"></ng-content>\r\n            <ng-content select=\"ax-sub-title\"></ng-content>\r\n        </div>\r\n    </div>\r\n    <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n        <ng-content select=\"ax-content\">\r\n        </ng-content>\r\n        <ng-content select=\"ax-footer\">\r\n        </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 class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>", styles: ["html.ax-dark ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-900))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-500))}html.ax-dark ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-900))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-500))}html.ax-dark ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-900))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-500))}html.ax-dark ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-900))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-500))}html.ax-dark ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-900))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-500))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);border:1px solid;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{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{width:2.25rem;height:2.25rem;border-radius:999rem;display:grid;place-items:center;font-size:1.5rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-block-end{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}ax-alert .ax-alert-block-end ax-content{display:block;color:rgb(var(--ax-color-text-default))}ax-alert .ax-alert-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-items-start{align-items:flex-start!important}ax-alert .ax-hidden{display:none!important}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-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-50))}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-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-50))}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-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-50))}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-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-50))}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-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-danger-500));color:rgb(var(--ax-color-danger-50))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-800))}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _icon: [{
                 type: ContentChild,
                 args: [AXDecoratorIconComponent]
@@ -201,10 +198,10 @@ const COMPONENT = [AXAlertComponent, AXAlertButtonDirective];
 const MODULES = [CommonModule, AXDecoratorModule];
 class AXAlertModule {
 }
-AXAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: AXAlertModule, declarations: [AXAlertComponent, AXAlertButtonDirective], imports: [CommonModule, AXDecoratorModule], exports: [AXAlertComponent, AXAlertButtonDirective] });
-AXAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAlertModule, imports: [MODULES] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAlertModule, decorators: [{
+AXAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AXAlertModule, declarations: [AXAlertComponent, AXAlertButtonDirective], imports: [CommonModule, AXDecoratorModule], exports: [AXAlertComponent, AXAlertButtonDirective] });
+AXAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXAlertModule, imports: [MODULES] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-alert.mjs","sources":["../../../../projects/acorex/components/alert/src/alert-button.directive.ts","../../../../projects/acorex/components/alert/src/alert.component.ts","../../../../projects/acorex/components/alert/src/alert.component.html","../../../../projects/acorex/components/alert/src/alert.module.ts","../../../../projects/acorex/components/alert/acorex-components-alert.ts"],"sourcesContent":["import { Directive, Input } from '@angular/core';\r\n\r\n@Directive({ selector: '[ax-alert-button]' })\r\nexport class AXAlertButtonDirective {\r\n\r\n\r\n    @Input()\r\n    text: string = \"Button\";\r\n\r\n    @Input()\r\n    look: 'default' | 'blank' = \"default\";\r\n\r\n    constructor() { }\r\n}","import { AXButtonComponent } from '@acorex/components/button';\r\nimport { AXDecoratorContentComponent, AXDecoratorFooterComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  Input,\r\n  HostBinding,\r\n  ContentChild,\r\n  EventEmitter,\r\n  Output,\r\n  QueryList,\r\n  ContentChildren,\r\n} from '@angular/core';\r\nimport { startWith } from 'rxjs/operators';\r\nimport { AXClosbaleComponent, AXEvent } from '@acorex/components/common';\r\nimport {\r\n  AXBaseComponent,\r\n  AXComponentOptionChanged,\r\n  _ColorLookComponentMixin,\r\n} from '@acorex/components/mixin';\r\n\r\nexport const AXBaseAlertMixin = _ColorLookComponentMixin(AXBaseComponent);\r\n\r\n/**\r\n * Regular description\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-alert',\r\n  templateUrl: './alert.component.html',\r\n  inputs: ['color'],\r\n  host: { class: 'ax-alert' },\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }]\r\n})\r\nexport class AXAlertComponent extends AXBaseAlertMixin {\r\n\r\n  @ContentChild(AXDecoratorIconComponent)\r\n  private _icon!: AXDecoratorIconComponent;\r\n\r\n  @ContentChildren(AXButtonComponent, { descendants: true })\r\n  private _buttons!: QueryList<AXButtonComponent>;\r\n\r\n\r\n  @ContentChild(AXDecoratorContentComponent)\r\n  protected _content!: AXButtonComponent;\r\n\r\n  @ContentChild(AXDecoratorFooterComponent)\r\n  protected _footer!: AXButtonComponent;\r\n\r\n  protected _showInline: boolean = false;\r\n\r\n\r\n  @Output()\r\n  onClosed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\r\n\r\n\r\n  private _customIcon: string;\r\n  private _timeOutRef: number;\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  @HostBinding('class')\r\n  get __hostClass(): string {\r\n    const _class = this.look\r\n      ? `ax-${this.color}-${this.look}`\r\n      : `ax-${this.color}-default`;\r\n    return `ax-alert ax-none ${_class}`;\r\n  }\r\n\r\n\r\n  private _timeOut: number;\r\n  @Input()\r\n  public get timeOut(): number {\r\n    return this._timeOut;\r\n  }\r\n  public set timeOut(v: number) {\r\n    if (v != this._timeOut) {\r\n      clearTimeout(this._timeOutRef);\r\n      this._timeOut = v;\r\n      if (v) {\r\n        this._timeOutRef = window.setTimeout(() => {\r\n          this.close();\r\n        }, this.timeOut);\r\n      }\r\n    }\r\n  }\r\n\r\n  private _observer: MutationObserver;\r\n\r\n  protected _visible: boolean;\r\n  /**\r\n   *  set the visibility of the Alert\r\n   */\r\n  @Input()\r\n  public get visible(): boolean {\r\n    return this._visible;\r\n  }\r\n  public set visible(v: boolean) {\r\n    if (this._visible != v) {\r\n      this._visible = v;\r\n      const host = this._getHostElement();\r\n      if (v) {\r\n        host.classList.remove('ax-state-hidden');\r\n        host.classList.add('ax-state-visible');\r\n      } else {\r\n        host.classList.add('ax-state-hidden');\r\n        host.classList.toggle('ax-state-visible');\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(\r\n    elementRef: ElementRef,\r\n    cdr: ChangeDetectorRef\r\n  ) {\r\n    super(elementRef, cdr);\r\n    //\r\n    const config = { attributes: false, childList: true, subtree: true };\r\n\r\n    const callback = (mutationList, observer) => {\r\n      for (const mutation of mutationList) {\r\n        if (mutation.type === 'childList') {\r\n          this._setIcon();\r\n          this._applyButtonStyle();\r\n          this._showInline = (this._content != null) || (this._footer != null);\r\n          this._cdr.markForCheck();\r\n        }\r\n      }\r\n    };\r\n\r\n    // Create an observer instance linked to the callback function\r\n    this._observer = new MutationObserver(callback);\r\n\r\n    // Start observing the target node for configured mutations\r\n    this._observer.observe(this._getHostElement(), config);\r\n  }\r\n\r\n\r\n  onViewInit() {\r\n    if (this.visible == undefined) {\r\n      this.visible = true;\r\n    }\r\n    //\r\n    this._customIcon = this._icon?.icon;\r\n    this._showInline = this._content != null || this._footer != null;\r\n  }\r\n\r\n  override _onOptionChanged(option: AXComponentOptionChanged) {\r\n    this._setIcon();\r\n    this._applyButtonStyle();\r\n  }\r\n\r\n  private _setIcon() {\r\n    if (!this._icon) return;\r\n    switch (this.color) {\r\n      case 'success':\r\n        this._icon.icon = 'ax-ic ax-ic-check';\r\n        break;\r\n      case 'danger':\r\n        this._icon.icon = 'ax-ic ax-ic-error-filled';\r\n        break;\r\n      case 'warning':\r\n        this._icon.icon = 'ax-ic ax-ic-warning-filled';\r\n        break;\r\n      case 'info':\r\n        this._icon.icon = 'ax-ic ax-ic-info-filled';\r\n        break;\r\n      default:\r\n        this._icon.icon = this._customIcon || 'ax-ic ax-ic-info-filled';\r\n        break;\r\n    }\r\n  }\r\n\r\n\r\n  private _applyButtonStyle() {\r\n    this._buttons?.forEach((c: any) => {\r\n      c.color = this.color;\r\n      c._getHostElement().classList.add('ax-sm');\r\n      c.look = !c.look || c.look == 'default' ? 'default' : 'blank';\r\n    });\r\n  }\r\n\r\n  /**\r\n   *  Remove the alert from the container\r\n   */\r\n  close(): void {\r\n    const host = this._getHostElement();\r\n    this.visible = false;\r\n    const func = () => {\r\n      host.parentElement?.removeChild(host);\r\n      this.onClosed.emit({\r\n        component: this,\r\n      });\r\n      host.removeEventListener('transitionend', func);\r\n    };\r\n    host.addEventListener('transitionend', func);\r\n  }\r\n\r\n  /**\r\n   *  Hide the alert\r\n   */\r\n  hide(): void {\r\n    this.visible = false;\r\n  }\r\n\r\n  /**\r\n   *  Show the alert\r\n   */\r\n  show() {\r\n    this.visible = true;\r\n  }\r\n\r\n\r\n  onDestroy(): void {\r\n    this._observer?.disconnect();\r\n  }\r\n\r\n\r\n\r\n}\r\n","<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-block-start\">\r\n        <div class=\"ax-alert-title\">\r\n            <ng-content select=\"ax-title\"></ng-content>\r\n            <ng-content select=\"ax-sub-title\"></ng-content>\r\n        </div>\r\n    </div>\r\n    <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n        <ng-content select=\"ax-content\">\r\n        </ng-content>\r\n        <ng-content select=\"ax-footer\">\r\n        </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 class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXAlertComponent } from './alert.component';\r\nimport { AXAlertButtonDirective } from './alert-button.directive';\r\n\r\nconst COMPONENT = [AXAlertComponent, AXAlertButtonDirective];\r\nconst MODULES = [CommonModule, AXDecoratorModule];\r\n\r\n@NgModule({\r\n  declarations: [...COMPONENT],\r\n  imports: [...MODULES],\r\n  exports: [...COMPONENT],\r\n  providers: [],\r\n})\r\nexport class AXAlertModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;MAGa,sBAAsB,CAAA;AAS/B,IAAA,WAAA,GAAA;QALA,IAAI,CAAA,IAAA,GAAW,QAAQ,CAAC;QAGxB,IAAI,CAAA,IAAA,GAAwB,SAAS,CAAC;KAErB;;mHATR,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;uGAAtB,sBAAsB,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBADlC,SAAS;mBAAC,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAA;0EAKxC,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;;;MCeG,gBAAgB,GAAG,wBAAwB,CAAC,eAAe,EAAE;AAE1E;;;;AAIG;AAUG,MAAO,gBAAiB,SAAQ,gBAAgB,CAAA;AA8EpD;;AAEG;IACH,WACE,CAAA,UAAsB,EACtB,GAAsB,EAAA;AAEtB,QAAA,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QAtEf,IAAW,CAAA,WAAA,GAAY,KAAK,CAAC;AAIvC,QAAA,IAAA,CAAA,QAAQ,GAA0B,IAAI,YAAY,EAAW,CAAC;;AAoE5D,QAAA,MAAM,MAAM,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAErE,QAAA,MAAM,QAAQ,GAAG,CAAC,YAAY,EAAE,QAAQ,KAAI;AAC1C,YAAA,KAAK,MAAM,QAAQ,IAAI,YAAY,EAAE;AACnC,gBAAA,IAAI,QAAQ,CAAC,IAAI,KAAK,WAAW,EAAE;oBACjC,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAChB,IAAI,CAAC,iBAAiB,EAAE,CAAC;AACzB,oBAAA,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,MAAM,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;AACrE,oBAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;AAC1B,iBAAA;AACF,aAAA;AACH,SAAC,CAAC;;QAGF,IAAI,CAAC,SAAS,GAAG,IAAI,gBAAgB,CAAC,QAAQ,CAAC,CAAC;;AAGhD,QAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,MAAM,CAAC,CAAC;KACxD;AAhFD;;AAEG;AACH,IAAA,IACI,WAAW,GAAA;AACb,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI;cACpB,MAAM,IAAI,CAAC,KAAK,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA;AACjC,cAAE,CAAM,GAAA,EAAA,IAAI,CAAC,KAAK,UAAU,CAAC;QAC/B,OAAO,CAAA,iBAAA,EAAoB,MAAM,CAAA,CAAE,CAAC;KACrC;AAID,IAAA,IACW,OAAO,GAAA;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC;KACtB;IACD,IAAW,OAAO,CAAC,CAAS,EAAA;AAC1B,QAAA,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE;AACtB,YAAA,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;AAC/B,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;AAClB,YAAA,IAAI,CAAC,EAAE;gBACL,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;oBACxC,IAAI,CAAC,KAAK,EAAE,CAAC;AACf,iBAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;AAClB,aAAA;AACF,SAAA;KACF;AAKD;;AAEG;AACH,IAAA,IACW,OAAO,GAAA;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC;KACtB;IACD,IAAW,OAAO,CAAC,CAAU,EAAA;AAC3B,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,EAAE;AACtB,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;AAClB,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;AACpC,YAAA,IAAI,CAAC,EAAE;AACL,gBAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;AACzC,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AACxC,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;AACtC,gBAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAC3C,aAAA;AACF,SAAA;KACF;IAgCD,UAAU,GAAA;AACR,QAAA,IAAI,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE;AAC7B,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;AACrB,SAAA;;QAED,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;AACpC,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC;KAClE;AAEQ,IAAA,gBAAgB,CAAC,MAAgC,EAAA;QACxD,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChB,IAAI,CAAC,iBAAiB,EAAE,CAAC;KAC1B;IAEO,QAAQ,GAAA;QACd,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO;QACxB,QAAQ,IAAI,CAAC,KAAK;AAChB,YAAA,KAAK,SAAS;AACZ,gBAAA,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,mBAAmB,CAAC;gBACtC,MAAM;AACR,YAAA,KAAK,QAAQ;AACX,gBAAA,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,0BAA0B,CAAC;gBAC7C,MAAM;AACR,YAAA,KAAK,SAAS;AACZ,gBAAA,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,4BAA4B,CAAC;gBAC/C,MAAM;AACR,YAAA,KAAK,MAAM;AACT,gBAAA,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,yBAAyB,CAAC;gBAC5C,MAAM;AACR,YAAA;gBACE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,IAAI,yBAAyB,CAAC;gBAChE,MAAM;AACT,SAAA;KACF;IAGO,iBAAiB,GAAA;QACvB,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAM,KAAI;AAChC,YAAA,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YACrB,CAAC,CAAC,eAAe,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAC3C,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAChE,SAAC,CAAC,CAAC;KACJ;AAED;;AAEG;IACH,KAAK,GAAA;AACH,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;AACpC,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,MAAM,IAAI,GAAG,MAAK;AAChB,YAAA,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;AACtC,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;AACjB,gBAAA,SAAS,EAAE,IAAI;AAChB,aAAA,CAAC,CAAC;AACH,YAAA,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;AAClD,SAAC,CAAC;AACF,QAAA,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;KAC9C;AAED;;AAEG;IACH,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;AAED;;AAEG;IACH,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;KACrB;IAGD,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,SAAS,EAAE,UAAU,EAAE,CAAC;KAC9B;;6GAzLU,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;iGAAhB,gBAAgB,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,cAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAFhB,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAI9D,wBAAwB,EAOxB,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,2BAA2B,0EAG3B,0BAA0B,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,SAAA,EAPvB,iBAAiB,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC7CpC,o9BAsBM,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FDkBO,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAT5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAEZ,MAAA,EAAA,CAAC,OAAO,CAAC,EACX,IAAA,EAAA,EAAE,KAAK,EAAE,UAAU,EAAE,EACV,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAC1B,SAAA,EAAA,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAkB,gBAAA,EAAE,CAAC,EAAA,QAAA,EAAA,o9BAAA,EAAA,CAAA;iIAKpE,KAAK,EAAA,CAAA;sBADZ,YAAY;uBAAC,wBAAwB,CAAA;gBAI9B,QAAQ,EAAA,CAAA;sBADf,eAAe;AAAC,gBAAA,IAAA,EAAA,CAAA,iBAAiB,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAA;gBAK/C,QAAQ,EAAA,CAAA;sBADjB,YAAY;uBAAC,2BAA2B,CAAA;gBAI/B,OAAO,EAAA,CAAA;sBADhB,YAAY;uBAAC,0BAA0B,CAAA;gBAOxC,QAAQ,EAAA,CAAA;sBADP,MAAM;gBAWH,WAAW,EAAA,CAAA;sBADd,WAAW;uBAAC,OAAO,CAAA;gBAWT,OAAO,EAAA,CAAA;sBADjB,KAAK;gBAuBK,OAAO,EAAA,CAAA;sBADjB,KAAK;;;AE9FR,MAAM,SAAS,GAAG,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,CAAC;AAC7D,MAAM,OAAO,GAAG,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;MAQrC,aAAa,CAAA;;0GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;2GAAb,aAAa,EAAA,YAAA,EAAA,CATP,gBAAgB,EAAE,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAC1C,YAAY,EAAE,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAD7B,gBAAgB,EAAE,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAS9C,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAJX,OAAO,CAAA,EAAA,CAAA,CAAA;2FAIT,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;AAC5B,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC;AACrB,oBAAA,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AACvB,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACdD;;AAEG;;;;"}
+{"version":3,"file":"acorex-components-alert.mjs","sources":["../../../../projects/acorex/components/alert/src/alert-button.directive.ts","../../../../projects/acorex/components/alert/src/alert.component.ts","../../../../projects/acorex/components/alert/src/alert.component.html","../../../../projects/acorex/components/alert/src/alert.module.ts","../../../../projects/acorex/components/alert/acorex-components-alert.ts"],"sourcesContent":["import { Directive, Input } from '@angular/core';\r\n\r\n@Directive({ selector: '[ax-alert-button]' })\r\nexport class AXAlertButtonDirective {\r\n\r\n\r\n    @Input()\r\n    text: string = \"Button\";\r\n\r\n    @Input()\r\n    look: 'default' | 'blank' = \"default\";\r\n\r\n    constructor() { }\r\n}","import { AXButtonComponent } from '@acorex/components/button';\r\nimport { AXDecoratorContentComponent, AXDecoratorFooterComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  Input,\r\n  HostBinding,\r\n  ContentChild,\r\n  EventEmitter,\r\n  Output,\r\n  QueryList,\r\n  ContentChildren,\r\n} from '@angular/core';\r\nimport { startWith } from 'rxjs/operators';\r\nimport { AXClosbaleComponent, AXEvent } from '@acorex/components/common';\r\nimport {\r\n  AXBaseComponent,\r\n  AXComponentOptionChanged,\r\n  _ColorLookComponentMixin,\r\n} from '@acorex/components/mixin';\r\n\r\nexport const AXBaseAlertMixin = _ColorLookComponentMixin(AXBaseComponent);\r\n\r\n/**\r\n * Regular description\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-alert',\r\n  templateUrl: './alert.component.html',\r\n  styleUrls: ['./alert.component.scss'],\r\n  inputs: ['color'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }]\r\n})\r\nexport class AXAlertComponent extends AXBaseAlertMixin {\r\n\r\n  @ContentChild(AXDecoratorIconComponent)\r\n  private _icon!: AXDecoratorIconComponent;\r\n\r\n  @ContentChildren(AXButtonComponent, { descendants: true })\r\n  private _buttons!: QueryList<AXButtonComponent>;\r\n\r\n\r\n  @ContentChild(AXDecoratorContentComponent)\r\n  protected _content!: AXButtonComponent;\r\n\r\n  @ContentChild(AXDecoratorFooterComponent)\r\n  protected _footer!: AXButtonComponent;\r\n\r\n  protected _showInline: boolean = false;\r\n\r\n\r\n  @Output()\r\n  onClosed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\r\n\r\n\r\n  private _customIcon: string;\r\n  private _timeOutRef: number;\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  @HostBinding('class')\r\n  get __hostClass(): string {\r\n    const _class = this.look\r\n      ? `ax-${this.color}-${this.look}`\r\n      : `ax-${this.color}-default`;\r\n    return `ax-alert ax-none ${_class}`;\r\n  }\r\n\r\n\r\n  private _timeOut: number;\r\n  @Input()\r\n  public get timeOut(): number {\r\n    return this._timeOut;\r\n  }\r\n  public set timeOut(v: number) {\r\n    if (v != this._timeOut) {\r\n      clearTimeout(this._timeOutRef);\r\n      this._timeOut = v;\r\n      if (v) {\r\n        this._timeOutRef = window.setTimeout(() => {\r\n          this.close();\r\n        }, this.timeOut);\r\n      }\r\n    }\r\n  }\r\n\r\n  private _observer: MutationObserver;\r\n\r\n  protected _visible: boolean;\r\n  /**\r\n   *  set the visibility of the Alert\r\n   */\r\n  @Input()\r\n  public get visible(): boolean {\r\n    return this._visible;\r\n  }\r\n  public set visible(v: boolean) {\r\n    if (this._visible != v) {\r\n      this._visible = v;\r\n      const host = this._getHostElement();\r\n      if (v) {\r\n        host.classList.remove('ax-state-hidden');\r\n        host.classList.add('ax-state-visible');\r\n      } else {\r\n        host.classList.add('ax-state-hidden');\r\n        host.classList.toggle('ax-state-visible');\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(\r\n    elementRef: ElementRef,\r\n    cdr: ChangeDetectorRef\r\n  ) {\r\n    super(elementRef, cdr);\r\n    //\r\n    const config = { attributes: false, childList: true, subtree: true };\r\n\r\n    const callback = (mutationList, observer) => {\r\n      for (const mutation of mutationList) {\r\n        if (mutation.type === 'childList') {\r\n          this._setIcon();\r\n          this._applyButtonStyle();\r\n          this._showInline = (this._content != null) || (this._footer != null);\r\n          this._cdr.markForCheck();\r\n        }\r\n      }\r\n    };\r\n\r\n    // Create an observer instance linked to the callback function\r\n    this._observer = new MutationObserver(callback);\r\n\r\n    // Start observing the target node for configured mutations\r\n    this._observer.observe(this._getHostElement(), config);\r\n  }\r\n\r\n\r\n  onViewInit() {\r\n    if (this.visible == undefined) {\r\n      this.visible = true;\r\n    }\r\n    //\r\n    this._customIcon = this._icon?.icon;\r\n    this._showInline = this._content != null || this._footer != null;\r\n  }\r\n\r\n  override _onOptionChanged(option: AXComponentOptionChanged) {\r\n    this._setIcon();\r\n    this._applyButtonStyle();\r\n  }\r\n\r\n  private _setIcon() {\r\n    if (!this._icon) return;\r\n    switch (this.color) {\r\n      case 'success':\r\n        this._icon.icon = 'ax-icon ax-icon-done';\r\n        break;\r\n      case 'danger':\r\n        this._icon.icon = 'ax-icon ax-icon-error-fill';\r\n        break;\r\n      case 'warning':\r\n        this._icon.icon = 'ax-icon ax-icon-warning-fill';\r\n        break;\r\n      default:\r\n        this._icon.icon = this._customIcon || 'ax-icon ax-icon-done';\r\n        break;\r\n    }\r\n  }\r\n\r\n\r\n  private _applyButtonStyle() {\r\n    this._buttons?.forEach((c: any) => {\r\n      c.color = this.color;\r\n      c._getHostElement().classList.add('ax-sm');\r\n      c.look = !c.look || c.look == 'default' ? 'default' : 'blank';\r\n    });\r\n  }\r\n\r\n  /**\r\n   *  Remove the alert from the container\r\n   */\r\n  close(): void {\r\n    const host = this._getHostElement();\r\n    this.visible = false;\r\n    const func = () => {\r\n      host.parentElement?.removeChild(host);\r\n      this.onClosed.emit({\r\n        component: this,\r\n      });\r\n      host.removeEventListener('transitionend', func);\r\n    };\r\n    host.addEventListener('transitionend', func);\r\n  }\r\n\r\n  /**\r\n   *  Hide the alert\r\n   */\r\n  hide(): void {\r\n    this.visible = false;\r\n  }\r\n\r\n  /**\r\n   *  Show the alert\r\n   */\r\n  show() {\r\n    this.visible = true;\r\n  }\r\n\r\n\r\n  onDestroy(): void {\r\n    this._observer?.disconnect();\r\n  }\r\n\r\n\r\n\r\n}\r\n","<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-block-start\">\r\n        <div class=\"ax-alert-title\">\r\n            <ng-content select=\"ax-title\"></ng-content>\r\n            <ng-content select=\"ax-sub-title\"></ng-content>\r\n        </div>\r\n    </div>\r\n    <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n        <ng-content select=\"ax-content\">\r\n        </ng-content>\r\n        <ng-content select=\"ax-footer\">\r\n        </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 class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXAlertComponent } from './alert.component';\r\nimport { AXAlertButtonDirective } from './alert-button.directive';\r\n\r\nconst COMPONENT = [AXAlertComponent, AXAlertButtonDirective];\r\nconst MODULES = [CommonModule, AXDecoratorModule];\r\n\r\n@NgModule({\r\n  declarations: [...COMPONENT],\r\n  imports: [...MODULES],\r\n  exports: [...COMPONENT],\r\n  providers: [],\r\n})\r\nexport class AXAlertModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/acorex-components-avatar.mjs

@@ -8,14 +8,13 @@ class AXAvatarGroup {
     constructor() { }
     ngOnInit() { }
 }
-AXAvatarGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAvatarGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXAvatarGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: AXAvatarGroup, selector: "ax-avatar-group", host: { classAttribute: "ax-avatar-group" }, ngImport: i0, template: `<ng-content select="ax-avatar"></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAvatarGroup, decorators: [{
+AXAvatarGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXAvatarGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXAvatarGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXAvatarGroup, selector: "ax-avatar-group", ngImport: i0, template: `<ng-content select="ax-avatar"></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXAvatarGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-avatar-group',
                     template: `<ng-content select="ax-avatar"></ng-content>`,
-                    host: { class: 'ax-avatar-group' },
                 }]
         }], ctorParameters: function () { return []; } });
 
@@ -40,11 +39,11 @@ class AXAvatarComponent extends AXAvatarMixin {
         return `ax-${this.color}-default`;
     }
 }
-AXAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAvatarComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: AXAvatarComponent, selector: "ax-avatar", inputs: { color: "color", look: "look" }, host: { properties: { "class": "this.__hostClass" }, classAttribute: "ax-avatar" }, 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 select='ax-text, ax-image, ax-icon'></ng-content>\r\n</ng-template>\r\n<ng-template #default>\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default\" 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>", 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: "14.2.2", ngImport: i0, type: AXAvatarComponent, decorators: [{
+AXAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.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.0.4", type: AXAvatarComponent, selector: "ax-avatar", inputs: { color: "color", look: "look" }, 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 select='ax-text, ax-image, ax-icon'></ng-content>\r\n</ng-template>\r\n<ng-template #default>\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default\" 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}ax-avatar{position:relative;display:flex;justify-content:center;width:4rem;height:4rem;overflow:hidden;border-radius:var(--ax-rounded-border-default)}ax-avatar ax-badge{position:absolute;top:-.375rem;right:-6px}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))}ax-avatar.ax-primary-default ax-text{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary))}ax-avatar.ax-primary-default ax-icon{background-color:rgb(var(--ax-color-primary))}ax-avatar.ax-secondary-default .ax-default{fill:rgb(var(--ax-color-secondary))}ax-avatar.ax-secondary-default ax-text{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary))}ax-avatar.ax-secondary-default ax-icon{background-color:rgb(var(--ax-color-secondary))}ax-avatar.ax-success-default .ax-default{fill:rgb(var(--ax-color-success))}ax-avatar.ax-success-default ax-text{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success))}ax-avatar.ax-success-default ax-icon{background-color:rgb(var(--ax-color-success))}ax-avatar.ax-warning-default .ax-default{fill:rgb(var(--ax-color-warning))}ax-avatar.ax-warning-default ax-text{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning))}ax-avatar.ax-warning-default ax-icon{background-color:rgb(var(--ax-color-warning))}ax-avatar.ax-danger-default .ax-default{fill:rgb(var(--ax-color-danger))}ax-avatar.ax-danger-default ax-text{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger))}ax-avatar.ax-danger-default ax-icon{background-color:rgb(var(--ax-color-danger))}\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.0.4", ngImport: i0, type: AXAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-avatar', inputs: ['color', 'look'], host: { class: 'ax-avatar' }, 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 select='ax-text, ax-image, ax-icon'></ng-content>\r\n</ng-template>\r\n<ng-template #default>\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default\" 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>" }]
+            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 select='ax-text, ax-image, ax-icon'></ng-content>\r\n</ng-template>\r\n<ng-template #default>\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default\" 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}ax-avatar{position:relative;display:flex;justify-content:center;width:4rem;height:4rem;overflow:hidden;border-radius:var(--ax-rounded-border-default)}ax-avatar ax-badge{position:absolute;top:-.375rem;right:-6px}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))}ax-avatar.ax-primary-default ax-text{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary))}ax-avatar.ax-primary-default ax-icon{background-color:rgb(var(--ax-color-primary))}ax-avatar.ax-secondary-default .ax-default{fill:rgb(var(--ax-color-secondary))}ax-avatar.ax-secondary-default ax-text{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary))}ax-avatar.ax-secondary-default ax-icon{background-color:rgb(var(--ax-color-secondary))}ax-avatar.ax-success-default .ax-default{fill:rgb(var(--ax-color-success))}ax-avatar.ax-success-default ax-text{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success))}ax-avatar.ax-success-default ax-icon{background-color:rgb(var(--ax-color-success))}ax-avatar.ax-warning-default .ax-default{fill:rgb(var(--ax-color-warning))}ax-avatar.ax-warning-default ax-text{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning))}ax-avatar.ax-warning-default ax-icon{background-color:rgb(var(--ax-color-warning))}ax-avatar.ax-danger-default .ax-default{fill:rgb(var(--ax-color-danger))}ax-avatar.ax-danger-default ax-text{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger))}ax-avatar.ax-danger-default ax-icon{background-color:rgb(var(--ax-color-danger))}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _children: [{
                 type: ContentChildren,
                 args: ['ax-text, ax-icon, ax-image']
@@ -57,10 +56,10 @@ const COMPONENT = [AXAvatarComponent, AXAvatarGroup];
 const MODULES = [CommonModule];
 class AXAvatarModule {
 }
-AXAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: AXAvatarModule, declarations: [AXAvatarComponent, AXAvatarGroup], imports: [CommonModule], exports: [AXAvatarComponent, AXAvatarGroup] });
-AXAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAvatarModule, imports: [MODULES] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAvatarModule, decorators: [{
+AXAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AXAvatarModule, declarations: [AXAvatarComponent, AXAvatarGroup], imports: [CommonModule], exports: [AXAvatarComponent, AXAvatarGroup] });
+AXAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXAvatarModule, imports: [MODULES] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXAvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/fesm2020/acorex-components-avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-avatar.mjs","sources":["../../../../projects/acorex/components/avatar/src/avatar-group.component.ts","../../../../projects/acorex/components/avatar/src/avatar.component.ts","../../../../projects/acorex/components/avatar/src/avatar.component.html","../../../../projects/acorex/components/avatar/src/avatar.module.ts","../../../../projects/acorex/components/avatar/acorex-components-avatar.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ax-avatar-group',\r\n  template: `<ng-content select=\"ax-avatar\"></ng-content>`,\r\n  host: { class: 'ax-avatar-group' },\r\n})\r\nexport class AXAvatarGroup implements OnInit {\r\n  constructor() {}\r\n\r\n  ngOnInit(): void {}\r\n}\r\n","import { AXDecoratorTextComponent } from '@acorex/components/decorators';\r\nimport { COLOR_LOOK_INPUTS, AXAvatarMixin } from '@acorex/components/mixin';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  Input,\r\n  HostBinding,\r\n  ViewChild,\r\n  ContentChild,\r\n  ContentChildren,\r\n  QueryList,\r\n} from '@angular/core';\r\n\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-avatar',\r\n  templateUrl: './avatar.component.html',\r\n  inputs: ['color', 'look'],\r\n  host: { class: 'ax-avatar' },\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AXAvatarComponent extends AXAvatarMixin {\r\n\r\n  @ContentChildren('ax-text, ax-icon, ax-image')\r\n  readonly _children:QueryList<any>;\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n   \r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    this._children.changes.subscribe(()=>{\r\n      this._cdr.markForCheck();\r\n    })\r\n  }\r\n\r\n  @HostBinding('class')\r\n  get __hostClass(): string {\r\n    return `ax-${this.color}-default`;\r\n  }\r\n\r\n}\r\n","<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 select='ax-text, ax-image, ax-icon'></ng-content>\r\n</ng-template>\r\n<ng-template #default>\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default\" 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>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXAvatarComponent } from './avatar.component';\r\nimport { AXAvatarGroup } from './avatar-group.component';\r\n\r\nconst COMPONENT = [AXAvatarComponent, AXAvatarGroup];\r\nconst MODULES = [CommonModule];\r\n\r\n@NgModule({\r\n  declarations: [...COMPONENT],\r\n  imports: [...MODULES],\r\n  exports: [...COMPONENT],\r\n  providers: [],\r\n})\r\nexport class AXAvatarModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-avatar.mjs","sources":["../../../../projects/acorex/components/avatar/src/avatar-group.component.ts","../../../../projects/acorex/components/avatar/src/avatar.component.ts","../../../../projects/acorex/components/avatar/src/avatar.component.html","../../../../projects/acorex/components/avatar/src/avatar.module.ts","../../../../projects/acorex/components/avatar/acorex-components-avatar.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ax-avatar-group',\r\n  template: `<ng-content select=\"ax-avatar\"></ng-content>`,\r\n})\r\nexport class AXAvatarGroup implements OnInit {\r\n  constructor() {}\r\n\r\n  ngOnInit(): void {}\r\n}\r\n","import { AXAvatarMixin } from '@acorex/components/mixin';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  HostBinding,\r\n  ContentChildren,\r\n  QueryList,\r\n} from '@angular/core';\r\n\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-avatar',\r\n  templateUrl: './avatar.component.html',\r\n  styleUrls: ['./avatar.component.scss'],\r\n  inputs: ['color', 'look'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AXAvatarComponent extends AXAvatarMixin {\r\n\r\n  @ContentChildren('ax-text, ax-icon, ax-image')\r\n  readonly _children: QueryList<any>;\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    this._children.changes.subscribe(() => {\r\n      this._cdr.markForCheck();\r\n    })\r\n  }\r\n\r\n  @HostBinding('class')\r\n  get __hostClass(): string {\r\n    return `ax-${this.color}-default`;\r\n  }\r\n\r\n}\r\n","<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 select='ax-text, ax-image, ax-icon'></ng-content>\r\n</ng-template>\r\n<ng-template #default>\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default\" 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>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXAvatarComponent } from './avatar.component';\r\nimport { AXAvatarGroup } from './avatar-group.component';\r\n\r\nconst COMPONENT = [AXAvatarComponent, AXAvatarGroup];\r\nconst MODULES = [CommonModule];\r\n\r\n@NgModule({\r\n  declarations: [...COMPONENT],\r\n  imports: [...MODULES],\r\n  exports: [...COMPONENT],\r\n  providers: [],\r\n})\r\nexport class AXAvatarModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}