import { AXComponent, MXColorComponent } from '@acorex/cdk/common';
import * as i0 from '@angular/core';
import { Component, contentChildren, model, input, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, NgModule } from '@angular/core';

class AXAvatarGroupComponent {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXAvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: AXAvatarGroupComponent, isStandalone: true, selector: "ax-avatar-group", providers: [{ provide: AXComponent, useExisting: AXAvatarGroupComponent }], ngImport: i0, template: `<ng-content select="ax-avatar"></ng-content>`, isInline: true }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXAvatarGroupComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'ax-avatar-group',
                    template: `<ng-content select="ax-avatar"></ng-content>`,
                    providers: [{ provide: AXComponent, useExisting: AXAvatarGroupComponent }],
                }]
        }] });

/**
 * The Avatar component displays a user's profile image or initials, typically used for user identification.
 * It supports multiple content types including text, icons, images, and badges.
 *
 * @category Components
 */
class AXAvatarComponent extends MXColorComponent {
    constructor() {
        super(...arguments);
        /**
         * Content children for avatar content (ax-image, ax-icon, ax-text).
         * Used internally to determine if fallback SVG should be shown.
         */
        this.children = contentChildren('ax-image, ax-icon, ax-text', ...(ngDevMode ? [{ debugName: "children" }] : []));
        /**
         * Defines the size of the avatar in pixels.
         *
         * @defaultValue 48
         */
        this.size = model(48, ...(ngDevMode ? [{ debugName: "size" }] : []));
        /**
         * Specifies the visual style of the avatar's corners.
         *
         * @defaultValue 'rounded'
         */
        this.shape = input('rounded', ...(ngDevMode ? [{ debugName: "shape" }] : []));
        /**
         * Specifies the visual style of the avatar appearance.
         *
         * @defaultValue 'solid'
         */
        this.look = input('solid', ...(ngDevMode ? [{ debugName: "look" }] : []));
    }
    /**
     * @ignore
     */
    get __hostClass() {
        return `ax-${this.color} ax-${this.look()} ax-${this.shape()} `;
    }
    /**
     * @ignore
     */
    get __hostStyle() {
        return `width: ${this.size()}px; height: ${this.size()}px`;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: AXAvatarComponent, isStandalone: true, selector: "ax-avatar", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { size: "sizeChange" }, host: { properties: { "class": "this.__hostClass", "style": "this.__hostStyle" } }, providers: [{ provide: AXComponent, useExisting: AXAvatarComponent }], queries: [{ propertyName: "children", predicate: ["ax-image, ax-icon, ax-text"], isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if (!children()?.length) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" 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 style=\"fill: rgba(var(--ax-comp-avatar-bg-color))\" 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: rgba(var(--ax-comp-avatar-fill-color)); opacity: 0.7\"\n          />\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          />\n          <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill: rgba(var(--ax-comp-avatar-fill-color))\" />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n", styles: ["ax-avatar.ax-solid.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-surface)}ax-avatar.ax-solid.ax-primary{--ax-comp-avatar-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-primary-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-primary-surface)}ax-avatar.ax-solid.ax-secondary{--ax-comp-avatar-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-secondary-surface)}ax-avatar.ax-solid.ax-success{--ax-comp-avatar-bg-color: var(--ax-sys-color-success-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-success-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-success-surface)}ax-avatar.ax-solid.ax-warning{--ax-comp-avatar-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-warning-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-warning-surface)}ax-avatar.ax-solid.ax-danger{--ax-comp-avatar-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-danger-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-danger-surface)}ax-avatar.ax-solid.ax-accent1{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-accent1-surface)}ax-avatar.ax-solid.ax-accent2{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-accent2-surface)}ax-avatar.ax-solid.ax-accent3{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-accent3-surface)}ax-avatar.ax-solid.ax-accent4{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-accent4-surface)}ax-avatar.ax-solid.ax-accent5{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-accent5-surface)}ax-avatar.ax-solid.ax-accent6{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-accent6-surface)}ax-avatar.ax-solid.ax-accent7{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-accent7-surface)}ax-avatar.ax-solid.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-avatar.ax-solid.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-darkest-surface)}ax-avatar.ax-twotone.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-surface)}ax-avatar.ax-twotone.ax-primary{--ax-comp-avatar-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-primary-lightest-surface)}ax-avatar.ax-twotone.ax-secondary{--ax-comp-avatar-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-secondary-lightest-surface)}ax-avatar.ax-twotone.ax-success{--ax-comp-avatar-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-success-lightest-surface)}ax-avatar.ax-twotone.ax-warning{--ax-comp-avatar-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-warning-lightest-surface)}ax-avatar.ax-twotone.ax-danger{--ax-comp-avatar-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-danger-lightest-surface)}ax-avatar.ax-twotone.ax-accent1{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-accent1-lightest-surface)}ax-avatar.ax-twotone.ax-accent2{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-accent2-lightest-surface)}ax-avatar.ax-twotone.ax-accent3{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-accent3-lightest-surface)}ax-avatar.ax-twotone.ax-accent4{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-accent4-lightest-surface)}ax-avatar.ax-twotone.ax-accent5{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-accent5-lightest-surface)}ax-avatar.ax-twotone.ax-accent6{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-accent6-lightest-surface)}ax-avatar.ax-twotone.ax-accent7{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-accent7-lightest-surface)}ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:-.25rem;overflow:hidden;border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color))}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar.ax-sharp{border-radius:0}ax-avatar.ax-soft{border-radius:var(--ax-sys-border-radius)}ax-avatar.ax-rounded{border-radius:9999px}ax-avatar *{border-radius:inherit}ax-avatar ax-text{font-size:1.5rem;line-height:2rem}ax-avatar ax-icon,ax-avatar ax-text{display:flex;min-height:100%;min-width:100%;align-items:center;justify-content:center;background-color:rgba(var(--ax-comp-avatar-bg-color));color:rgba(var(--ax-comp-avatar-text-color));fill:rgba(var(--ax-comp-avatar-fill-color));border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color))}ax-avatar ax-badge{position:absolute}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXAvatarComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ax-avatar', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXAvatarComponent }], template: "<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if (!children()?.length) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" 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 style=\"fill: rgba(var(--ax-comp-avatar-bg-color))\" 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: rgba(var(--ax-comp-avatar-fill-color)); opacity: 0.7\"\n          />\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          />\n          <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill: rgba(var(--ax-comp-avatar-fill-color))\" />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n", styles: ["ax-avatar.ax-solid.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-surface)}ax-avatar.ax-solid.ax-primary{--ax-comp-avatar-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-primary-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-primary-surface)}ax-avatar.ax-solid.ax-secondary{--ax-comp-avatar-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-secondary-surface)}ax-avatar.ax-solid.ax-success{--ax-comp-avatar-bg-color: var(--ax-sys-color-success-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-success-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-success-surface)}ax-avatar.ax-solid.ax-warning{--ax-comp-avatar-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-warning-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-warning-surface)}ax-avatar.ax-solid.ax-danger{--ax-comp-avatar-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-danger-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-danger-surface)}ax-avatar.ax-solid.ax-accent1{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-accent1-surface)}ax-avatar.ax-solid.ax-accent2{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-accent2-surface)}ax-avatar.ax-solid.ax-accent3{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-accent3-surface)}ax-avatar.ax-solid.ax-accent4{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-accent4-surface)}ax-avatar.ax-solid.ax-accent5{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-accent5-surface)}ax-avatar.ax-solid.ax-accent6{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-accent6-surface)}ax-avatar.ax-solid.ax-accent7{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-accent7-surface)}ax-avatar.ax-solid.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-avatar.ax-solid.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-darkest-surface)}ax-avatar.ax-twotone.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-surface)}ax-avatar.ax-twotone.ax-primary{--ax-comp-avatar-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-primary-lightest-surface)}ax-avatar.ax-twotone.ax-secondary{--ax-comp-avatar-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-secondary-lightest-surface)}ax-avatar.ax-twotone.ax-success{--ax-comp-avatar-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-success-lightest-surface)}ax-avatar.ax-twotone.ax-warning{--ax-comp-avatar-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-warning-lightest-surface)}ax-avatar.ax-twotone.ax-danger{--ax-comp-avatar-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-danger-lightest-surface)}ax-avatar.ax-twotone.ax-accent1{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-accent1-lightest-surface)}ax-avatar.ax-twotone.ax-accent2{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-accent2-lightest-surface)}ax-avatar.ax-twotone.ax-accent3{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-accent3-lightest-surface)}ax-avatar.ax-twotone.ax-accent4{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-accent4-lightest-surface)}ax-avatar.ax-twotone.ax-accent5{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-accent5-lightest-surface)}ax-avatar.ax-twotone.ax-accent6{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-accent6-lightest-surface)}ax-avatar.ax-twotone.ax-accent7{--ax-comp-avatar-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-accent7-lightest-surface)}ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:-.25rem;overflow:hidden;border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color))}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar.ax-sharp{border-radius:0}ax-avatar.ax-soft{border-radius:var(--ax-sys-border-radius)}ax-avatar.ax-rounded{border-radius:9999px}ax-avatar *{border-radius:inherit}ax-avatar ax-text{font-size:1.5rem;line-height:2rem}ax-avatar ax-icon,ax-avatar ax-text{display:flex;min-height:100%;min-width:100%;align-items:center;justify-content:center;background-color:rgba(var(--ax-comp-avatar-bg-color));color:rgba(var(--ax-comp-avatar-text-color));fill:rgba(var(--ax-comp-avatar-fill-color));border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color))}ax-avatar ax-badge{position:absolute}\n"] }]
        }], propDecorators: { children: [{ type: i0.ContentChildren, args: ['ax-image, ax-icon, ax-text', { isSignal: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }, { type: i0.Output, args: ["sizeChange"] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }], __hostClass: [{
                type: HostBinding,
                args: ['class']
            }], __hostStyle: [{
                type: HostBinding,
                args: ['style']
            }] } });

class AXAvatarModule {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: AXAvatarModule, imports: [AXAvatarComponent, AXAvatarGroupComponent], exports: [AXAvatarComponent, AXAvatarGroupComponent] }); }
    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXAvatarModule }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXAvatarModule, decorators: [{
            type: NgModule,
            args: [{
                    imports: [AXAvatarComponent, AXAvatarGroupComponent],
                    exports: [AXAvatarComponent, AXAvatarGroupComponent],
                }]
        }] });

/**
 * Generated bundle index. Do not edit.
 */

export { AXAvatarComponent, AXAvatarGroupComponent, AXAvatarModule };
//# sourceMappingURL=acorex-components-avatar.mjs.map
