@acorex/components 7.1.17 → 7.1.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8,10 +8,11 @@ declare const AXAvatarComponent_base: import("polytype").Polytype.ClusteredConst
8
8
  * @category Components
9
9
  */
10
10
  export declare class AXAvatarComponent extends AXAvatarComponent_base {
11
+ cssClass: string;
11
12
  protected readonly _children: QueryList<any>;
12
13
  ngAfterViewInit(): void;
13
14
  private get __hostClass();
14
15
  static ɵfac: i0.ɵɵFactoryDeclaration<AXAvatarComponent, never>;
15
- static ɵcmp: i0.ɵɵComponentDeclaration<AXAvatarComponent, "ax-avatar", never, { "color": { "alias": "color"; "required": false; }; }, {}, ["_children"], ["*"], false, never>;
16
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXAvatarComponent, "ax-avatar", never, { "color": { "alias": "color"; "required": false; }; "cssClass": { "alias": "class"; "required": false; }; }, {}, ["_children"], ["*"], false, never>;
16
17
  }
17
18
  export {};
@@ -1,5 +1,5 @@
1
1
  import { MXColorComponent } from '@acorex/components/common';
2
- import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, ContentChildren, } from '@angular/core';
2
+ import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, ContentChildren, Input } from '@angular/core';
3
3
  import { classes } from 'polytype';
4
4
  import * as i0 from "@angular/core";
5
5
  import * as i1 from "@angular/common";
@@ -9,6 +9,7 @@ import * as i1 from "@angular/common";
9
9
  * @category Components
10
10
  */
11
11
  class AXAvatarComponent extends classes(MXColorComponent) {
12
+ cssClass;
12
13
  _children;
13
14
  ngAfterViewInit() {
14
15
  this._children.changes.subscribe(() => {
@@ -19,17 +20,20 @@ class AXAvatarComponent extends classes(MXColorComponent) {
19
20
  return `ax-${this.color}-default`;
20
21
  }
21
22
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
22
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: AXAvatarComponent, selector: "ax-avatar", inputs: { color: "color" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_children", predicate: ["ax-text, ax-icon, ax-image"] }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\n\n<ng-template #custom>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #default>\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n viewBox=\"0 0 512 512\">\n <g style=\"isolation:isolate\">\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <rect width=\"512\" height=\"512\" />\n <path\n d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n style=\"fill:#fff;opacity:0.7\" />\n <path\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n style=\"opacity:0.05\" />\n <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill:#fff\" />\n </g>\n </g>\n </g>\n </svg>\n</ng-template>", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgba(var(--ax-color-surface));margin:-.25rem;overflow:hidden}ax-avatar{position:relative;display:flex;justify-content:center;width:4rem;height:4rem}ax-avatar *{border-radius:inherit}ax-avatar ax-image{overflow:hidden}ax-avatar ax-text{font-size:1.25rem;line-height:1.75rem}ax-avatar ax-icon,ax-avatar ax-text{@apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}ax-avatar.ax-primary-default .ax-default{fill:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-text{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-icon{background-color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-secondary-default .ax-default{fill:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-text{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-icon{background-color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-success-default .ax-default{fill:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-text{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-icon{background-color:rgba(var(--ax-color-success-500))}ax-avatar.ax-warning-default .ax-default{fill:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-text{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-icon{background-color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-danger-default .ax-default{fill:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-text{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-icon{background-color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-info-default .ax-default{fill:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-text{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-icon{background-color:rgba(var(--ax-color-info-500))}ax-avatar.ax-ghost-default .ax-default{fill:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-text,ax-avatar.ax-ghost-default ax-icon{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-icon svg{fill:rgba(var(--ax-color-on-surface))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
23
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: AXAvatarComponent, selector: "ax-avatar", inputs: { color: "color", cssClass: ["class", "cssClass"] }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_children", predicate: ["ax-text, ax-icon, ax-image"] }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\n\n<ng-template #custom>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #default>\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default {{ cssClass }}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n <g style=\"isolation: isolate\">\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <rect width=\"512\" height=\"512\" />\n <path 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\" style=\"fill: #fff; opacity: 0.7\" />\n <path\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n style=\"opacity: 0.05\" />\n <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill: #fff\" />\n </g>\n </g>\n </g>\n </svg>\n</ng-template>\n", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgba(var(--ax-color-surface));margin:-.25rem;overflow:hidden}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar *{border-radius:inherit}ax-avatar ax-image{overflow:hidden}ax-avatar ax-text{font-size:1.25rem;line-height:1.75rem}ax-avatar ax-icon,ax-avatar ax-text{@apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}ax-avatar.ax-primary-default .ax-default{fill:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-text{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-icon{background-color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-secondary-default .ax-default{fill:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-text{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-icon{background-color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-success-default .ax-default{fill:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-text{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-icon{background-color:rgba(var(--ax-color-success-500))}ax-avatar.ax-warning-default .ax-default{fill:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-text{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-icon{background-color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-danger-default .ax-default{fill:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-text{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-icon{background-color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-info-default .ax-default{fill:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-text{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-icon{background-color:rgba(var(--ax-color-info-500))}ax-avatar.ax-ghost-default .ax-default{fill:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-text,ax-avatar.ax-ghost-default ax-icon{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-icon svg{fill:rgba(var(--ax-color-on-surface))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
23
24
  }
24
25
  export { AXAvatarComponent };
25
26
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXAvatarComponent, decorators: [{
26
27
  type: Component,
27
- args: [{ selector: 'ax-avatar', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\n\n<ng-template #custom>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #default>\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n viewBox=\"0 0 512 512\">\n <g style=\"isolation:isolate\">\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <rect width=\"512\" height=\"512\" />\n <path\n d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n style=\"fill:#fff;opacity:0.7\" />\n <path\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n style=\"opacity:0.05\" />\n <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill:#fff\" />\n </g>\n </g>\n </g>\n </svg>\n</ng-template>", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgba(var(--ax-color-surface));margin:-.25rem;overflow:hidden}ax-avatar{position:relative;display:flex;justify-content:center;width:4rem;height:4rem}ax-avatar *{border-radius:inherit}ax-avatar ax-image{overflow:hidden}ax-avatar ax-text{font-size:1.25rem;line-height:1.75rem}ax-avatar ax-icon,ax-avatar ax-text{@apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}ax-avatar.ax-primary-default .ax-default{fill:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-text{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-icon{background-color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-secondary-default .ax-default{fill:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-text{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-icon{background-color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-success-default .ax-default{fill:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-text{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-icon{background-color:rgba(var(--ax-color-success-500))}ax-avatar.ax-warning-default .ax-default{fill:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-text{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-icon{background-color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-danger-default .ax-default{fill:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-text{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-icon{background-color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-info-default .ax-default{fill:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-text{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-icon{background-color:rgba(var(--ax-color-info-500))}ax-avatar.ax-ghost-default .ax-default{fill:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-text,ax-avatar.ax-ghost-default ax-icon{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-icon svg{fill:rgba(var(--ax-color-on-surface))}\n"] }]
28
- }], propDecorators: { _children: [{
28
+ args: [{ selector: 'ax-avatar', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\n\n<ng-template #custom>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #default>\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default {{ cssClass }}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n <g style=\"isolation: isolate\">\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <rect width=\"512\" height=\"512\" />\n <path 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\" style=\"fill: #fff; opacity: 0.7\" />\n <path\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n style=\"opacity: 0.05\" />\n <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill: #fff\" />\n </g>\n </g>\n </g>\n </svg>\n</ng-template>\n", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgba(var(--ax-color-surface));margin:-.25rem;overflow:hidden}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar *{border-radius:inherit}ax-avatar ax-image{overflow:hidden}ax-avatar ax-text{font-size:1.25rem;line-height:1.75rem}ax-avatar ax-icon,ax-avatar ax-text{@apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}ax-avatar.ax-primary-default .ax-default{fill:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-text{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-icon{background-color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-secondary-default .ax-default{fill:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-text{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-icon{background-color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-success-default .ax-default{fill:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-text{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-icon{background-color:rgba(var(--ax-color-success-500))}ax-avatar.ax-warning-default .ax-default{fill:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-text{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-icon{background-color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-danger-default .ax-default{fill:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-text{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-icon{background-color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-info-default .ax-default{fill:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-text{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-icon{background-color:rgba(var(--ax-color-info-500))}ax-avatar.ax-ghost-default .ax-default{fill:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-text,ax-avatar.ax-ghost-default ax-icon{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-icon svg{fill:rgba(var(--ax-color-on-surface))}\n"] }]
29
+ }], propDecorators: { cssClass: [{
30
+ type: Input,
31
+ args: ['class']
32
+ }], _children: [{
29
33
  type: ContentChildren,
30
34
  args: ['ax-text, ax-icon, ax-image']
31
35
  }], __hostClass: [{
32
36
  type: HostBinding,
33
37
  args: ['class']
34
38
  }] } });
35
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2F2YXRhci9zcmMvYXZhdGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2F2YXRhci9zcmMvYXZhdGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixXQUFXLEVBQ1gsZUFBZSxHQUVoQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sVUFBVSxDQUFDOzs7QUFFbkM7Ozs7R0FJRztBQUNILE1BUWEsaUJBQWtCLFNBQVEsT0FBTyxDQUFDLGdCQUFnQixDQUFDO0lBRzNDLFNBQVMsQ0FBaUI7SUFHN0MsZUFBZTtRQUNiLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDcEMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxJQUNZLFdBQVc7UUFDckIsT0FBTyxNQUFNLElBQUksQ0FBQyxLQUFLLFVBQVUsQ0FBQztJQUNwQyxDQUFDO3VHQWZVLGlCQUFpQjsyRkFBakIsaUJBQWlCLGdQQ3hCOUIsNDFDQXdCYzs7U0RBRCxpQkFBaUI7MkZBQWpCLGlCQUFpQjtrQkFSN0IsU0FBUzsrQkFDRSxXQUFXLFVBR2IsQ0FBQyxPQUFPLENBQUMsaUJBQ0YsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTs4QkFLNUIsU0FBUztzQkFEM0IsZUFBZTt1QkFBQyw0QkFBNEI7Z0JBV2pDLFdBQVc7c0JBRHRCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1YQ29sb3JDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcbmltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBIb3N0QmluZGluZyxcbiAgQ29udGVudENoaWxkcmVuLFxuICBRdWVyeUxpc3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJ3BvbHl0eXBlJztcblxuLyoqXG4gKiBUaGUgQnV0dG9uIGlzIGEgY29tcG9uZW50IHdoaWNoIGRldGVjdHMgdXNlciBpbnRlcmFjdGlvbiBhbmQgdHJpZ2dlcnMgYSBjb3JyZXNwb25kaW5nIGV2ZW50XG4gKlxuICogQGNhdGVnb3J5IENvbXBvbmVudHNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtYXZhdGFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F2YXRhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F2YXRhci5jb21wb25lbnQuc2NzcyddLFxuICBpbnB1dHM6IFsnY29sb3InXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEFYQXZhdGFyQ29tcG9uZW50IGV4dGVuZHMgY2xhc3NlcyhNWENvbG9yQ29tcG9uZW50KSB7XG5cbiAgQENvbnRlbnRDaGlsZHJlbignYXgtdGV4dCwgYXgtaWNvbiwgYXgtaW1hZ2UnKVxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgX2NoaWxkcmVuOiBRdWVyeUxpc3Q8YW55PjtcblxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLl9jaGlsZHJlbi5jaGFuZ2VzLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9KTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBgYXgtJHt0aGlzLmNvbG9yfS1kZWZhdWx0YDtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJkZWZhdWx0XCIgKm5nSWY9XCIhX2NoaWxkcmVuLmxlbmd0aFwiPjwvbmctY29udGFpbmVyPlxuPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJjdXN0b21cIiAqbmdJZj1cIl9jaGlsZHJlbi5sZW5ndGhcIj48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICNjdXN0b20+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjZGVmYXVsdD5cbiAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiBjbGFzcz1cImF4LWRlZmF1bHRcIiB4bWxuczp4bGluaz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmtcIlxuICAgICAgICB2aWV3Qm94PVwiMCAwIDUxMiA1MTJcIj5cbiAgICAgICAgPGcgc3R5bGU9XCJpc29sYXRpb246aXNvbGF0ZVwiPlxuICAgICAgICAgICAgPGcgaWQ9XCJMYXllcl8yXCIgZGF0YS1uYW1lPVwiTGF5ZXIgMlwiPlxuICAgICAgICAgICAgICAgIDxnIGlkPVwiTGF5ZXJfMS0yXCIgZGF0YS1uYW1lPVwiTGF5ZXIgMVwiPlxuICAgICAgICAgICAgICAgICAgICA8cmVjdCB3aWR0aD1cIjUxMlwiIGhlaWdodD1cIjUxMlwiIC8+XG4gICAgICAgICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgICAgICAgICBkPVwiTTQxOS4xNiw1MTEuOTRzLTIuODUtMTU0LTE0Mi4yOC0xNzYuMTlhMTM5LjkzLDEzOS45MywwLDAsMC0yMi0xLjY3aDBhNTUuOCw1NS44LDAsMCwwLTUuOTMuMjlDOTkuMjUsMzUwLjM1LDk2LjI2LDUxMS45NCw5Ni4yNiw1MTEuOTRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9XCJmaWxsOiNmZmY7b3BhY2l0eTowLjdcIiAvPlxuICAgICAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICAgICAgZD1cIk0yNTYsMzU1LjE4Yy0xNy4yOSwwLTMyLjIyLTQuNjMtNDYuMzgtMTIuNDEtMy44NiwxLjMxLTguMTUsMi45My0xMS43NSw0LjQ2QTk2LjQ4LDk2LjQ4LDAsMCwwLDI1NiwzNjYuNjJhMTAwLjI5LDEwMC4yOSwwLDAsMCw2MC4wNy0yMGMtMy42LTEuNDktNi40MS0yLjU1LTEwLjI3LTMuODNDMjkxLjQ4LDM1MC43OSwyNzMuNTgsMzU1LjE4LDI1NiwzNTUuMThaXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPVwib3BhY2l0eTowLjA1XCIgLz5cbiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBjeD1cIjI1Ny43MVwiIGN5PVwiMjU1Ljk0XCIgcj1cIjk5LjI0XCIgc3R5bGU9XCJmaWxsOiNmZmZcIiAvPlxuICAgICAgICAgICAgICAgIDwvZz5cbiAgICAgICAgICAgIDwvZz5cbiAgICAgICAgPC9nPlxuICAgIDwvc3ZnPlxuPC9uZy10ZW1wbGF0ZT4iXX0=
39
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2F2YXRhci9zcmMvYXZhdGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2F2YXRhci9zcmMvYXZhdGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsdUJBQXVCLEVBQUUsV0FBVyxFQUFFLGVBQWUsRUFBYSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEksT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFVBQVUsQ0FBQzs7O0FBRW5DOzs7O0dBSUc7QUFDSCxNQVFhLGlCQUFrQixTQUFRLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQztJQUM5QyxRQUFRLENBQVM7SUFHZCxTQUFTLENBQWlCO0lBRTdDLGVBQWU7UUFDYixJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ3BDLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDMUIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsSUFDWSxXQUFXO1FBQ3JCLE9BQU8sTUFBTSxJQUFJLENBQUMsS0FBSyxVQUFVLENBQUM7SUFDcEMsQ0FBQzt1R0FmVSxpQkFBaUI7MkZBQWpCLGlCQUFpQixpUkNqQjlCLDhzQ0FzQkE7O1NETGEsaUJBQWlCOzJGQUFqQixpQkFBaUI7a0JBUjdCLFNBQVM7K0JBQ0UsV0FBVyxVQUdiLENBQUMsT0FBTyxDQUFDLGlCQUNGLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OEJBRy9CLFFBQVE7c0JBQXZCLEtBQUs7dUJBQUMsT0FBTztnQkFHSyxTQUFTO3NCQUQzQixlQUFlO3VCQUFDLDRCQUE0QjtnQkFVakMsV0FBVztzQkFEdEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTVhDb2xvckNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIEhvc3RCaW5kaW5nLCBDb250ZW50Q2hpbGRyZW4sIFF1ZXJ5TGlzdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICdwb2x5dHlwZSc7XG5cbi8qKlxuICogVGhlIEJ1dHRvbiBpcyBhIGNvbXBvbmVudCB3aGljaCBkZXRlY3RzIHVzZXIgaW50ZXJhY3Rpb24gYW5kIHRyaWdnZXJzIGEgY29ycmVzcG9uZGluZyBldmVudFxuICpcbiAqIEBjYXRlZ29yeSBDb21wb25lbnRzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWF2YXRhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdmF0YXIuY29tcG9uZW50LnNjc3MnXSxcbiAgaW5wdXRzOiBbJ2NvbG9yJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBWEF2YXRhckNvbXBvbmVudCBleHRlbmRzIGNsYXNzZXMoTVhDb2xvckNvbXBvbmVudCkge1xuICBASW5wdXQoJ2NsYXNzJykgY3NzQ2xhc3M6IHN0cmluZztcblxuICBAQ29udGVudENoaWxkcmVuKCdheC10ZXh0LCBheC1pY29uLCBheC1pbWFnZScpXG4gIHByb3RlY3RlZCByZWFkb25seSBfY2hpbGRyZW46IFF1ZXJ5TGlzdDxhbnk+O1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLl9jaGlsZHJlbi5jaGFuZ2VzLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9KTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBgYXgtJHt0aGlzLmNvbG9yfS1kZWZhdWx0YDtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJkZWZhdWx0XCIgKm5nSWY9XCIhX2NoaWxkcmVuLmxlbmd0aFwiPjwvbmctY29udGFpbmVyPlxuPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJjdXN0b21cIiAqbmdJZj1cIl9jaGlsZHJlbi5sZW5ndGhcIj48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICNjdXN0b20+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG48bmctdGVtcGxhdGUgI2RlZmF1bHQ+XG4gIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIGNsYXNzPVwiYXgtZGVmYXVsdCB7eyBjc3NDbGFzcyB9fVwiIHhtbG5zOnhsaW5rPVwiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGlua1wiIHZpZXdCb3g9XCIwIDAgNTEyIDUxMlwiPlxuICAgIDxnIHN0eWxlPVwiaXNvbGF0aW9uOiBpc29sYXRlXCI+XG4gICAgICA8ZyBpZD1cIkxheWVyXzJcIiBkYXRhLW5hbWU9XCJMYXllciAyXCI+XG4gICAgICAgIDxnIGlkPVwiTGF5ZXJfMS0yXCIgZGF0YS1uYW1lPVwiTGF5ZXIgMVwiPlxuICAgICAgICAgIDxyZWN0IHdpZHRoPVwiNTEyXCIgaGVpZ2h0PVwiNTEyXCIgLz5cbiAgICAgICAgICA8cGF0aCBkPVwiTTQxOS4xNiw1MTEuOTRzLTIuODUtMTU0LTE0Mi4yOC0xNzYuMTlhMTM5LjkzLDEzOS45MywwLDAsMC0yMi0xLjY3aDBhNTUuOCw1NS44LDAsMCwwLTUuOTMuMjlDOTkuMjUsMzUwLjM1LDk2LjI2LDUxMS45NCw5Ni4yNiw1MTEuOTRcIiBzdHlsZT1cImZpbGw6ICNmZmY7IG9wYWNpdHk6IDAuN1wiIC8+XG4gICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgIGQ9XCJNMjU2LDM1NS4xOGMtMTcuMjksMC0zMi4yMi00LjYzLTQ2LjM4LTEyLjQxLTMuODYsMS4zMS04LjE1LDIuOTMtMTEuNzUsNC40NkE5Ni40OCw5Ni40OCwwLDAsMCwyNTYsMzY2LjYyYTEwMC4yOSwxMDAuMjksMCwwLDAsNjAuMDctMjBjLTMuNi0xLjQ5LTYuNDEtMi41NS0xMC4yNy0zLjgzQzI5MS40OCwzNTAuNzksMjczLjU4LDM1NS4xOCwyNTYsMzU1LjE4WlwiXG4gICAgICAgICAgICBzdHlsZT1cIm9wYWNpdHk6IDAuMDVcIiAvPlxuICAgICAgICAgIDxjaXJjbGUgY3g9XCIyNTcuNzFcIiBjeT1cIjI1NS45NFwiIHI9XCI5OS4yNFwiIHN0eWxlPVwiZmlsbDogI2ZmZlwiIC8+XG4gICAgICAgIDwvZz5cbiAgICAgIDwvZz5cbiAgICA8L2c+XG4gIDwvc3ZnPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren, HostBinding, NgModule } from '@angular/core';
2
+ import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, ContentChildren, HostBinding, NgModule } from '@angular/core';
3
3
  import { MXColorComponent } from '@acorex/components/common';
4
4
  import { classes } from 'polytype';
5
5
  import * as i1 from '@angular/common';
@@ -25,6 +25,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
25
25
  * @category Components
26
26
  */
27
27
  class AXAvatarComponent extends classes(MXColorComponent) {
28
+ cssClass;
28
29
  _children;
29
30
  ngAfterViewInit() {
30
31
  this._children.changes.subscribe(() => {
@@ -35,12 +36,15 @@ class AXAvatarComponent extends classes(MXColorComponent) {
35
36
  return `ax-${this.color}-default`;
36
37
  }
37
38
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
38
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: AXAvatarComponent, selector: "ax-avatar", inputs: { color: "color" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_children", predicate: ["ax-text, ax-icon, ax-image"] }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\n\n<ng-template #custom>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #default>\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n viewBox=\"0 0 512 512\">\n <g style=\"isolation:isolate\">\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <rect width=\"512\" height=\"512\" />\n <path\n d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n style=\"fill:#fff;opacity:0.7\" />\n <path\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n style=\"opacity:0.05\" />\n <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill:#fff\" />\n </g>\n </g>\n </g>\n </svg>\n</ng-template>", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgba(var(--ax-color-surface));margin:-.25rem;overflow:hidden}ax-avatar{position:relative;display:flex;justify-content:center;width:4rem;height:4rem}ax-avatar *{border-radius:inherit}ax-avatar ax-image{overflow:hidden}ax-avatar ax-text{font-size:1.25rem;line-height:1.75rem}ax-avatar ax-icon,ax-avatar ax-text{@apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}ax-avatar.ax-primary-default .ax-default{fill:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-text{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-icon{background-color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-secondary-default .ax-default{fill:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-text{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-icon{background-color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-success-default .ax-default{fill:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-text{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-icon{background-color:rgba(var(--ax-color-success-500))}ax-avatar.ax-warning-default .ax-default{fill:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-text{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-icon{background-color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-danger-default .ax-default{fill:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-text{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-icon{background-color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-info-default .ax-default{fill:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-text{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-icon{background-color:rgba(var(--ax-color-info-500))}ax-avatar.ax-ghost-default .ax-default{fill:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-text,ax-avatar.ax-ghost-default ax-icon{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-icon svg{fill:rgba(var(--ax-color-on-surface))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
39
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: AXAvatarComponent, selector: "ax-avatar", inputs: { color: "color", cssClass: ["class", "cssClass"] }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_children", predicate: ["ax-text, ax-icon, ax-image"] }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\n\n<ng-template #custom>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #default>\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default {{ cssClass }}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n <g style=\"isolation: isolate\">\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <rect width=\"512\" height=\"512\" />\n <path 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\" style=\"fill: #fff; opacity: 0.7\" />\n <path\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n style=\"opacity: 0.05\" />\n <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill: #fff\" />\n </g>\n </g>\n </g>\n </svg>\n</ng-template>\n", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgba(var(--ax-color-surface));margin:-.25rem;overflow:hidden}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar *{border-radius:inherit}ax-avatar ax-image{overflow:hidden}ax-avatar ax-text{font-size:1.25rem;line-height:1.75rem}ax-avatar ax-icon,ax-avatar ax-text{@apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}ax-avatar.ax-primary-default .ax-default{fill:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-text{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-icon{background-color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-secondary-default .ax-default{fill:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-text{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-icon{background-color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-success-default .ax-default{fill:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-text{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-icon{background-color:rgba(var(--ax-color-success-500))}ax-avatar.ax-warning-default .ax-default{fill:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-text{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-icon{background-color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-danger-default .ax-default{fill:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-text{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-icon{background-color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-info-default .ax-default{fill:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-text{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-icon{background-color:rgba(var(--ax-color-info-500))}ax-avatar.ax-ghost-default .ax-default{fill:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-text,ax-avatar.ax-ghost-default ax-icon{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-icon svg{fill:rgba(var(--ax-color-on-surface))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
39
40
  }
40
41
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXAvatarComponent, decorators: [{
41
42
  type: Component,
42
- args: [{ selector: 'ax-avatar', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\n\n<ng-template #custom>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #default>\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n viewBox=\"0 0 512 512\">\n <g style=\"isolation:isolate\">\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <rect width=\"512\" height=\"512\" />\n <path\n d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n style=\"fill:#fff;opacity:0.7\" />\n <path\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n style=\"opacity:0.05\" />\n <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill:#fff\" />\n </g>\n </g>\n </g>\n </svg>\n</ng-template>", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgba(var(--ax-color-surface));margin:-.25rem;overflow:hidden}ax-avatar{position:relative;display:flex;justify-content:center;width:4rem;height:4rem}ax-avatar *{border-radius:inherit}ax-avatar ax-image{overflow:hidden}ax-avatar ax-text{font-size:1.25rem;line-height:1.75rem}ax-avatar ax-icon,ax-avatar ax-text{@apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}ax-avatar.ax-primary-default .ax-default{fill:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-text{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-icon{background-color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-secondary-default .ax-default{fill:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-text{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-icon{background-color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-success-default .ax-default{fill:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-text{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-icon{background-color:rgba(var(--ax-color-success-500))}ax-avatar.ax-warning-default .ax-default{fill:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-text{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-icon{background-color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-danger-default .ax-default{fill:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-text{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-icon{background-color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-info-default .ax-default{fill:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-text{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-icon{background-color:rgba(var(--ax-color-info-500))}ax-avatar.ax-ghost-default .ax-default{fill:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-text,ax-avatar.ax-ghost-default ax-icon{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-icon svg{fill:rgba(var(--ax-color-on-surface))}\n"] }]
43
- }], propDecorators: { _children: [{
43
+ args: [{ selector: 'ax-avatar', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\n\n<ng-template #custom>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #default>\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default {{ cssClass }}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n <g style=\"isolation: isolate\">\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <rect width=\"512\" height=\"512\" />\n <path 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\" style=\"fill: #fff; opacity: 0.7\" />\n <path\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n style=\"opacity: 0.05\" />\n <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill: #fff\" />\n </g>\n </g>\n </g>\n </svg>\n</ng-template>\n", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgba(var(--ax-color-surface));margin:-.25rem;overflow:hidden}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar *{border-radius:inherit}ax-avatar ax-image{overflow:hidden}ax-avatar ax-text{font-size:1.25rem;line-height:1.75rem}ax-avatar ax-icon,ax-avatar ax-text{@apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}ax-avatar.ax-primary-default .ax-default{fill:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-text{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-icon{background-color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-secondary-default .ax-default{fill:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-text{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-icon{background-color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-success-default .ax-default{fill:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-text{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-icon{background-color:rgba(var(--ax-color-success-500))}ax-avatar.ax-warning-default .ax-default{fill:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-text{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-icon{background-color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-danger-default .ax-default{fill:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-text{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-icon{background-color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-info-default .ax-default{fill:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-text{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-icon{background-color:rgba(var(--ax-color-info-500))}ax-avatar.ax-ghost-default .ax-default{fill:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-text,ax-avatar.ax-ghost-default ax-icon{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface))}ax-avatar.ax-ghost-default ax-icon svg{fill:rgba(var(--ax-color-on-surface))}\n"] }]
44
+ }], propDecorators: { cssClass: [{
45
+ type: Input,
46
+ args: ['class']
47
+ }], _children: [{
44
48
  type: ContentChildren,
45
49
  args: ['ax-text, ax-icon, ax-image']
46
50
  }], __hostClass: [{
@@ -1 +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';\n\n@Component({\n selector: 'ax-avatar-group',\n template: `<ng-content select=\"ax-avatar\"></ng-content>`,\n})\nexport class AXAvatarGroup implements OnInit {\n constructor() {}\n\n ngOnInit(): void {}\n}\n","import { MXColorComponent } from '@acorex/components/common';\nimport {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n ContentChildren,\n QueryList,\n} from '@angular/core';\nimport { classes } from 'polytype';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n selector: 'ax-avatar',\n templateUrl: './avatar.component.html',\n styleUrls: ['./avatar.component.scss'],\n inputs: ['color'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXAvatarComponent extends classes(MXColorComponent) {\n\n @ContentChildren('ax-text, ax-icon, ax-image')\n protected readonly _children: QueryList<any>;\n\n\n ngAfterViewInit(): void {\n this._children.changes.subscribe(() => {\n this.cdr.markForCheck();\n });\n }\n\n @HostBinding('class')\n private get __hostClass(): string {\n return `ax-${this.color}-default`;\n }\n}\n","<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\n\n<ng-template #custom>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #default>\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n viewBox=\"0 0 512 512\">\n <g style=\"isolation:isolate\">\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <rect width=\"512\" height=\"512\" />\n <path\n d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n style=\"fill:#fff;opacity:0.7\" />\n <path\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n style=\"opacity:0.05\" />\n <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill:#fff\" />\n </g>\n </g>\n </g>\n </svg>\n</ng-template>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXAvatarComponent } from './avatar.component';\nimport { AXAvatarGroup } from './avatar-group.component';\n\nconst COMPONENT = [AXAvatarComponent, AXAvatarGroup];\nconst MODULES = [CommonModule];\n\n@NgModule({\n declarations: [...COMPONENT],\n imports: [...MODULES],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
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';\n\n@Component({\n selector: 'ax-avatar-group',\n template: `<ng-content select=\"ax-avatar\"></ng-content>`,\n})\nexport class AXAvatarGroup implements OnInit {\n constructor() {}\n\n ngOnInit(): void {}\n}\n","import { MXColorComponent } from '@acorex/components/common';\nimport { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, ContentChildren, QueryList, Input } from '@angular/core';\nimport { classes } from 'polytype';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n selector: 'ax-avatar',\n templateUrl: './avatar.component.html',\n styleUrls: ['./avatar.component.scss'],\n inputs: ['color'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXAvatarComponent extends classes(MXColorComponent) {\n @Input('class') cssClass: string;\n\n @ContentChildren('ax-text, ax-icon, ax-image')\n protected readonly _children: QueryList<any>;\n\n ngAfterViewInit(): void {\n this._children.changes.subscribe(() => {\n this.cdr.markForCheck();\n });\n }\n\n @HostBinding('class')\n private get __hostClass(): string {\n return `ax-${this.color}-default`;\n }\n}\n","<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\n\n<ng-template #custom>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #default>\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default {{ cssClass }}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n <g style=\"isolation: isolate\">\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <rect width=\"512\" height=\"512\" />\n <path 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\" style=\"fill: #fff; opacity: 0.7\" />\n <path\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n style=\"opacity: 0.05\" />\n <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill: #fff\" />\n </g>\n </g>\n </g>\n </svg>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXAvatarComponent } from './avatar.component';\nimport { AXAvatarGroup } from './avatar-group.component';\n\nconst COMPONENT = [AXAvatarComponent, AXAvatarGroup];\nconst MODULES = [CommonModule];\n\n@NgModule({\n declarations: [...COMPONENT],\n imports: [...MODULES],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acorex/components",
3
- "version": "7.1.17",
3
+ "version": "7.1.19",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.0.2",
6
6
  "@angular/core": "^16.0.2",