@acorex/components 6.0.1 → 6.0.2

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

@@ -0,0 +1,155 @@
+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 * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+
+class AXActionSheetComponent extends AXBaseComponent {
+    /**
+     *  @ignore
+     */
+    constructor(_elementRef, _cdr) {
+        super(_elementRef, _cdr);
+        this.caption = '';
+        this.closeOnBackdrop = true;
+        this.isOpen = false;
+    }
+    _handleBackdropClick() {
+        if (!this.closeOnBackdrop)
+            return;
+        this.close();
+    }
+    open() {
+        this.isOpen = true;
+    }
+    close() {
+        this.isOpen = false;
+    }
+    toggle() {
+        this.isOpen = !this.isOpen;
+    }
+}
+AXActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.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.0.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: [
+        trigger('backdrop', [
+            state('show', style({
+                opacity: 1,
+                visibility: 'visible',
+            })),
+            state('hide', style({
+                visibility: 'hidden',
+                opacity: 0,
+            })),
+            transition('show <=> hide', [animate('0.2s')]),
+        ]),
+        trigger('openClose', [
+            state('open', style({
+                bottom: '0',
+                opacity: 1,
+            })),
+            state('closed', style({
+                bottom: '-100%',
+                opacity: 0.5,
+            })),
+            transition('open <=> closed', [animate('0.2s')]),
+        ]),
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXActionSheetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-action-sheet', animations: [
+                        trigger('backdrop', [
+                            state('show', style({
+                                opacity: 1,
+                                visibility: 'visible',
+                            })),
+                            state('hide', style({
+                                visibility: 'hidden',
+                                opacity: 0,
+                            })),
+                            transition('show <=> hide', [animate('0.2s')]),
+                        ]),
+                        trigger('openClose', [
+                            state('open', style({
+                                bottom: '0',
+                                opacity: 1,
+                            })),
+                            state('closed', style({
+                                bottom: '-100%',
+                                opacity: 0.5,
+                            })),
+                            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>" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { caption: [{
+                type: Input
+            }], closeOnBackdrop: [{
+                type: Input
+            }] } });
+
+class AXActionSheetItemComponent extends AXBaseComponent {
+    /**
+     *  @ignore
+     */
+    constructor(_elementRef, _cdr) {
+        super(_elementRef, _cdr);
+        this.color = 'light';
+        this.onClick = new EventEmitter();
+    }
+    _handleOnClick(e) {
+        this.onClick.emit(e);
+    }
+}
+AXActionSheetItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.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.0.2", 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"
+      [text]="text"
+      (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"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXActionSheetItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-action-sheet-item',
+                    template: `
+    <ax-button
+      [color]="color"
+      look="blank"
+      [text]="text"
+      (onClick)="_handleOnClick($event)"
+    ></ax-button>
+  `,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+
+class AXActionSheetModule {
+}
+AXActionSheetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXActionSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXActionSheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXActionSheetModule, declarations: [AXActionSheetComponent, AXActionSheetItemComponent], imports: [CommonModule, AXButtonModule], exports: [AXActionSheetComponent, AXActionSheetItemComponent] });
+AXActionSheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXActionSheetModule, imports: [CommonModule, AXButtonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXActionSheetModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXActionSheetComponent, AXActionSheetItemComponent],
+                    imports: [CommonModule, AXButtonModule],
+                    exports: [AXActionSheetComponent, AXActionSheetItemComponent],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXActionSheetComponent, AXActionSheetItemComponent, AXActionSheetModule };
+//# sourceMappingURL=acorex-components-action-sheet.mjs.map

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

@@ -0,0 +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":";;;;;;;;;AAoDM,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,IAAA,EAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpDnC,umBAWM,EDEQ,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,CAAA,CAAA;2FAGU,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBA1ClC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAEf,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,IAAA,EACK,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAA,QAAA,EAAA,umBAAA,EAAA,CAAA;iIAGzB,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,eAAe,EAAA,CAAA;sBAAvB,KAAK;;;AE7BF,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,OAAO,CAAC;AAGlC,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,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

@@ -0,0 +1,179 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
+import { AXButtonComponent } from '@acorex/components/button';
+import { AXDecoratorIconComponent, AXDecoratorModule } from '@acorex/components/decorators';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, ContentChild, ContentChildren, Output, HostBinding, Input, NgModule } from '@angular/core';
+import { startWith } from 'rxjs/operators';
+import { _ColorLookComponentMixin, AXBaseComponent } from '@acorex/components/mixin';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+var _AXAlertComponent_visible;
+const AXBaseAlertMixin = _ColorLookComponentMixin(AXBaseComponent);
+/**
+ * Regular description
+ *
+ * @category Components
+ */
+class AXAlertComponent extends AXBaseAlertMixin {
+    /**
+     *  @ignore
+     */
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+        this.onDismissed = new EventEmitter();
+        _AXAlertComponent_visible.set(this, void 0);
+    }
+    _onOptionChanged(option) {
+        if (option.name == 'color') {
+            this._setIcon();
+        }
+    }
+    ngDoCheck() {
+        this._setIcon();
+    }
+    _setIcon() {
+        if (!this._icon || this._icon.icon)
+            return;
+        switch (this.color) {
+            case 'success':
+                this._icon.icon = 'ax-ic ax-ic-check-filled';
+                break;
+            case 'warning':
+                this._icon.icon = 'ax-ic-warning-filled';
+                break;
+            case 'danger':
+                this._icon.icon = 'ax-ic-error-filled';
+                break;
+            default:
+                this._icon.icon = 'ax-ic ax-ic-info-filled';
+                break;
+        }
+    }
+    /**
+     *  @ignore
+     */
+    get __hostClass() {
+        const _class = this.look
+            ? `ax-${this.color}-${this.look}`
+            : `ax-${this.color}-default`;
+        return `ax-alert ax-none ${_class}`;
+    }
+    /**
+     *  set the visibility of the Alert
+     */
+    get visible() {
+        return __classPrivateFieldGet(this, _AXAlertComponent_visible, "f");
+    }
+    set visible(v) {
+        if (__classPrivateFieldGet(this, _AXAlertComponent_visible, "f") != v) {
+            __classPrivateFieldSet(this, _AXAlertComponent_visible, v, "f");
+            const host = this._getHostElement();
+            if (v) {
+                host.classList.remove('ax-state-hidden');
+                host.classList.add('ax-state-visible');
+            }
+            else {
+                host.classList.add('ax-state-hidden');
+                host.classList.toggle('ax-state-visible');
+            }
+        }
+    }
+    onInit() {
+        if (this.timeOut) {
+            setTimeout(() => {
+                this.dismiss();
+            }, this.timeOut);
+        }
+    }
+    onViewInit() {
+        if (this.visible == undefined) {
+            this.visible = true;
+        }
+    }
+    ngAfterContentInit() {
+        this._buttons.changes
+            .pipe(startWith(0))
+            .subscribe((change) => this._applyButtonStyle());
+        this._applyButtonStyle();
+    }
+    _applyButtonStyle() {
+        this._buttons?.forEach((c) => {
+            c.color = this.color;
+            c.look = this.look === 'outline' ? 'blank' : this.look;
+        });
+    }
+    /**
+     *  Remove the alert from the container
+     */
+    dismiss() {
+        const host = this._getHostElement();
+        this.visible = false;
+        const func = () => {
+            host.parentElement?.removeChild(host);
+            this.onDismissed.emit({
+                component: this,
+            });
+            host.removeEventListener('transitionend', func);
+        };
+        host.addEventListener('transitionend', func);
+    }
+    /**
+     *  Hide the alert
+     */
+    hide() {
+        this.visible = false;
+    }
+    /**
+     *  Show the alert
+     */
+    show() {
+        this.visible = true;
+    }
+}
+_AXAlertComponent_visible = new WeakMap();
+AXAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.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.0.2", type: AXAlertComponent, selector: "ax-alert", inputs: { color: "color", look: "look", timeOut: "timeOut", visible: "visible" }, outputs: { onDismissed: "onDismissed" }, host: { properties: { "class": "this.__hostClass" }, classAttribute: "ax-alert" }, queries: [{ propertyName: "_icon", first: true, predicate: AXDecoratorIconComponent, descendants: true, static: true }, { propertyName: "_buttons", predicate: AXButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-header\">\r\n</ng-content>\r\n<div class=\"ax-alert-body\">\r\n    <div class=\"ax-flex ax-items-center ax-justify-between\">\r\n        <div class=\"ax-flex\">\r\n            <ng-content select=\"ax-icon\">\r\n            </ng-content>\r\n            <div class=\"ax-flex ax-flex-col ax-justify-center\">\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        <ng-content select=\"ax-suffix\">\r\n        </ng-content>\r\n    </div>\r\n</div>\r\n\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.0.2", ngImport: i0, type: AXAlertComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-alert', inputs: ['color', 'look'], host: { class: 'ax-alert' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-header\">\r\n</ng-content>\r\n<div class=\"ax-alert-body\">\r\n    <div class=\"ax-flex ax-items-center ax-justify-between\">\r\n        <div class=\"ax-flex\">\r\n            <ng-content select=\"ax-icon\">\r\n            </ng-content>\r\n            <div class=\"ax-flex ax-flex-col ax-justify-center\">\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        <ng-content select=\"ax-suffix\">\r\n        </ng-content>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _icon: [{
+                type: ContentChild,
+                args: [AXDecoratorIconComponent, { static: true }]
+            }], _buttons: [{
+                type: ContentChildren,
+                args: [AXButtonComponent, { descendants: true }]
+            }], onDismissed: [{
+                type: Output
+            }], __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], timeOut: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }] } });
+
+const COMPONENT = [AXAlertComponent];
+const MODULES = [CommonModule, AXDecoratorModule];
+class AXAlertModule {
+}
+AXAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXAlertModule, declarations: [AXAlertComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXAlertComponent] });
+AXAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXAlertModule, imports: [MODULES] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXAlertModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXAlertComponent, AXAlertModule, AXBaseAlertMixin };
+//# sourceMappingURL=acorex-components-alert.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-alert.mjs","sources":["../../../../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 { AXButtonComponent } from '@acorex/components/button';\r\nimport { 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 { 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', 'look'],\r\n  host: { class: 'ax-alert' },\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXAlertComponent extends AXBaseAlertMixin {\r\n  @ContentChild(AXDecoratorIconComponent, { static: true })\r\n  private _icon!: AXDecoratorIconComponent;\r\n\r\n  @ContentChildren(AXButtonComponent, { descendants: true })\r\n  private _buttons!: QueryList<AXButtonComponent>;\r\n\r\n  @Output()\r\n  onDismissed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\r\n\r\n  override _onOptionChanged(option: AXComponentOptionChanged) {\r\n    if (option.name == 'color') {\r\n      this._setIcon();\r\n    }\r\n  }\r\n\r\n  ngDoCheck() {\r\n    this._setIcon();\r\n  }\r\n\r\n  private _setIcon() {\r\n    if (!this._icon || this._icon.icon) return;\r\n    switch (this.color) {\r\n      case 'success':\r\n        this._icon.icon = 'ax-ic ax-ic-check-filled';\r\n        break;\r\n      case 'warning':\r\n        this._icon.icon = 'ax-ic-warning-filled';\r\n        break;\r\n      case 'danger':\r\n        this._icon.icon = 'ax-ic-error-filled';\r\n        break;\r\n      default:\r\n        this._icon.icon = 'ax-ic ax-ic-info-filled';\r\n        break;\r\n    }\r\n  }\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  @Input()\r\n  timeOut!: number;\r\n\r\n  #visible: boolean;\r\n\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(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  onInit() {\r\n    if (this.timeOut) {\r\n      setTimeout(() => {\r\n        this.dismiss();\r\n      }, this.timeOut);\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\r\n  ngAfterContentInit() {\r\n    this._buttons.changes\r\n      .pipe(startWith(0))\r\n      .subscribe((change) => this._applyButtonStyle());\r\n    this._applyButtonStyle();\r\n  }\r\n\r\n  private _applyButtonStyle() {\r\n    this._buttons?.forEach((c: any) => {\r\n      c.color = this.color;\r\n      c.look = this.look === 'outline' ? 'blank' : this.look;\r\n    });\r\n  }\r\n\r\n  /**\r\n   *  Remove the alert from the container\r\n   */\r\n  dismiss(): 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.onDismissed.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","<ng-content select=\"ax-header\">\r\n</ng-content>\r\n<div class=\"ax-alert-body\">\r\n    <div class=\"ax-flex ax-items-center ax-justify-between\">\r\n        <div class=\"ax-flex\">\r\n            <ng-content select=\"ax-icon\">\r\n            </ng-content>\r\n            <div class=\"ax-flex ax-flex-col ax-justify-center\">\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        <ng-content select=\"ax-suffix\">\r\n        </ng-content>\r\n    </div>\r\n</div>\r\n\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\n\r\nconst COMPONENT = [AXAlertComponent];\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

@@ -0,0 +1,85 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, HostBinding, NgModule } from '@angular/core';
+import { AXAvatarMixin } from '@acorex/components/mixin';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class AXAvatarGroup {
+    constructor() { }
+    ngOnInit() { }
+}
+AXAvatarGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXAvatarGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXAvatarGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.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.0.2", 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 []; } });
+
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+class AXAvatarComponent extends AXAvatarMixin {
+    /**
+    *  @ignore
+    */
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+        this.text = '';
+        this.icon = '';
+        this.src = '';
+        this.class = '';
+        this.type = 'default';
+    }
+    get __hostClass() {
+        return `ax-${this.color}-default`;
+    }
+}
+AXAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.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.0.2", type: AXAvatarComponent, selector: "ax-avatar", inputs: { color: "color", look: "look", text: "text", icon: "icon", src: "src", class: "class", type: "type" }, host: { properties: { "class": "this.__hostClass" }, classAttribute: "ax-avatar" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-avatar-container\" [ngSwitch]=\"type\">\r\n    <ng-content select=\"ax-badge\"></ng-content>\r\n    <div class=\"ax-text-avatar {{class}}\" *ngSwitchCase=\"'text'\">\r\n        {{text}}\r\n    </div>\r\n    <div class=\"ax-icon-avatar {{class}}\" *ngSwitchCase=\"'icon'\">\r\n        <ng-content select=\"ax-icon\"></ng-content>\r\n    </div>\r\n    <div class=\"ax-image-avatar {{class}}\" *ngSwitchCase=\"'image'\">\r\n        <ng-content select=\"img\"></ng-content>\r\n    </div>\r\n    <div class=\"ax-default-avatar {{class}}\" *ngSwitchCase=\"'default'\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" 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    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", 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: "<div class=\"ax-avatar-container\" [ngSwitch]=\"type\">\r\n    <ng-content select=\"ax-badge\"></ng-content>\r\n    <div class=\"ax-text-avatar {{class}}\" *ngSwitchCase=\"'text'\">\r\n        {{text}}\r\n    </div>\r\n    <div class=\"ax-icon-avatar {{class}}\" *ngSwitchCase=\"'icon'\">\r\n        <ng-content select=\"ax-icon\"></ng-content>\r\n    </div>\r\n    <div class=\"ax-image-avatar {{class}}\" *ngSwitchCase=\"'image'\">\r\n        <ng-content select=\"img\"></ng-content>\r\n    </div>\r\n    <div class=\"ax-default-avatar {{class}}\" *ngSwitchCase=\"'default'\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" 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    </div>\r\n</div>" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], src: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+const COMPONENT = [AXAvatarComponent, AXAvatarGroup];
+const MODULES = [CommonModule];
+class AXAvatarModule {
+}
+AXAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXAvatarModule, declarations: [AXAvatarComponent, AXAvatarGroup], imports: [CommonModule], exports: [AXAvatarComponent, AXAvatarGroup] });
+AXAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXAvatarModule, imports: [MODULES] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXAvatarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXAvatarComponent, AXAvatarGroup, AXAvatarModule };
+//# sourceMappingURL=acorex-components-avatar.mjs.map

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

@@ -0,0 +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 { COLOR_LOOK_INPUTS, AXAvatarMixin } from '@acorex/components/mixin';\r\nimport { Component, ViewEncapsulation, ChangeDetectionStrategy, ElementRef, ChangeDetectorRef, Input, HostBinding } 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    @Input() text = '';\r\n    @Input() icon = '';\r\n    @Input() src = '';\r\n\r\n    @Input() class = '';\r\n\r\n    @Input() type : \"default\" | 'text' | 'icon' | 'image' = 'default';\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\r\n    @HostBinding('class')\r\n    get __hostClass(): string {\r\n        return `ax-${this.color}-default`;\r\n    }\r\n\r\n}\r\n","<div class=\"ax-avatar-container\" [ngSwitch]=\"type\">\r\n    <ng-content select=\"ax-badge\"></ng-content>\r\n    <div class=\"ax-text-avatar {{class}}\" *ngSwitchCase=\"'text'\">\r\n        {{text}}\r\n    </div>\r\n    <div class=\"ax-icon-avatar {{class}}\" *ngSwitchCase=\"'icon'\">\r\n        <ng-content select=\"ax-icon\"></ng-content>\r\n    </div>\r\n    <div class=\"ax-image-avatar {{class}}\" *ngSwitchCase=\"'image'\">\r\n        <ng-content select=\"img\"></ng-content>\r\n    </div>\r\n    <div class=\"ax-default-avatar {{class}}\" *ngSwitchCase=\"'default'\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" 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    </div>\r\n</div>","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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"}

package/fesm2020/acorex-components-badge.mjs

@@ -0,0 +1,55 @@
+import { _ColorLookComponentMixin, AXBaseComponent } from '@acorex/components/mixin';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, HostBinding, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+const AXBaseBadgeMixin = _ColorLookComponentMixin(AXBaseComponent);
+class AXBadgeComponent extends AXBaseBadgeMixin {
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+        this.elementRef = elementRef;
+        this.text = '';
+        //TODO: ax-badge
+    }
+    get __hostClass() {
+        const _class = this.look
+            ? `ax-${this.color}-${this.look}`
+            : `ax-${this.color}-default`;
+        return ['ax-badge', _class, !this.text ? 'ax-badge-icon' : ''].join(' ');
+    }
+}
+AXBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXBadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", look: "look", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span class=\"ax-font-medium ax-truncate\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-badge', inputs: ['color', 'look',], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span class=\"ax-font-medium ax-truncate\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
+                type: Input
+            }], __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+const COMPONENT = [AXBadgeComponent];
+const MODULES = [CommonModule];
+class AXBadgeModule {
+}
+AXBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXBadgeModule, declarations: [AXBadgeComponent], imports: [CommonModule], exports: [AXBadgeComponent] });
+AXBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXBadgeModule, imports: [MODULES] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXBadgeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXBadgeComponent, AXBadgeModule, AXBaseBadgeMixin };
+//# sourceMappingURL=acorex-components-badge.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-badge.mjs","sources":["../../../../projects/acorex/components/badge/src/badge.component.ts","../../../../projects/acorex/components/badge/src/badge.component.html","../../../../projects/acorex/components/badge/src/badge.module.ts","../../../../projects/acorex/components/badge/acorex-components-badge.ts"],"sourcesContent":["import { _ColorLookComponentMixin, AXBaseComponent, COLOR_LOOK_INPUTS } 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} from '@angular/core';\r\n\r\n\r\nexport const AXBaseBadgeMixin = _ColorLookComponentMixin(AXBaseComponent);\r\n@Component({\r\n  selector: 'ax-badge',\r\n  templateUrl: './badge.component.html',\r\n  inputs: ['color', 'look',],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AXBadgeComponent extends AXBaseBadgeMixin {\r\n  @Input() text: string = '';\r\n\r\n  constructor(private elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n    //TODO: ax-badge\r\n  }\r\n\r\n  @HostBinding('class')\r\n  private get __hostClass(): string {\r\n    const _class = this.look\r\n      ? `ax-${this.color}-${this.look}`\r\n      : `ax-${this.color}-default`;\r\n\r\n    return ['ax-badge', _class, !this.text ? 'ax-badge-icon' : ''].join(' ');\r\n  }\r\n}\r\n","<ng-content select=\"ax-prefix\"></ng-content>\r\n<span class=\"ax-font-medium ax-truncate\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXBadgeComponent } from './badge.component';\r\n\r\nconst COMPONENT = [AXBadgeComponent];\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 AXBadgeModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}