@eui/components 19.1.1-snapshot-1741071838252 → 19.1.1

package/fesm2022/eui-components-eui-avatar.mjs

@@ -1,23 +1,106 @@
 import * as i0 from '@angular/core';
 import { inject, booleanAttribute, Input, HostBinding, ChangeDetectionStrategy, Component, Optional, Inject, NgModule } from '@angular/core';
-import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { EuiIconModule } from '@eui/components/eui-icon';
 import * as i1 from '@eui/components/shared';
 import { BaseStatesDirective } from '@eui/components/shared';
+import { EuiIconModule } from '@eui/components/eui-icon';
 import { EUI_CONFIG_TOKEN } from '@eui/core';
 
+/**
+ * @description
+ * Component for displaying avatars in the EUI design system.
+ *
+ * An avatar is a visual representation of a user or entity, and can contain
+ * an image, text, or an icon. This component serves as the container for
+ * various avatar sub-components, such as EuiAvatarImage, EuiAvatarText,
+ * EuiAvatarIcon, and EuiAvatarBadge.
+ *
+ * The component supports various customizations including colors (via state directives),
+ * sizes, shapes, and appearance modifiers.
+ *
+ * @example
+ * // Basic usage with an image:
+ * <eui-avatar>
+ *   <eui-avatar-image imageUrl="path/to/image.jpg"></eui-avatar-image>
+ * </eui-avatar>
+ *
+ * @example
+ * // With text content (typically initials):
+ * <eui-avatar>
+ *   <eui-avatar-text>NB</eui-avatar-text>
+ * </eui-avatar>
+ *
+ * @example
+ * // With an icon:
+ * <eui-avatar>
+ *   <eui-avatar-icon>
+ *     <eui-icon name="user"></eui-icon>
+ *   </eui-avatar-icon>
+ * </eui-avatar>
+ *
+ * @example
+ * // With badge and custom properties:
+ * <eui-avatar euiPrimary euiSizeL isShapeSquare>
+ *   <eui-avatar-image imageUrl="path/to/image.jpg"></eui-avatar-image>
+ *   <eui-avatar-badge position="bottom">
+ *     <span class="status-indicator"></span>
+ *   </eui-avatar-badge>
+ * </eui-avatar>
+ *
+ * @example
+ * // Using the attribute selector:
+ * <div euiAvatar euiAccent isFlat>
+ *   <eui-avatar-text>AB</eui-avatar-text>
+ * </div>
+ */
 class EuiAvatarComponent {
     constructor() {
+        /**
+         * Data attribute for E2E testing
+         * @default 'eui-avatar'
+         */
         this.e2eAttr = 'eui-avatar';
+        /**
+         * ARIA role for accessibility
+         * @default 'status'
+         */
         this.role = 'status';
+        /**
+         * ARIA label for accessibility
+         * @default 'avatar'
+         */
         this.ariaLabel = 'avatar';
+        /**
+         * Whether the avatar should have a shadow effect
+         * @default false
+         */
         this.hasShadow = false;
+        /**
+         * Whether the avatar shape should be square instead of circular
+         * @default false
+         */
         this.isShapeSquare = false;
+        /**
+         * Whether the avatar should have a flat appearance
+         * @default false
+         */
         this.isFlat = false;
+        /**
+         * Whether the avatar should have no background color
+         * @default false
+         */
         this.hasNoBackground = false;
+        /**
+         * Reference to the BaseStatesDirective providing state-based styling
+         * @internal
+         */
         this.baseStatesDirective = inject(BaseStatesDirective);
     }
+    /**
+     * Gets the CSS classes to be applied to the host element.
+     * Combines base classes with modifier classes.
+     * @returns {string} The combined CSS classes
+     */
     get cssClasses() {
         return [
             this.baseStatesDirective.getCssClasses('eui-avatar'),
@@ -26,12 +109,14 @@ class EuiAvatarComponent {
             this.hasNoBackground ? 'eui-avatar--no-background' : '',
         ].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.7", type: EuiAvatarComponent, isStandalone: false, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], hasShadow: ["hasShadow", "hasShadow", booleanAttribute], isShapeSquare: ["isShapeSquare", "isShapeSquare", booleanAttribute], isFlat: ["isFlat", "isFlat", booleanAttribute], hasNoBackground: ["hasNoBackground", "hasNoBackground", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n    <ng-content select=\"eui-avatar-icon\"></ng-content>\n    <ng-content select=\"eui-avatar-text\"></ng-content>\n    <ng-content select=\"eui-avatar-image\"></ng-content>\n    <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n", styles: [".eui-19 :host.eui-avatar{--_size: 3rem;--_icon-size: 1.5rem;--_font-size: var(--eui-f-size-xl);--_font-weight: var(--eui-f-weight-bold);--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral-bg-light-contrast)}.eui-19 :host.eui-avatar--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast)}.eui-19 :host.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast)}.eui-19 :host.eui-avatar--success{--_bg-color: var(--eui-c-success-dark);--_color: var(--eui-c-success-contrast)}.eui-19 :host.eui-avatar--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast)}.eui-19 :host.eui-avatar--danger{--_bg-color: var(--eui-c-danger-dark);--_color: var(--eui-c-danger-contrast)}.eui-19 :host.eui-avatar--accent{--_bg-color: var(--eui-c-accent-lighter);--_color: var(--eui-c-accent-lighter-contrast)}.eui-19 :host.eui-avatar--flat{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat.eui-avatar--primary{--_bg-color: var(--eui-c-primary-bg);--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-c-info-bg);--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-c-success-bg);--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-c-warning-bg);--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-c-danger-bg);--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-c-accent-bg);--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--size-xs{--_size: 1.5rem;--_font-size: var(--eui-f-size-xs);--_icon-size: var(--eui-is-xs)}.eui-19 :host.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-f-s);--_icon-size: var(--eui-is-s)}.eui-19 :host.eui-avatar--size-m{--_font-size: var(--eui-f-size-xl)}.eui-19 :host.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-l)}.eui-19 :host.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-xl)}.eui-19 :host.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-f-size-3xl);--_icon-size: var(--eui-is-2xl)}.eui-19 :host.eui-avatar{display:inline-flex;position:relative}.eui-19 :host.eui-avatar .eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);background-color:var(--_bg-color);height:var(--_size);width:var(--_size);box-shadow:var(--eui-sh-1);position:relative}.eui-19 :host.eui-avatar .eui-avatar-shadow{position:absolute;right:-.35rem;height:var(--_size);width:var(--_size);border:.65rem solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-max)}.eui-19 :host.eui-avatar--shape-square .eui-avatar-content{border-radius:var(--eui-br-m)}.eui-19 :host.eui-avatar--shape-square ::ng-deep .eui-avatar-image img{border-radius:var(--eui-br-m)}.eui-19 :host.eui-avatar--no-background ::ng-deep .eui-avatar-image img{border-radius:0;background-color:var(--eui-c-white)}.eui-19 :host.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-sh-none);border-radius:var(--eui-br-none)}.eui-19 :host.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-sh-none)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: EuiAvatarComponent, isStandalone: true, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], hasShadow: ["hasShadow", "hasShadow", booleanAttribute], isShapeSquare: ["isShapeSquare", "isShapeSquare", booleanAttribute], isFlat: ["isFlat", "isFlat", booleanAttribute], hasNoBackground: ["hasNoBackground", "hasNoBackground", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "@if(hasShadow) {\n    <div class=\"eui-avatar-shadow\"></div>\n}\n\n<div class=\"eui-avatar-content\">\n    <ng-content select=\"eui-avatar-icon\"></ng-content>\n    <ng-content select=\"eui-avatar-text\"></ng-content>\n    <ng-content select=\"eui-avatar-image\"></ng-content>\n    <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n", styles: [".eui-19 :host.eui-avatar{--_size: 3rem;--_icon-size: 1.5rem;--_font-size: var(--eui-f-size-xl);--_font-weight: var(--eui-f-weight-bold);--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral-bg-light-contrast)}.eui-19 :host.eui-avatar--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast)}.eui-19 :host.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast)}.eui-19 :host.eui-avatar--success{--_bg-color: var(--eui-c-success-dark);--_color: var(--eui-c-success-contrast)}.eui-19 :host.eui-avatar--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast)}.eui-19 :host.eui-avatar--danger{--_bg-color: var(--eui-c-danger-dark);--_color: var(--eui-c-danger-contrast)}.eui-19 :host.eui-avatar--accent{--_bg-color: var(--eui-c-accent-lighter);--_color: var(--eui-c-accent-lighter-contrast)}.eui-19 :host.eui-avatar--flat{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat.eui-avatar--primary{--_bg-color: var(--eui-c-primary-bg);--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-c-info-bg);--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-c-success-bg);--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-c-warning-bg);--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-c-danger-bg);--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-c-accent-bg);--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--size-xs{--_size: 1.5rem;--_font-size: var(--eui-f-size-xs);--_icon-size: var(--eui-is-xs)}.eui-19 :host.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-f-s);--_icon-size: var(--eui-is-s)}.eui-19 :host.eui-avatar--size-m{--_font-size: var(--eui-f-size-xl)}.eui-19 :host.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-l)}.eui-19 :host.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-xl)}.eui-19 :host.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-f-size-3xl);--_icon-size: var(--eui-is-2xl)}.eui-19 :host.eui-avatar{display:inline-flex;position:relative}.eui-19 :host.eui-avatar .eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);background-color:var(--_bg-color);height:var(--_size);width:var(--_size);box-shadow:var(--eui-sh-1);position:relative}.eui-19 :host.eui-avatar .eui-avatar-shadow{position:absolute;right:-.35rem;height:var(--_size);width:var(--_size);border:.65rem solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-max)}.eui-19 :host.eui-avatar--shape-square .eui-avatar-content{border-radius:var(--eui-br-m)}.eui-19 :host.eui-avatar--shape-square ::ng-deep .eui-avatar-image img{border-radius:var(--eui-br-m)}.eui-19 :host.eui-avatar--no-background ::ng-deep .eui-avatar-image img{border-radius:0;background-color:var(--eui-c-white)}.eui-19 :host.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-sh-none);border-radius:var(--eui-br-none)}.eui-19 :host.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-sh-none)}\n"], dependencies: [{ kind: "ngmodule", type: EuiIconModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'div[euiAvatar], span[euiAvatar], eui-avatar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, hostDirectives: [
+            args: [{ selector: 'div[euiAvatar], span[euiAvatar], eui-avatar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        EuiIconModule,
+                    ], hostDirectives: [
                         {
                             directive: BaseStatesDirective,
                             inputs: [
@@ -51,7 +136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                                 'euiSizeVariant',
                             ],
                         },
-                    ], template: "<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n    <ng-content select=\"eui-avatar-icon\"></ng-content>\n    <ng-content select=\"eui-avatar-text\"></ng-content>\n    <ng-content select=\"eui-avatar-image\"></ng-content>\n    <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n", styles: [".eui-19 :host.eui-avatar{--_size: 3rem;--_icon-size: 1.5rem;--_font-size: var(--eui-f-size-xl);--_font-weight: var(--eui-f-weight-bold);--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral-bg-light-contrast)}.eui-19 :host.eui-avatar--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast)}.eui-19 :host.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast)}.eui-19 :host.eui-avatar--success{--_bg-color: var(--eui-c-success-dark);--_color: var(--eui-c-success-contrast)}.eui-19 :host.eui-avatar--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast)}.eui-19 :host.eui-avatar--danger{--_bg-color: var(--eui-c-danger-dark);--_color: var(--eui-c-danger-contrast)}.eui-19 :host.eui-avatar--accent{--_bg-color: var(--eui-c-accent-lighter);--_color: var(--eui-c-accent-lighter-contrast)}.eui-19 :host.eui-avatar--flat{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat.eui-avatar--primary{--_bg-color: var(--eui-c-primary-bg);--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-c-info-bg);--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-c-success-bg);--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-c-warning-bg);--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-c-danger-bg);--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-c-accent-bg);--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--size-xs{--_size: 1.5rem;--_font-size: var(--eui-f-size-xs);--_icon-size: var(--eui-is-xs)}.eui-19 :host.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-f-s);--_icon-size: var(--eui-is-s)}.eui-19 :host.eui-avatar--size-m{--_font-size: var(--eui-f-size-xl)}.eui-19 :host.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-l)}.eui-19 :host.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-xl)}.eui-19 :host.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-f-size-3xl);--_icon-size: var(--eui-is-2xl)}.eui-19 :host.eui-avatar{display:inline-flex;position:relative}.eui-19 :host.eui-avatar .eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);background-color:var(--_bg-color);height:var(--_size);width:var(--_size);box-shadow:var(--eui-sh-1);position:relative}.eui-19 :host.eui-avatar .eui-avatar-shadow{position:absolute;right:-.35rem;height:var(--_size);width:var(--_size);border:.65rem solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-max)}.eui-19 :host.eui-avatar--shape-square .eui-avatar-content{border-radius:var(--eui-br-m)}.eui-19 :host.eui-avatar--shape-square ::ng-deep .eui-avatar-image img{border-radius:var(--eui-br-m)}.eui-19 :host.eui-avatar--no-background ::ng-deep .eui-avatar-image img{border-radius:0;background-color:var(--eui-c-white)}.eui-19 :host.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-sh-none);border-radius:var(--eui-br-none)}.eui-19 :host.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-sh-none)}\n"] }]
+                    ], template: "@if(hasShadow) {\n    <div class=\"eui-avatar-shadow\"></div>\n}\n\n<div class=\"eui-avatar-content\">\n    <ng-content select=\"eui-avatar-icon\"></ng-content>\n    <ng-content select=\"eui-avatar-text\"></ng-content>\n    <ng-content select=\"eui-avatar-image\"></ng-content>\n    <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n", styles: [".eui-19 :host.eui-avatar{--_size: 3rem;--_icon-size: 1.5rem;--_font-size: var(--eui-f-size-xl);--_font-weight: var(--eui-f-weight-bold);--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral-bg-light-contrast)}.eui-19 :host.eui-avatar--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast)}.eui-19 :host.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast)}.eui-19 :host.eui-avatar--success{--_bg-color: var(--eui-c-success-dark);--_color: var(--eui-c-success-contrast)}.eui-19 :host.eui-avatar--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast)}.eui-19 :host.eui-avatar--danger{--_bg-color: var(--eui-c-danger-dark);--_color: var(--eui-c-danger-contrast)}.eui-19 :host.eui-avatar--accent{--_bg-color: var(--eui-c-accent-lighter);--_color: var(--eui-c-accent-lighter-contrast)}.eui-19 :host.eui-avatar--flat{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat.eui-avatar--primary{--_bg-color: var(--eui-c-primary-bg);--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-c-info-bg);--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-c-success-bg);--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-c-warning-bg);--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-c-danger-bg);--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-c-accent-bg);--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--size-xs{--_size: 1.5rem;--_font-size: var(--eui-f-size-xs);--_icon-size: var(--eui-is-xs)}.eui-19 :host.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-f-s);--_icon-size: var(--eui-is-s)}.eui-19 :host.eui-avatar--size-m{--_font-size: var(--eui-f-size-xl)}.eui-19 :host.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-l)}.eui-19 :host.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-xl)}.eui-19 :host.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-f-size-3xl);--_icon-size: var(--eui-is-2xl)}.eui-19 :host.eui-avatar{display:inline-flex;position:relative}.eui-19 :host.eui-avatar .eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);background-color:var(--_bg-color);height:var(--_size);width:var(--_size);box-shadow:var(--eui-sh-1);position:relative}.eui-19 :host.eui-avatar .eui-avatar-shadow{position:absolute;right:-.35rem;height:var(--_size);width:var(--_size);border:.65rem solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-max)}.eui-19 :host.eui-avatar--shape-square .eui-avatar-content{border-radius:var(--eui-br-m)}.eui-19 :host.eui-avatar--shape-square ::ng-deep .eui-avatar-image img{border-radius:var(--eui-br-m)}.eui-19 :host.eui-avatar--no-background ::ng-deep .eui-avatar-image img{border-radius:0;background-color:var(--eui-c-white)}.eui-19 :host.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-sh-none);border-radius:var(--eui-br-none)}.eui-19 :host.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-sh-none)}\n"] }]
         }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -83,14 +168,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 args: [{ transform: booleanAttribute }]
             }] } });
 
+/**
+ * @description
+ * Component for displaying a list of avatars.
+ * This component serves as a container that arranges multiple avatars in a visually
+ * coherent group, typically with slight overlapping to save space.
+ *
+ * The component uses content projection to allow placing multiple avatar components
+ * within it and applies appropriate styling via the 'eui-avatar-list' CSS class.
+ *
+ * @example
+ * // Basic usage with multiple avatars:
+ * <eui-avatar-list>
+ *   <eui-avatar>
+ *     <eui-avatar-image imageUrl="path/to/image1.jpg"></eui-avatar-image>
+ *   </eui-avatar>
+ *   <eui-avatar>
+ *     <eui-avatar-image imageUrl="path/to/image2.jpg"></eui-avatar-image>
+ *   </eui-avatar>
+ *   <eui-avatar>
+ *     <eui-avatar-icon>
+ *       <eui-icon name="user"></eui-icon>
+ *     </eui-avatar-icon>
+ *   </eui-avatar>
+ * </eui-avatar-list>
+ */
 class EuiAvatarListComponent {
+    /**
+     * Binds the CSS class 'eui-avatar-list' to the host element.
+     * This class provides the styling necessary for arranging avatars in a list.
+     * @returns {string} The CSS class name
+     */
     get cssClasses() {
         return 'eui-avatar-list';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAvatarListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: EuiAvatarListComponent, isStandalone: false, selector: "eui-avatar-list", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [":host.eui-avatar-list{display:inline-flex}:host.eui-avatar-list ::ng-deep .eui-avatar:not(:first-child){margin-left:-1rem}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiAvatarListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: EuiAvatarListComponent, isStandalone: false, selector: "eui-avatar-list", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [":host.eui-avatar-list{display:inline-flex}:host.eui-avatar-list ::ng-deep .eui-avatar:not(:first-child){margin-left:-1rem}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAvatarListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiAvatarListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-avatar-list', template: '<ng-content/>', standalone: false, styles: [":host.eui-avatar-list{display:inline-flex}:host.eui-avatar-list ::ng-deep .eui-avatar:not(:first-child){margin-left:-1rem}\n"] }]
         }], propDecorators: { cssClasses: [{
@@ -98,14 +213,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 args: ['class']
             }] } });
 
+/**
+ * @description
+ * Component representing an avatar icon.
+ * This component serves as a container for icons within an avatar.
+ * It applies the appropriate styling and structure needed for avatar icons.
+ *
+ * The component simply wraps its content with the 'eui-avatar-icon' class styling.
+ * Used for displaying icons as avatar content instead of images or text.
+ *
+ * @example
+ * // Basic usage with an icon:
+ * <eui-avatar>
+ *   <eui-avatar-icon>
+ *     <eui-icon name="user"></eui-icon>
+ *   </eui-avatar-icon>
+ * </eui-avatar>
+ */
 class EuiAvatarIconComponent {
     constructor() {
+        /** @internal */
         this.string = 'eui-avatar-icon';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: EuiAvatarIconComponent, isStandalone: false, selector: "eui-avatar-icon", host: { properties: { "class": "this.string" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [":host.eui-avatar-icon{display:inline-flex;color:var(--_color)}:host.eui-avatar-icon ::ng-deep .eui-icon-svg svg{height:var(--_icon-size)!important;width:var(--_icon-size)!important;fill:var(--_color)!important;color:var(--_color)!important}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiAvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: EuiAvatarIconComponent, isStandalone: false, selector: "eui-avatar-icon", host: { properties: { "class": "this.string" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [":host.eui-avatar-icon{display:inline-flex;color:var(--_color)}:host.eui-avatar-icon ::ng-deep .eui-icon-svg svg{height:var(--_icon-size)!important;width:var(--_icon-size)!important;fill:var(--_color)!important;color:var(--_color)!important}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAvatarIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiAvatarIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-avatar-icon', template: '<ng-content/>', standalone: false, styles: [":host.eui-avatar-icon{display:inline-flex;color:var(--_color)}:host.eui-avatar-icon ::ng-deep .eui-icon-svg svg{height:var(--_icon-size)!important;width:var(--_icon-size)!important;fill:var(--_color)!important;color:var(--_color)!important}\n"] }]
         }], propDecorators: { string: [{
@@ -113,14 +246,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 args: ['class']
             }] } });
 
+/**
+ * @description
+ * Component for displaying text content within an avatar.
+ * This component serves as a container for text that appears inside an avatar,
+ * such as initials or short text identifiers.
+ *
+ * The component applies the 'eui-avatar-text' class to provide appropriate styling
+ * for text displayed within an avatar context. It uses content projection to allow
+ * any text content to be displayed inside.
+ *
+ * @example
+ * // Basic usage with initials:
+ * <eui-avatar>
+ *   <eui-avatar-text>JD</eui-avatar-text>
+ * </eui-avatar>
+ *
+ * @example
+ * // With a single character:
+ * <eui-avatar>
+ *   <eui-avatar-text>A</eui-avatar-text>
+ * </eui-avatar>
+ *
+ * @example
+ * // Used with other avatar components:
+ * <eui-avatar>
+ *   <eui-avatar-text>BN</eui-avatar-text>
+ *   <eui-avatar-badge position="bottom">
+ *     <span class="status-indicator"></span>
+ *   </eui-avatar-badge>
+ * </eui-avatar>
+ */
 class EuiAvatarTextComponent {
     constructor() {
+        /**
+         * Binds the CSS class 'eui-avatar-text' to the host element.
+         * This class provides the styling necessary for text content within an avatar.
+         */
         this.string = 'eui-avatar-text';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAvatarTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: EuiAvatarTextComponent, isStandalone: false, selector: "eui-avatar-text", host: { properties: { "class": "this.string" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [":host.eui-avatar-text{color:var(--_color);font-weight:var(--_font-weight);font-size:var(--_font-size)}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiAvatarTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: EuiAvatarTextComponent, isStandalone: false, selector: "eui-avatar-text", host: { properties: { "class": "this.string" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [":host.eui-avatar-text{color:var(--_color);font-weight:var(--_font-weight);font-size:var(--_font-size)}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAvatarTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiAvatarTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-avatar-text', template: '<ng-content/>', standalone: false, styles: [":host.eui-avatar-text{color:var(--_color);font-weight:var(--_font-weight);font-size:var(--_font-size)}\n"] }]
         }], propDecorators: { string: [{
@@ -128,12 +296,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 args: ['class']
             }] } });
 
+/**
+ * @description
+ * Component representing an avatar image.
+ * Displays an image for an avatar with fallback to a default image when none is provided.
+ * Uses the application's configured assets base URL for the default image path.
+ *
+ * @example
+ * <eui-avatar-image imageUrl="{{path/to/image.jpg}}"></eui-avatar-image>
+ *
+ */
 class EuiAvatarImageComponent {
+    /**
+     * @param {EuiConfig} config - Optional configuration object containing application settings
+     */
     constructor(config) {
         this.config = config;
+        /** CSS class applied to the host element */
         this.string = 'eui-avatar-image';
+        /**
+         * The final image URL to be used in the template.
+         * This will be either the provided imageUrl or a default image URL.
+         */
         this.imageUrlGenerated = 'assets';
     }
+    /**
+     * Initializes the component by setting the image URL.
+     * Uses the provided imageUrl if available, otherwise falls back to a default avatar image.
+     */
     ngOnInit() {
         let assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;
         if (!assetsBaseUrl) {
@@ -146,10 +336,10 @@ class EuiAvatarImageComponent {
             this.imageUrlGenerated = this.imageUrl;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAvatarImageComponent, deps: [{ token: EUI_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: EuiAvatarImageComponent, isStandalone: false, selector: "eui-avatar-image", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "@if (imageUrlGenerated) {\n    <img [src]=\"imageUrlGenerated\" alt=\"Avatar\"/>\n} @else {\n    <ng-content></ng-content>\n}\n", styles: [":host.eui-avatar-image{background-size:cover;height:100%;width:100%}:host.eui-avatar-image img{border-radius:var(--eui-br-max);height:100%;width:100%}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiAvatarImageComponent, deps: [{ token: EUI_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: EuiAvatarImageComponent, isStandalone: false, selector: "eui-avatar-image", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "@if (imageUrlGenerated) {\n    <img [src]=\"imageUrlGenerated\" alt=\"Avatar\"/>\n} @else {\n    <ng-content></ng-content>\n}\n", styles: [":host.eui-avatar-image{background-size:cover;height:100%;width:100%}:host.eui-avatar-image img{border-radius:var(--eui-br-max);height:100%;width:100%}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAvatarImageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiAvatarImageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-avatar-image', standalone: false, template: "@if (imageUrlGenerated) {\n    <img [src]=\"imageUrlGenerated\" alt=\"Avatar\"/>\n} @else {\n    <ng-content></ng-content>\n}\n", styles: [":host.eui-avatar-image{background-size:cover;height:100%;width:100%}:host.eui-avatar-image img{border-radius:var(--eui-br-max);height:100%;width:100%}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -164,20 +354,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 type: Input
             }] } });
 
+/**
+ * Component representing an avatar badge.
+ * This badge can be positioned at the top or bottom of the avatar and is used
+ * to display additional information or status indicators.
+ *
+ * The component uses content projection to allow any content to be displayed inside the badge.
+ *
+ * @example
+ * // Basic usage with a status indicator:
+ * <eui-avatar>
+ *   <eui-avatar-image imageUrl="path/to/image.jpg"></eui-avatar-image>
+ *   <eui-avatar-badge>
+ *     <span class="status-indicator"></span>
+ *   </eui-avatar-badge>
+ * </eui-avatar>
+ *
+ * @example
+ * // With position set to bottom:
+ * <eui-avatar>
+ *   <eui-avatar-icon>
+ *     <eui-icon name="user"></eui-icon>
+ *   </eui-avatar-icon>
+ *   <eui-avatar-badge position="bottom">
+ *     <span class="notification">3</span>
+ *   </eui-avatar-badge>
+ * </eui-avatar>
+ */
 class EuiAvatarBadgeComponent {
     constructor() {
+        /**
+         * The position of the badge relative to the avatar.
+         * Can be either 'top' or 'bottom'.
+         * @default 'top'
+         */
         this.position = 'top';
     }
+    /**
+     * Gets the CSS classes to be applied to the host element.
+     * Combines the base class with a modifier class based on the position.
+     * @returns {string} The combined CSS classes.
+     */
     get cssClasses() {
         return [
             'eui-avatar-badge',
             `eui-avatar-badge--${this.position}`,
         ].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAvatarBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: EuiAvatarBadgeComponent, isStandalone: false, selector: "eui-avatar-badge", inputs: { position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [":host.eui-avatar-badge{position:absolute;left:70%}:host.eui-avatar-badge--top{top:0%}:host.eui-avatar-badge--bottom{top:60%}:host.eui-avatar-badge ::ng-deep .eui-badge{border-color:var(--eui-c-white)}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiAvatarBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: EuiAvatarBadgeComponent, isStandalone: false, selector: "eui-avatar-badge", inputs: { position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [":host.eui-avatar-badge{position:absolute;left:70%}:host.eui-avatar-badge--top{top:0%}:host.eui-avatar-badge--bottom{top:60%}:host.eui-avatar-badge ::ng-deep .eui-badge{border-color:var(--eui-c-white)}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAvatarBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiAvatarBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-avatar-badge', template: '<ng-content/>', standalone: false, styles: [":host.eui-avatar-badge{position:absolute;left:70%}:host.eui-avatar-badge--top{top:0%}:host.eui-avatar-badge--bottom{top:60%}:host.eui-avatar-badge ::ng-deep .eui-badge{border-color:var(--eui-c-white)}\n"] }]
         }], propDecorators: { cssClasses: [{
@@ -188,41 +415,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
             }] } });
 
 const COMPONENTS = [
-    EuiAvatarComponent,
     EuiAvatarIconComponent,
     EuiAvatarTextComponent,
     EuiAvatarImageComponent,
     EuiAvatarBadgeComponent,
     EuiAvatarListComponent,
 ];
+/**
+ * @description
+ * Provides the complete avatar component system for the EUI design system.
+ *
+ * This module exports all avatar-related components and bundles them together to provide
+ * a cohesive API for avatar functionality. The module includes components for displaying
+ * avatars with various content types (images, text, or icons), badges, and avatar lists.
+ *
+ * @example
+ * import { EuiAvatarModule } from '@eui/components/eui-avatar';
+ *
+ * @NgModule({
+ *   imports: [
+ *     EuiAvatarModule,
+ *   ],
+ * })
+ * export class MyFeatureModule {}
+ *
+ * @see EuiAvatarComponent
+ * @see EuiAvatarImageComponent
+ * @see EuiAvatarTextComponent
+ * @see EuiAvatarIconComponent
+ * @see EuiAvatarBadgeComponent
+ * @see EuiAvatarListComponent
+ */
 class EuiAvatarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: EuiAvatarModule, declarations: [EuiAvatarComponent,
-            EuiAvatarIconComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: EuiAvatarModule, declarations: [EuiAvatarIconComponent,
             EuiAvatarTextComponent,
             EuiAvatarImageComponent,
             EuiAvatarBadgeComponent,
             EuiAvatarListComponent], imports: [CommonModule,
-            EuiIconModule,
-            BaseStatesDirective], exports: [EuiAvatarComponent,
-            EuiAvatarIconComponent,
+            EuiAvatarComponent], exports: [EuiAvatarIconComponent,
             EuiAvatarTextComponent,
             EuiAvatarImageComponent,
             EuiAvatarBadgeComponent,
-            EuiAvatarListComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAvatarModule, imports: [CommonModule,
-            EuiIconModule] }); }
+            EuiAvatarListComponent, EuiAvatarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiAvatarModule, imports: [CommonModule,
+            EuiAvatarComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAvatarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiAvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
                         CommonModule,
-                        EuiIconModule,
-                        BaseStatesDirective,
+                        EuiAvatarComponent,
                     ],
                     declarations: [...COMPONENTS],
-                    exports: [...COMPONENTS],
+                    exports: [
+                        ...COMPONENTS,
+                        EuiAvatarComponent,
+                    ],
                 }]
         }] });
 

package/fesm2022/eui-components-eui-avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-avatar.mjs","sources":["../../eui-avatar/eui-avatar.component.ts","../../eui-avatar/eui-avatar.component.html","../../eui-avatar/avatar-list/avatar-list.component.ts","../../eui-avatar/avatar-icon/avatar-icon.component.ts","../../eui-avatar/avatar-text/avatar-text.component.ts","../../eui-avatar/avatar-image/avatar-image.component.ts","../../eui-avatar/avatar-image/avatar-image.component.html","../../eui-avatar/avatar-badge/avatar-badge.component.ts","../../eui-avatar/eui-avatar.module.ts","../../eui-avatar/eui-components-eui-avatar.ts"],"sourcesContent":["import { Component, HostBinding, ChangeDetectionStrategy, Input, booleanAttribute, inject } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'div[euiAvatar], span[euiAvatar], eui-avatar',\n    templateUrl: './eui-avatar.component.html',\n    styleUrl: './styles/_index.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSize2XL',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EuiAvatarComponent {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-avatar'),\n            this.isShapeSquare ? 'eui-avatar--shape-square' : '',\n            this.isFlat ? 'eui-avatar--flat eui--basic' : '',\n            this.hasNoBackground ? 'eui-avatar--no-background' : '',\n        ].join(' ').trim();\n    }\n\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-avatar';\n    @HostBinding('attr.role') role = 'status';\n    @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'avatar';\n\n    @Input({ transform: booleanAttribute }) hasShadow = false;\n    @Input({ transform: booleanAttribute }) isShapeSquare = false;\n    @Input({ transform: booleanAttribute }) isFlat = false;\n    @Input({ transform: booleanAttribute }) hasNoBackground = false;\n\n    protected baseStatesDirective = inject(BaseStatesDirective);\n}\n","<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n    <ng-content select=\"eui-avatar-icon\"></ng-content>\n    <ng-content select=\"eui-avatar-text\"></ng-content>\n    <ng-content select=\"eui-avatar-image\"></ng-content>\n    <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-list',\n    template: '<ng-content/>',\n    styleUrl: './avatar-list.scss',\n    standalone: false,\n})\nexport class EuiAvatarListComponent {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return 'eui-avatar-list';\n    }\n}\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-icon',\n    template: '<ng-content/>',\n    styleUrl: './avatar-icon.scss',\n    standalone: false,\n})\nexport class EuiAvatarIconComponent {\n    @HostBinding('class') string = 'eui-avatar-icon';\n}\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-text',\n    template: '<ng-content/>',\n    styleUrl: './avatar-text.scss',\n    standalone: false,\n\n})\nexport class EuiAvatarTextComponent {\n    @HostBinding('class') string = 'eui-avatar-text';\n}\n","import { Component, HostBinding, Inject, Input, OnInit, Optional } from '@angular/core';\nimport { EuiConfig } from '@eui/core';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\n\n@Component({\n    selector: 'eui-avatar-image',\n    templateUrl: './avatar-image.component.html',\n    styleUrl: './avatar-image.scss',\n    standalone: false,\n})\nexport class EuiAvatarImageComponent implements OnInit {\n    @HostBinding('class') string = 'eui-avatar-image';\n\n    @Input() imageUrl;\n\n    public imageUrlGenerated = 'assets';\n\n    constructor(\n        @Optional() @Inject(EUI_CONFIG_TOKEN) private config: EuiConfig,\n    ) {\n    }\n\n    ngOnInit(): void {\n        let assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;\n        if (!assetsBaseUrl) {\n            assetsBaseUrl = 'assets';\n        }\n\n        if (!this.imageUrl) {\n            this.imageUrlGenerated = `${assetsBaseUrl}/images/common/ion-avatar.svg`;\n        } else {\n            this.imageUrlGenerated = this.imageUrl;\n        }\n    }\n}\n","@if (imageUrlGenerated) {\n    <img [src]=\"imageUrlGenerated\" alt=\"Avatar\"/>\n} @else {\n    <ng-content></ng-content>\n}\n","import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-badge',\n    template: '<ng-content/>',\n    styleUrl: './avatar-badge.scss',\n    standalone: false,\n})\nexport class EuiAvatarBadgeComponent {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            'eui-avatar-badge',\n            `eui-avatar-badge--${this.position}`,\n        ].join(' ').trim();\n    }\n\n    @Input() position: 'top' | 'bottom' = 'top';\n}\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiAvatarComponent } from './eui-avatar.component';\nimport { EuiAvatarListComponent } from './avatar-list/avatar-list.component';\nimport { EuiAvatarIconComponent } from './avatar-icon/avatar-icon.component';\nimport { EuiAvatarTextComponent } from './avatar-text/avatar-text.component';\nimport { EuiAvatarImageComponent } from './avatar-image/avatar-image.component';\nimport { EuiAvatarBadgeComponent } from './avatar-badge/avatar-badge.component';\n\nconst COMPONENTS = [\n    EuiAvatarComponent,\n    EuiAvatarIconComponent,\n    EuiAvatarTextComponent,\n    EuiAvatarImageComponent,\n    EuiAvatarBadgeComponent,\n    EuiAvatarListComponent,\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        EuiIconModule,\n        BaseStatesDirective,\n    ],\n    declarations: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EuiAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-avatar.mjs","sources":["../../eui-avatar/eui-avatar.component.ts","../../eui-avatar/eui-avatar.component.html","../../eui-avatar/avatar-list/avatar-list.component.ts","../../eui-avatar/avatar-icon/avatar-icon.component.ts","../../eui-avatar/avatar-text/avatar-text.component.ts","../../eui-avatar/avatar-image/avatar-image.component.ts","../../eui-avatar/avatar-image/avatar-image.component.html","../../eui-avatar/avatar-badge/avatar-badge.component.ts","../../eui-avatar/eui-avatar.module.ts","../../eui-avatar/eui-components-eui-avatar.ts"],"sourcesContent":["import { Component, HostBinding, ChangeDetectionStrategy, Input, booleanAttribute, inject } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n/**\n * @description\n * Component for displaying avatars in the EUI design system.\n *\n * An avatar is a visual representation of a user or entity, and can contain\n * an image, text, or an icon. This component serves as the container for\n * various avatar sub-components, such as EuiAvatarImage, EuiAvatarText,\n * EuiAvatarIcon, and EuiAvatarBadge.\n *\n * The component supports various customizations including colors (via state directives),\n * sizes, shapes, and appearance modifiers.\n *\n * @example\n * // Basic usage with an image:\n * <eui-avatar>\n *   <eui-avatar-image imageUrl=\"path/to/image.jpg\"></eui-avatar-image>\n * </eui-avatar>\n *\n * @example\n * // With text content (typically initials):\n * <eui-avatar>\n *   <eui-avatar-text>NB</eui-avatar-text>\n * </eui-avatar>\n *\n * @example\n * // With an icon:\n * <eui-avatar>\n *   <eui-avatar-icon>\n *     <eui-icon name=\"user\"></eui-icon>\n *   </eui-avatar-icon>\n * </eui-avatar>\n *\n * @example\n * // With badge and custom properties:\n * <eui-avatar euiPrimary euiSizeL isShapeSquare>\n *   <eui-avatar-image imageUrl=\"path/to/image.jpg\"></eui-avatar-image>\n *   <eui-avatar-badge position=\"bottom\">\n *     <span class=\"status-indicator\"></span>\n *   </eui-avatar-badge>\n * </eui-avatar>\n *\n * @example\n * // Using the attribute selector:\n * <div euiAvatar euiAccent isFlat>\n *   <eui-avatar-text>AB</eui-avatar-text>\n * </div>\n */\n@Component({\n    selector: 'div[euiAvatar], span[euiAvatar], eui-avatar',\n    templateUrl: './eui-avatar.component.html',\n    styleUrl: './styles/_index.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        EuiIconModule,\n    ],\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSize2XL',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EuiAvatarComponent {\n    /**\n     * Gets the CSS classes to be applied to the host element.\n     * Combines base classes with modifier classes.\n     * @returns {string} The combined CSS classes\n     */\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-avatar'),\n            this.isShapeSquare ? 'eui-avatar--shape-square' : '',\n            this.isFlat ? 'eui-avatar--flat eui--basic' : '',\n            this.hasNoBackground ? 'eui-avatar--no-background' : '',\n        ].join(' ').trim();\n    }\n\n    /**\n     * Data attribute for E2E testing\n     * @default 'eui-avatar'\n     */\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-avatar';\n\n    /**\n     * ARIA role for accessibility\n     * @default 'status'\n     */\n    @HostBinding('attr.role') role = 'status';\n\n    /**\n     * ARIA label for accessibility\n     * @default 'avatar'\n     */\n    @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'avatar';\n\n    /**\n     * Whether the avatar should have a shadow effect\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) hasShadow = false;\n\n    /**\n     * Whether the avatar shape should be square instead of circular\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isShapeSquare = false;\n\n    /**\n     * Whether the avatar should have a flat appearance\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isFlat = false;\n\n    /**\n     * Whether the avatar should have no background color\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) hasNoBackground = false;\n\n    /**\n     * Reference to the BaseStatesDirective providing state-based styling\n     * @internal\n     */\n    protected baseStatesDirective = inject(BaseStatesDirective);\n}\n","@if(hasShadow) {\n    <div class=\"eui-avatar-shadow\"></div>\n}\n\n<div class=\"eui-avatar-content\">\n    <ng-content select=\"eui-avatar-icon\"></ng-content>\n    <ng-content select=\"eui-avatar-text\"></ng-content>\n    <ng-content select=\"eui-avatar-image\"></ng-content>\n    <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n","import { Component, HostBinding } from '@angular/core';\n\n/**\n * @description\n * Component for displaying a list of avatars.\n * This component serves as a container that arranges multiple avatars in a visually\n * coherent group, typically with slight overlapping to save space.\n *\n * The component uses content projection to allow placing multiple avatar components\n * within it and applies appropriate styling via the 'eui-avatar-list' CSS class.\n *\n * @example\n * // Basic usage with multiple avatars:\n * <eui-avatar-list>\n *   <eui-avatar>\n *     <eui-avatar-image imageUrl=\"path/to/image1.jpg\"></eui-avatar-image>\n *   </eui-avatar>\n *   <eui-avatar>\n *     <eui-avatar-image imageUrl=\"path/to/image2.jpg\"></eui-avatar-image>\n *   </eui-avatar>\n *   <eui-avatar>\n *     <eui-avatar-icon>\n *       <eui-icon name=\"user\"></eui-icon>\n *     </eui-avatar-icon>\n *   </eui-avatar>\n * </eui-avatar-list>\n */\n@Component({\n    selector: 'eui-avatar-list',\n    template: '<ng-content/>',\n    styleUrl: './avatar-list.scss',\n    standalone: false,\n})\nexport class EuiAvatarListComponent {\n    /**\n     * Binds the CSS class 'eui-avatar-list' to the host element.\n     * This class provides the styling necessary for arranging avatars in a list.\n     * @returns {string} The CSS class name\n     */\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return 'eui-avatar-list';\n    }\n}\n","import { Component, HostBinding } from '@angular/core';\n\n/**\n * @description\n * Component representing an avatar icon.\n * This component serves as a container for icons within an avatar.\n * It applies the appropriate styling and structure needed for avatar icons.\n *\n * The component simply wraps its content with the 'eui-avatar-icon' class styling.\n * Used for displaying icons as avatar content instead of images or text.\n *\n * @example\n * // Basic usage with an icon:\n * <eui-avatar>\n *   <eui-avatar-icon>\n *     <eui-icon name=\"user\"></eui-icon>\n *   </eui-avatar-icon>\n * </eui-avatar>\n */\n@Component({\n    selector: 'eui-avatar-icon',\n    template: '<ng-content/>',\n    styleUrl: './avatar-icon.scss',\n    standalone: false,\n})\nexport class EuiAvatarIconComponent {\n    /** @internal */\n    @HostBinding('class') string = 'eui-avatar-icon';\n}\n","import { Component, HostBinding } from '@angular/core';\n\n/**\n * @description\n * Component for displaying text content within an avatar.\n * This component serves as a container for text that appears inside an avatar,\n * such as initials or short text identifiers.\n *\n * The component applies the 'eui-avatar-text' class to provide appropriate styling\n * for text displayed within an avatar context. It uses content projection to allow\n * any text content to be displayed inside.\n *\n * @example\n * // Basic usage with initials:\n * <eui-avatar>\n *   <eui-avatar-text>JD</eui-avatar-text>\n * </eui-avatar>\n *\n * @example\n * // With a single character:\n * <eui-avatar>\n *   <eui-avatar-text>A</eui-avatar-text>\n * </eui-avatar>\n *\n * @example\n * // Used with other avatar components:\n * <eui-avatar>\n *   <eui-avatar-text>BN</eui-avatar-text>\n *   <eui-avatar-badge position=\"bottom\">\n *     <span class=\"status-indicator\"></span>\n *   </eui-avatar-badge>\n * </eui-avatar>\n */\n@Component({\n    selector: 'eui-avatar-text',\n    template: '<ng-content/>',\n    styleUrl: './avatar-text.scss',\n    standalone: false,\n})\nexport class EuiAvatarTextComponent {\n    /**\n     * Binds the CSS class 'eui-avatar-text' to the host element.\n     * This class provides the styling necessary for text content within an avatar.\n     */\n    @HostBinding('class') string = 'eui-avatar-text';\n}\n","import { Component, HostBinding, Inject, Input, OnInit, Optional } from '@angular/core';\nimport { EuiConfig } from '@eui/core';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\n\n/**\n * @description\n * Component representing an avatar image.\n * Displays an image for an avatar with fallback to a default image when none is provided.\n * Uses the application's configured assets base URL for the default image path.\n *\n * @example\n * <eui-avatar-image imageUrl=\"{{path/to/image.jpg}}\"></eui-avatar-image>\n *\n */\n@Component({\n    selector: 'eui-avatar-image',\n    templateUrl: './avatar-image.component.html',\n    styleUrl: './avatar-image.scss',\n    standalone: false,\n})\nexport class EuiAvatarImageComponent implements OnInit {\n    /** CSS class applied to the host element */\n    @HostBinding('class') string = 'eui-avatar-image';\n\n    /**\n     * URL of the image to be displayed in the avatar.\n     * If not provided, a default image will be used.\n     */\n    @Input() imageUrl;\n\n    /**\n     * The final image URL to be used in the template.\n     * This will be either the provided imageUrl or a default image URL.\n     */\n    public imageUrlGenerated = 'assets';\n\n    /**\n     * @param {EuiConfig} config - Optional configuration object containing application settings\n     */\n    constructor(\n        @Optional() @Inject(EUI_CONFIG_TOKEN) private config: EuiConfig,\n    ) {\n    }\n\n    /**\n     * Initializes the component by setting the image URL.\n     * Uses the provided imageUrl if available, otherwise falls back to a default avatar image.\n     */\n    ngOnInit(): void {\n        let assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;\n        if (!assetsBaseUrl) {\n            assetsBaseUrl = 'assets';\n        }\n\n        if (!this.imageUrl) {\n            this.imageUrlGenerated = `${assetsBaseUrl}/images/common/ion-avatar.svg`;\n        } else {\n            this.imageUrlGenerated = this.imageUrl;\n        }\n    }\n}\n","@if (imageUrlGenerated) {\n    <img [src]=\"imageUrlGenerated\" alt=\"Avatar\"/>\n} @else {\n    <ng-content></ng-content>\n}\n","import { Component, HostBinding, Input } from '@angular/core';\n\n/**\n * Component representing an avatar badge.\n * This badge can be positioned at the top or bottom of the avatar and is used\n * to display additional information or status indicators.\n *\n * The component uses content projection to allow any content to be displayed inside the badge.\n *\n * @example\n * // Basic usage with a status indicator:\n * <eui-avatar>\n *   <eui-avatar-image imageUrl=\"path/to/image.jpg\"></eui-avatar-image>\n *   <eui-avatar-badge>\n *     <span class=\"status-indicator\"></span>\n *   </eui-avatar-badge>\n * </eui-avatar>\n *\n * @example\n * // With position set to bottom:\n * <eui-avatar>\n *   <eui-avatar-icon>\n *     <eui-icon name=\"user\"></eui-icon>\n *   </eui-avatar-icon>\n *   <eui-avatar-badge position=\"bottom\">\n *     <span class=\"notification\">3</span>\n *   </eui-avatar-badge>\n * </eui-avatar>\n */\n@Component({\n    selector: 'eui-avatar-badge',\n    template: '<ng-content/>',\n    styleUrl: './avatar-badge.scss',\n    standalone: false,\n})\nexport class EuiAvatarBadgeComponent {\n    /**\n     * Gets the CSS classes to be applied to the host element.\n     * Combines the base class with a modifier class based on the position.\n     * @returns {string} The combined CSS classes.\n     */\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            'eui-avatar-badge',\n            `eui-avatar-badge--${this.position}`,\n        ].join(' ').trim();\n    }\n\n    /**\n     * The position of the badge relative to the avatar.\n     * Can be either 'top' or 'bottom'.\n     * @default 'top'\n     */\n    @Input() position: 'top' | 'bottom' = 'top';\n}\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiAvatarComponent } from './eui-avatar.component';\nimport { EuiAvatarListComponent } from './avatar-list/avatar-list.component';\nimport { EuiAvatarIconComponent } from './avatar-icon/avatar-icon.component';\nimport { EuiAvatarTextComponent } from './avatar-text/avatar-text.component';\nimport { EuiAvatarImageComponent } from './avatar-image/avatar-image.component';\nimport { EuiAvatarBadgeComponent } from './avatar-badge/avatar-badge.component';\n\nconst COMPONENTS = [\n    EuiAvatarIconComponent,\n    EuiAvatarTextComponent,\n    EuiAvatarImageComponent,\n    EuiAvatarBadgeComponent,\n    EuiAvatarListComponent,\n];\n\n/**\n * @description\n * Provides the complete avatar component system for the EUI design system.\n *\n * This module exports all avatar-related components and bundles them together to provide\n * a cohesive API for avatar functionality. The module includes components for displaying\n * avatars with various content types (images, text, or icons), badges, and avatar lists.\n *\n * @example\n * import { EuiAvatarModule } from '@eui/components/eui-avatar';\n *\n * @NgModule({\n *   imports: [\n *     EuiAvatarModule,\n *   ],\n * })\n * export class MyFeatureModule {}\n *\n * @see EuiAvatarComponent\n * @see EuiAvatarImageComponent\n * @see EuiAvatarTextComponent\n * @see EuiAvatarIconComponent\n * @see EuiAvatarBadgeComponent\n * @see EuiAvatarListComponent\n */\n@NgModule({\n    imports: [\n        CommonModule,\n        EuiAvatarComponent,\n    ],\n    declarations: [...COMPONENTS],\n    exports: [\n        ...COMPONENTS,\n        EuiAvatarComponent,\n    ],\n})\nexport class EuiAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}