@eui/eds 23.0.0-alpha.6 → 23.0.0-alpha.7

package/fesm2022/eui-eds-eds-alert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-eds-eds-alert.mjs","sources":["../../eds-alert/eds-alert.ts","../../eds-alert/eds-alert.html","../../eds-alert/eds-alert-title.ts","../../eds-alert/index.ts","../../eds-alert/eui-eds-eds-alert.ts"],"sourcesContent":["import {\n    Component,\n    HostBinding,\n    ChangeDetectionStrategy,\n    input,\n    output,\n    booleanAttribute,\n    inject,\n    model,\n    OnInit,\n} from '@angular/core';\n\nimport { EuiBaseColorVariantsDirective } from '@eui/eds/shared';\nimport { EDS_ICON_BUTTON } from '@eui/eds/eds-icon-button';\nimport { EDS_ICON_STATE } from '@eui/eds/eds-icon-state';\n\n@Component({\n    templateUrl: './eds-alert.html',\n    selector: 'div[edsAlert], eds-alert',\n    styleUrl: './eds-alert.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        ...EDS_ICON_BUTTON,\n        ...EDS_ICON_STATE,\n    ],\n    hostDirectives: [\n        {\n            directive: EuiBaseColorVariantsDirective,\n            inputs: [\n                'euiNeutral',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiCritical',\n                'euiColorVariant',\n            ],\n        },\n    ],\n})\nexport class EdsAlert implements OnInit {\n    /**\n     * @description\n     * Computes and returns the CSS classes for the component based on its current state.\n     *\n     * @returns {string} Space-separated string of CSS class names\n     */\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            'eds-alert',\n            this.colorVariantsBase.getCssClasses('eds-alert'),\n            !this.isVisible() ? 'eds-alert--hidden' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    /**\n     * Sets the `role` attribute for the host element.\n     *\n     * @default 'alert'\n     */\n    @HostBinding('attr.role') role = 'alert';\n\n    /**\n     * Sets the `data-e2e` attribute for the host element. It is used for end-to-end testing.\n     *\n     * @default 'eui-alert'\n     */\n    @HostBinding('attr.data-e2e')\n    get e2eAttribute(): string {\n        return this.e2eAttr();\n    }\n\n    /**\n     * Data attribute value for end-to-end testing identification.\n     * Applied as data-e2e attribute on the host element.\n     * @default 'eui-alert'\n     */\n    e2eAttr = input('eui-alert');\n\n    /**\n     * Enables a close button allowing users to dismiss the alert.\n     * When true, displays a close icon button that hides the alert and emits closeAlert event.\n     * @default false\n     */\n    isCloseable = input(false, { transform: booleanAttribute });\n\n    /**\n     * Controls the visibility state of the alert.\n     * Two-way bindable model that can be programmatically controlled or updated by user dismissal.\n     * @default true\n     */\n    isVisible = model(true);\n\n    /**\n     * Emitted when the alert is closed via the close button.\n     * Payload: boolean - always emits false to indicate alert is hidden\n     * Triggered when user clicks the close button (when isCloseable is true).\n     */\n    closeAlert = output<boolean>();\n\n    protected colorVariantsBase: EuiBaseColorVariantsDirective = inject(EuiBaseColorVariantsDirective);\n\n    /**\n     * @description\n     * Unique identifier for the alert component.\n     * This ID is used to associate the alert with its content for accessibility purposes.\n     * It is generated using the `crypto` API to ensure uniqueness.\n     */\n    private uniqueId = crypto.randomUUID();\n\n    /**\n     * Initializes the component.\n     */\n    ngOnInit(): void {\n        if (!this.colorVariantsBase.euiColorVariant) {\n            this.colorVariantsBase.euiInfo = true;\n        }\n    }\n\n    /**\n     * Hide the alert and emits the `closeAlert` event when the close button is clicked.\n     */\n    onCloseClick(): void {\n        this.isVisible.set(false);\n        this.closeAlert.emit(false);\n    }\n}\n","<eds-icon-state class=\"eds-alert__icon\" [euiColorVariant]=\"colorVariantsBase.euiColorVariant\"/>\n\n<div class=\"eds-alert__content\">\n    <ng-content select=\"eds-alert-title\"/>\n    <ng-content />\n</div>\n\n@if (isCloseable()) {\n    <button edsIconButton class=\"eds-alert__close\" \n        ariaLabel=\"Close alert icon\"\n        icon=\"x\" euiRounded euiSizeS euiNeutral\n        (buttonClick)=\"onCloseClick()\">\n    </button>\n}\n","import {\n    Component,\n    ChangeDetectionStrategy,\n} from '@angular/core';\n\n@Component({\n    template: '<ng-content/>',\n    selector: 'eds-alert-title',\n    styleUrl: './eds-alert-title.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAlertTitle {\n}\n","import { EdsAlert } from './eds-alert';\nimport { EdsAlertTitle } from './eds-alert-title';\n\nexport * from './eds-alert';\nexport * from './eds-alert-title';\n\nexport const EDS_ALERT = [\n    EdsAlert,\n    EdsAlertTitle,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-eds-eds-alert.mjs","sources":["../../eds-alert/eds-alert.ts","../../eds-alert/eds-alert.html","../../eds-alert/eds-alert-title.ts","../../eds-alert/index.ts","../../eds-alert/eui-eds-eds-alert.ts"],"sourcesContent":["import {\n    Component,\n    ChangeDetectionStrategy,\n    input,\n    output,\n    computed,\n    booleanAttribute,\n    inject,\n    model,\n    OnInit,\n} from '@angular/core';\n\nimport { EdsBaseColorVariantsDirective } from '@eui/eds/shared';\nimport { EDS_ICON_BUTTON } from '@eui/eds/eds-icon-button';\nimport { EDS_ICON_STATE } from '@eui/eds/eds-icon-state';\n\n@Component({\n    templateUrl: './eds-alert.html',\n    selector: 'div[edsAlert], eds-alert',\n    styleUrl: './eds-alert.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        ...EDS_ICON_BUTTON,\n        ...EDS_ICON_STATE,\n    ],\n    hostDirectives: [\n        {\n            directive: EdsBaseColorVariantsDirective,\n            inputs: [\n                'edsNeutral',\n                'edsSuccess',\n                'edsInfo',\n                'edsWarning',\n                'edsCritical',\n                'edsColorVariant',\n            ],\n        },\n    ],\n    host: {\n        '[class]': 'hostClasses()',\n        role: 'alert',\n        '[attr.data-e2e]': 'e2eAttr()',\n    },\n})\nexport class EdsAlert implements OnInit {\n    /**\n     * Data attribute value for end-to-end testing identification.\n     * Applied as data-e2e attribute on the host element.\n     * @default 'eds-alert'\n     */\n    e2eAttr = input('eds-alert');\n\n    /**\n     * Enables a close button allowing users to dismiss the alert.\n     * When true, displays a close icon button that hides the alert and emits closeAlert event.\n     * @default false\n     */\n    isCloseable = input(false, { transform: booleanAttribute });\n\n    /**\n     * Controls the visibility state of the alert.\n     * Two-way bindable model that can be programmatically controlled or updated by user dismissal.\n     * @default true\n     */\n    isVisible = model(true);\n\n    /**\n     * Emitted when the alert is closed via the close button.\n     * Payload: boolean - always emits false to indicate alert is hidden\n     * Triggered when user clicks the close button (when isCloseable is true).\n     */\n    closeAlert = output<boolean>();\n\n    protected colorVariantsBase: EdsBaseColorVariantsDirective = inject(EdsBaseColorVariantsDirective);\n\n    /**\n     * Computed host CSS classes based on current state.\n     */\n    hostClasses = computed(() => {\n        return [\n            'eds-alert',\n            this.colorVariantsBase.getCssClasses('eds-alert'),\n            !this.isVisible() ? 'eds-alert--hidden' : '',\n        ]\n            .join(' ')\n            .trim();\n    });\n\n    /**\n     * Initializes the component with default color variant if none set.\n     */\n    ngOnInit(): void {\n        if (!this.colorVariantsBase.edsColorVariant) {\n            this.colorVariantsBase.edsInfo = true;\n        }\n    }\n\n    /**\n     * Hide the alert and emits the `closeAlert` event when the close button is clicked.\n     */\n    onCloseClick(): void {\n        this.isVisible.set(false);\n        this.closeAlert.emit(false);\n    }\n}\n","<eds-icon-state class=\"eds-alert__icon\" [edsColorVariant]=\"colorVariantsBase.edsColorVariant\"/>\n\n<div class=\"eds-alert__content\">\n    <ng-content select=\"eds-alert-title\"/>\n    <ng-content />\n</div>\n\n@if (isCloseable()) {\n    <button edsIconButton class=\"eds-alert__close\" \n        ariaLabel=\"Close alert icon\"\n        icon=\"x\" edsRounded edsSizeS edsNeutral\n        (buttonClick)=\"onCloseClick()\">\n    </button>\n}\n","import {\n    Component,\n    ChangeDetectionStrategy,\n} from '@angular/core';\n\n@Component({\n    template: '<ng-content/>',\n    selector: 'eds-alert-title',\n    styleUrl: './eds-alert-title.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAlertTitle {\n}\n","import { EdsAlert } from './eds-alert';\nimport { EdsAlertTitle } from './eds-alert-title';\n\nexport * from './eds-alert';\nexport * from './eds-alert-title';\n\nexport const EDS_ALERT = [\n    EdsAlert,\n    EdsAlertTitle,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { booleanAttribute, Input, ChangeDetectionStrategy, Component, inject, ContentChild, forwardRef, HostBinding } from '@angular/core';
+import { booleanAttribute, Input, ChangeDetectionStrategy, Component, input, inject, contentChild, forwardRef } from '@angular/core';
 import * as i1 from '@eui/eds/eds-icon';
 import { EDS_ICON } from '@eui/eds/eds-icon';
 import * as i1$1 from '@eui/eds/shared';
-import { EuiBaseSizeVariantsDirective } from '@eui/eds/shared';
+import { EdsBaseSizeVariantsDirective } from '@eui/eds/shared';
 
 class EdsAvatarBadge {
     constructor() {
@@ -162,18 +162,20 @@ class EdsAvatar {
          * Data attribute for E2E testing
          * @default 'eds-avatar'
          */
-        this.e2eAttr = 'eds-avatar';
-        /**
-         * ARIA role for accessibility
-         * @default 'status'
-         */
-        this.role = 'status';
+        this.e2eAttr = input('eds-avatar', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "e2eAttr" }] : /* istanbul ignore next */ []));
         /**
          * ARIA label for accessibility
          * @default 'avatar'
          */
-        this.ariaLabel = 'avatar';
-        this.sizeVariantsBase = inject(EuiBaseSizeVariantsDirective);
+        this.ariaLabel = input('avatar', { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+        /**
+         * Extra color palette to be used on the status-badge.
+         */
+        this.colorPalette = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "colorPalette" }] : /* istanbul ignore next */ []));
+        this.sizeVariantsBase = inject(EdsBaseSizeVariantsDirective);
+        this.avatarImage = contentChild.required(forwardRef(() => EdsAvatarImage));
     }
     /**
      * Gets the CSS classes to be applied to the host element.
@@ -184,56 +186,40 @@ class EdsAvatar {
         return [
             'eds-avatar',
             this.sizeVariantsBase.getCssClasses('eds-avatar'),
-            this.avatarImage ? 'eds-avatar--image' : '',
+            this.avatarImage() ? 'eds-avatar--image' : '',
+            this.colorPalette() ? `eds-avatar--${this.colorPalette()}` : '',
         ].join(' ').trim();
     }
     ngOnInit() {
-        if (!this.sizeVariantsBase.euiSizeVariant) {
-            this.sizeVariantsBase.euiSizeM = true;
+        if (!this.sizeVariantsBase.edsSizeVariant) {
+            this.sizeVariantsBase.edsSizeM = true;
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsAvatar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsAvatar, isStandalone: true, selector: "div[edsAvatar], span[edsAvatar], eds-avatar", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "class": "cssClasses()", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, queries: [{ propertyName: "avatarImage", first: true, predicate: i0.forwardRef(() => EdsAvatarImage), descendants: true }], hostDirectives: [{ directive: i1$1.EuiBaseSizeVariantsDirective, inputs: ["euiSize2XS", "euiSize2XS", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<!-- @if (hasShadow) {\n    <div class=\"eds-avatar-shadow\"></div>\n} -->\n\n<div class=\"eds-avatar-wrapper\">\n    <ng-content select=\"eds-avatar-icon\"/>\n    <ng-content select=\"eds-avatar-text\"/>\n    <ng-content select=\"eds-avatar-image\"/>\n    <ng-content select=\"eds-avatar-badge\"/>\n</div>\n\n<ng-content select=\"eds-avatar-content\"/>\n", styles: [".eui-21 :host.eds-avatar.eds-avatar--size-2xs{--_size: var(--eds-si-m);--_icon-size: var(--eds-is-2xs);--_font-size: var(--eds-f-s-xs)}.eui-21 :host.eds-avatar.eds-avatar--size-xs{--_size: var(--eds-si-xl);--_icon-size: var(--eds-is-xs);--_font-size: var(--eds-f-s-s)}.eui-21 :host.eds-avatar.eds-avatar--size-s{--_size: var(--eds-si-3xl);--_icon-size: var(--eds-is-s);--_font-size: var(--eds-f-s-l)}.eui-21 :host.eds-avatar.eds-avatar--size-m{--_size: var(--eds-si-4xl);--_icon-size: var(--eds-is-m);--_font-size: var(--eds-f-s-xl)}.eui-21 :host.eds-avatar.eds-avatar--size-l{--_size: var(--eds-si-6xl);--_icon-size: var(--eds-is-l);--_font-size: var(--eds-f-s-2xl)}.eui-21 :host.eds-avatar.eds-avatar--size-xl{--_size: var(--eds-si-9xl);--_icon-size: var(--eds-is-xl);--_font-size: var(--eds-f-s-4xl)}.eui-21 :host.eds-avatar{display:inline-flex;position:relative;align-items:center;gap:var(--eds-sp-s);border-radius:var(--eds-br-full)}.eui-21 :host.eds-avatar .eds-avatar-wrapper{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eds-br-full);background-color:var(--eds-c-surface-neutral-subtler);height:var(--_size);width:var(--_size);position:relative}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: EdsAvatar, isStandalone: true, selector: "div[edsAvatar], span[edsAvatar], eds-avatar", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, colorPalette: { classPropertyName: "colorPalette", publicName: "colorPalette", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cssClasses()", "attr.data-e2e": "e2eAttr()", "attr.role": "\"status\"", "attr.aria-label": "ariaLabel()" } }, queries: [{ propertyName: "avatarImage", first: true, predicate: i0.forwardRef(() => EdsAvatarImage), descendants: true, isSignal: true }], hostDirectives: [{ directive: i1$1.EdsBaseSizeVariantsDirective, inputs: ["edsSize2XS", "edsSize2XS", "edsSizeXS", "edsSizeXS", "edsSizeS", "edsSizeS", "edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeXL", "edsSizeXL", "edsSizeVariant", "edsSizeVariant"] }], ngImport: i0, template: "<!-- @if (hasShadow) {\n    <div class=\"eds-avatar-shadow\"></div>\n} -->\n\n<div class=\"eds-avatar-wrapper\">\n    <ng-content select=\"eds-avatar-icon\"/>\n    <ng-content select=\"eds-avatar-text\"/>\n    <ng-content select=\"eds-avatar-image\"/>\n    <ng-content select=\"eds-avatar-badge\"/>\n</div>\n\n<ng-content select=\"eds-avatar-content\"/>\n", styles: [".eui-21 :host.eds-avatar{--_surface: var(--eds-c-surface-neutral-subtler);--_on-surface: var(--eds-c-on-surface-neutral-subtler)}.eui-21 :host.eds-avatar.eds-avatar--size-2xs{--_size: var(--eds-si-m);--_icon-size: var(--eds-is-2xs);--_font-size: var(--eds-f-s-xs)}.eui-21 :host.eds-avatar.eds-avatar--size-xs{--_size: var(--eds-si-xl);--_icon-size: var(--eds-is-xs);--_font-size: var(--eds-f-s-s)}.eui-21 :host.eds-avatar.eds-avatar--size-s{--_size: var(--eds-si-3xl);--_icon-size: var(--eds-is-s);--_font-size: var(--eds-f-s-l)}.eui-21 :host.eds-avatar.eds-avatar--size-m{--_size: var(--eds-si-4xl);--_icon-size: var(--eds-is-m);--_font-size: var(--eds-f-s-xl)}.eui-21 :host.eds-avatar.eds-avatar--size-l{--_size: var(--eds-si-6xl);--_icon-size: var(--eds-is-l);--_font-size: var(--eds-f-s-2xl)}.eui-21 :host.eds-avatar.eds-avatar--size-xl{--_size: var(--eds-si-9xl);--_icon-size: var(--eds-is-xl);--_font-size: var(--eds-f-s-4xl)}.eui-21 :host.eds-avatar--cm-blue-navy{--_surface: var(--eds-c-surface-cm-blue-navy-subtler);--_on-surface: var(--eds-c-on-surface-cm-blue-navy-subtler)}.eui-21 :host.eds-avatar--cm-blue-electric{--_surface: var(--eds-c-surface-cm-blue-electric-subtler);--_on-surface: var(--eds-c-on-surface-cm-blue-electric-subtler)}.eui-21 :host.eds-avatar--cm-blue-ocean{--_surface: var(--eds-c-surface-cm-blue-ocean-subtler);--_on-surface: var(--eds-c-on-surface-cm-blue-ocean-subtler)}.eui-21 :host.eds-avatar--cm-green{--_surface: var(--eds-c-surface-cm-green-subtler);--_on-surface: var(--eds-c-on-surface-cm-green-subtler)}.eui-21 :host.eds-avatar--cm-green-dark{--_surface: var(--eds-c-surface-cm-green-dark-subtler);--_on-surface: var(--eds-c-on-surface-cm-green-dark-subtler)}.eui-21 :host.eds-avatar--cm-orange{--_surface: var(--eds-c-surface-cm-orange-subtler);--_on-surface: var(--eds-c-on-surface-cm-orange-subtler)}.eui-21 :host.eds-avatar--cm-purple{--_surface: var(--eds-c-surface-cm-purple-subtler);--_on-surface: var(--eds-c-on-surface-cm-purple-subtler)}.eui-21 :host.eds-avatar--cm-green-lemon{--_surface: var(--eds-c-surface-cm-green-lemon-subtler);--_on-surface: var(--eds-c-on-surface-cm-green-lemon-subtler)}.eui-21 :host.eds-avatar--cm-green-pine{--_surface: var(--eds-c-surface-cm-green-pine-subtler);--_on-surface: var(--eds-c-on-surface-cm-green-pine-subtler)}.eui-21 :host.eds-avatar--cm-red-crayola{--_surface: var(--eds-c-surface-cm-red-crayola-subtler);--_on-surface: var(--eds-c-on-surface-cm-red-crayola-subtler)}.eui-21 :host.eds-avatar--cm-yellow-gold{--_surface: var(--eds-c-surface-cm-yellow-gold-subtler);--_on-surface: var(--eds-c-on-surface-cm-yellow-gold-subtler)}.eui-21 :host.eds-avatar--cm-orange-abricot{--_surface: var(--eds-c-surface-cm-orange-abricot-subtler);--_on-surface: var(--eds-c-on-surface-cm-orange-abricot-subtler)}.eui-21 :host.eds-avatar--cm-purple-violet{--_surface: var(--eds-c-surface-cm-purple-violet-subtler);--_on-surface: var(--eds-c-on-surface-cm-purple-violet-subtler)}.eui-21 :host.eds-avatar--cm-red-tomato{--_surface: var(--eds-c-surface-cm-red-tomato-subtler);--_on-surface: var(--eds-c-on-surface-cm-red-tomato-subtler)}.eui-21 :host.eds-avatar--cm-warm-grey{--_surface: var(--eds-c-surface-cm-warm-grey-subtler);--_on-surface: var(--eds-c-on-surface-cm-warm-grey-subtler)}.eui-21 :host.eds-avatar{display:inline-flex;position:relative;align-items:center;gap:var(--eds-sp-s);border-radius:var(--eds-br-full)}.eui-21 :host.eds-avatar .eds-avatar-wrapper{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eds-br-full);background-color:var(--_surface);color:var(--_on-surface);height:var(--_size);width:var(--_size);position:relative}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsAvatar, decorators: [{
             type: Component,
             args: [{ selector: 'div[edsAvatar], span[edsAvatar], eds-avatar', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class]': 'cssClasses()',
-                        '[attr.data-e2e]': 'e2eAttr',
+                        '[attr.data-e2e]': 'e2eAttr()',
                         '[attr.role]': '"status"',
-                        '[attr.aria-label]': 'ariaLabel',
+                        '[attr.aria-label]': 'ariaLabel()',
                     }, hostDirectives: [
                         {
-                            directive: EuiBaseSizeVariantsDirective,
+                            directive: EdsBaseSizeVariantsDirective,
                             inputs: [
-                                'euiSize2XS',
-                                'euiSizeXS',
-                                'euiSizeS',
-                                'euiSizeM',
-                                'euiSizeL',
-                                'euiSizeXL',
-                                'euiSizeVariant',
+                                'edsSize2XS',
+                                'edsSizeXS',
+                                'edsSizeS',
+                                'edsSizeM',
+                                'edsSizeL',
+                                'edsSizeXL',
+                                'edsSizeVariant',
                             ],
                         },
-                    ], template: "<!-- @if (hasShadow) {\n    <div class=\"eds-avatar-shadow\"></div>\n} -->\n\n<div class=\"eds-avatar-wrapper\">\n    <ng-content select=\"eds-avatar-icon\"/>\n    <ng-content select=\"eds-avatar-text\"/>\n    <ng-content select=\"eds-avatar-image\"/>\n    <ng-content select=\"eds-avatar-badge\"/>\n</div>\n\n<ng-content select=\"eds-avatar-content\"/>\n", styles: [".eui-21 :host.eds-avatar.eds-avatar--size-2xs{--_size: var(--eds-si-m);--_icon-size: var(--eds-is-2xs);--_font-size: var(--eds-f-s-xs)}.eui-21 :host.eds-avatar.eds-avatar--size-xs{--_size: var(--eds-si-xl);--_icon-size: var(--eds-is-xs);--_font-size: var(--eds-f-s-s)}.eui-21 :host.eds-avatar.eds-avatar--size-s{--_size: var(--eds-si-3xl);--_icon-size: var(--eds-is-s);--_font-size: var(--eds-f-s-l)}.eui-21 :host.eds-avatar.eds-avatar--size-m{--_size: var(--eds-si-4xl);--_icon-size: var(--eds-is-m);--_font-size: var(--eds-f-s-xl)}.eui-21 :host.eds-avatar.eds-avatar--size-l{--_size: var(--eds-si-6xl);--_icon-size: var(--eds-is-l);--_font-size: var(--eds-f-s-2xl)}.eui-21 :host.eds-avatar.eds-avatar--size-xl{--_size: var(--eds-si-9xl);--_icon-size: var(--eds-is-xl);--_font-size: var(--eds-f-s-4xl)}.eui-21 :host.eds-avatar{display:inline-flex;position:relative;align-items:center;gap:var(--eds-sp-s);border-radius:var(--eds-br-full)}.eui-21 :host.eds-avatar .eds-avatar-wrapper{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eds-br-full);background-color:var(--eds-c-surface-neutral-subtler);height:var(--_size);width:var(--_size);position:relative}\n"] }]
-        }], propDecorators: { e2eAttr: [{
-                type: HostBinding,
-                args: ['attr.data-e2e']
-            }, {
-                type: Input
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], ariaLabel: [{
-                type: HostBinding,
-                args: ['attr.aria-label']
-            }, {
-                type: Input,
-                args: ['aria-label']
-            }], avatarImage: [{
-                type: ContentChild,
-                args: [forwardRef(() => EdsAvatarImage)]
-            }] } });
+                    ], template: "<!-- @if (hasShadow) {\n    <div class=\"eds-avatar-shadow\"></div>\n} -->\n\n<div class=\"eds-avatar-wrapper\">\n    <ng-content select=\"eds-avatar-icon\"/>\n    <ng-content select=\"eds-avatar-text\"/>\n    <ng-content select=\"eds-avatar-image\"/>\n    <ng-content select=\"eds-avatar-badge\"/>\n</div>\n\n<ng-content select=\"eds-avatar-content\"/>\n", styles: [".eui-21 :host.eds-avatar{--_surface: var(--eds-c-surface-neutral-subtler);--_on-surface: var(--eds-c-on-surface-neutral-subtler)}.eui-21 :host.eds-avatar.eds-avatar--size-2xs{--_size: var(--eds-si-m);--_icon-size: var(--eds-is-2xs);--_font-size: var(--eds-f-s-xs)}.eui-21 :host.eds-avatar.eds-avatar--size-xs{--_size: var(--eds-si-xl);--_icon-size: var(--eds-is-xs);--_font-size: var(--eds-f-s-s)}.eui-21 :host.eds-avatar.eds-avatar--size-s{--_size: var(--eds-si-3xl);--_icon-size: var(--eds-is-s);--_font-size: var(--eds-f-s-l)}.eui-21 :host.eds-avatar.eds-avatar--size-m{--_size: var(--eds-si-4xl);--_icon-size: var(--eds-is-m);--_font-size: var(--eds-f-s-xl)}.eui-21 :host.eds-avatar.eds-avatar--size-l{--_size: var(--eds-si-6xl);--_icon-size: var(--eds-is-l);--_font-size: var(--eds-f-s-2xl)}.eui-21 :host.eds-avatar.eds-avatar--size-xl{--_size: var(--eds-si-9xl);--_icon-size: var(--eds-is-xl);--_font-size: var(--eds-f-s-4xl)}.eui-21 :host.eds-avatar--cm-blue-navy{--_surface: var(--eds-c-surface-cm-blue-navy-subtler);--_on-surface: var(--eds-c-on-surface-cm-blue-navy-subtler)}.eui-21 :host.eds-avatar--cm-blue-electric{--_surface: var(--eds-c-surface-cm-blue-electric-subtler);--_on-surface: var(--eds-c-on-surface-cm-blue-electric-subtler)}.eui-21 :host.eds-avatar--cm-blue-ocean{--_surface: var(--eds-c-surface-cm-blue-ocean-subtler);--_on-surface: var(--eds-c-on-surface-cm-blue-ocean-subtler)}.eui-21 :host.eds-avatar--cm-green{--_surface: var(--eds-c-surface-cm-green-subtler);--_on-surface: var(--eds-c-on-surface-cm-green-subtler)}.eui-21 :host.eds-avatar--cm-green-dark{--_surface: var(--eds-c-surface-cm-green-dark-subtler);--_on-surface: var(--eds-c-on-surface-cm-green-dark-subtler)}.eui-21 :host.eds-avatar--cm-orange{--_surface: var(--eds-c-surface-cm-orange-subtler);--_on-surface: var(--eds-c-on-surface-cm-orange-subtler)}.eui-21 :host.eds-avatar--cm-purple{--_surface: var(--eds-c-surface-cm-purple-subtler);--_on-surface: var(--eds-c-on-surface-cm-purple-subtler)}.eui-21 :host.eds-avatar--cm-green-lemon{--_surface: var(--eds-c-surface-cm-green-lemon-subtler);--_on-surface: var(--eds-c-on-surface-cm-green-lemon-subtler)}.eui-21 :host.eds-avatar--cm-green-pine{--_surface: var(--eds-c-surface-cm-green-pine-subtler);--_on-surface: var(--eds-c-on-surface-cm-green-pine-subtler)}.eui-21 :host.eds-avatar--cm-red-crayola{--_surface: var(--eds-c-surface-cm-red-crayola-subtler);--_on-surface: var(--eds-c-on-surface-cm-red-crayola-subtler)}.eui-21 :host.eds-avatar--cm-yellow-gold{--_surface: var(--eds-c-surface-cm-yellow-gold-subtler);--_on-surface: var(--eds-c-on-surface-cm-yellow-gold-subtler)}.eui-21 :host.eds-avatar--cm-orange-abricot{--_surface: var(--eds-c-surface-cm-orange-abricot-subtler);--_on-surface: var(--eds-c-on-surface-cm-orange-abricot-subtler)}.eui-21 :host.eds-avatar--cm-purple-violet{--_surface: var(--eds-c-surface-cm-purple-violet-subtler);--_on-surface: var(--eds-c-on-surface-cm-purple-violet-subtler)}.eui-21 :host.eds-avatar--cm-red-tomato{--_surface: var(--eds-c-surface-cm-red-tomato-subtler);--_on-surface: var(--eds-c-on-surface-cm-red-tomato-subtler)}.eui-21 :host.eds-avatar--cm-warm-grey{--_surface: var(--eds-c-surface-cm-warm-grey-subtler);--_on-surface: var(--eds-c-on-surface-cm-warm-grey-subtler)}.eui-21 :host.eds-avatar{display:inline-flex;position:relative;align-items:center;gap:var(--eds-sp-s);border-radius:var(--eds-br-full)}.eui-21 :host.eds-avatar .eds-avatar-wrapper{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eds-br-full);background-color:var(--_surface);color:var(--_on-surface);height:var(--_size);width:var(--_size);position:relative}\n"] }]
+        }], propDecorators: { e2eAttr: [{ type: i0.Input, args: [{ isSignal: true, alias: "e2eAttr", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], colorPalette: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorPalette", required: false }] }], avatarImage: [{ type: i0.ContentChild, args: [forwardRef(() => EdsAvatarImage), { isSignal: true }] }] } });
 
 const EDS_AVATAR = [
     EdsAvatar,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-eds-eds-avatar.mjs","sources":["../../eds-avatar/eds-avatar-badge.ts","../../eds-avatar/eds-avatar-icon.ts","../../eds-avatar/eds-avatar-image.ts","../../eds-avatar/eds-avatar-image.html","../../eds-avatar/eds-avatar-content.ts","../../eds-avatar/eds-avatar-content.html","../../eds-avatar/eds-avatar-content-sublabel.ts","../../eds-avatar/eds-avatar-content-label.ts","../../eds-avatar/eds-avatar-list.ts","../../eds-avatar/eds-avatar-text.ts","../../eds-avatar/eds-avatar.ts","../../eds-avatar/eds-avatar.html","../../eds-avatar/index.ts","../../eds-avatar/eui-eds-eds-avatar.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n    selector: 'eds-avatar-badge',\n    template: '<ng-content/>',\n    styleUrl: './eds-avatar-badge.scss',\n    host: {\n        '[class]': 'cssClasses()',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAvatarBadge {\n    /**\n     * Whether the avatar should have a shadow effect\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isPositionBottom = false;\n\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    public cssClasses(): string {\n        return [\n            'eds-avatar-badge',\n            this.isPositionBottom ? 'eds-avatar-badge--bottom' : 'eds-avatar-badge--top',\n        ].join(' ').trim();\n    }\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n    selector: 'eds-avatar-icon',\n    template: '<ng-content/>',\n    styleUrl: './eds-avatar-icon.scss',\n    host: {\n        class: 'eds-avatar-icon',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAvatarIcon {}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { EDS_ICON } from '@eui/eds/eds-icon';\n\n@Component({\n    selector: 'eds-avatar-image',\n    templateUrl: './eds-avatar-image.html',\n    styleUrl: './eds-avatar-image.scss',\n    imports: [\n        ...EDS_ICON,\n    ],\n    host: {\n        '[class]': 'cssClasses',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAvatarImage {\n    /** CSS class applied to the host element */\n    public get cssClasses(): string {\n        return [\n            'eds-avatar-image',\n            !this.imageUrl ? 'eds-avatar-image--default' : '',\n        ].join(' ').trim();\n    }\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!: string;\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    // private config = inject<EuiConfig>(EUI_CONFIG_TOKEN, { optional: true })!;\n}\n","@if (imageUrl) {\n    <div class=\"eds-avatar-image-wrapper\">\n        <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n    </div>\n} @else {\n    <eds-icon icon=\"user\" euiNeutral/>\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n    selector: 'eds-avatar-content',\n    templateUrl: './eds-avatar-content.html',\n    styleUrl: './eds-avatar-content.scss',\n    host: {\n        '[class]': 'cssClasses()',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAvatarContent {\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    cssClasses(): string {\n        return 'eui-avatar-content';\n    }\n}\n","<ng-content select=\"eds-avatar-content-label\"/>\n<ng-content select=\"eds-avatar-content-sublabel\"/>","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n    selector: 'eds-avatar-content-sublabel',\n    template: '<ng-content />',\n    styleUrl: './eds-avatar-content-sublabel.scss',\n    host: {\n        '[class]': 'cssClasses()',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAvatarContentSublabel {\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    cssClasses(): string {\n        return 'eds-avatar-content-sublabel';\n    }\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n    selector: 'eds-avatar-content-label',\n    template: '<ng-content />',\n    styleUrl: './eds-avatar-content-label.scss',\n    host: {\n        '[class]': 'cssClasses()',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAvatarContentLabel {\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    cssClasses(): string {\n        return 'eds-avatar-content-label';\n    }\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n    selector: 'eds-avatar-list',\n    template: '<ng-content/>',\n    styleUrl: './eds-avatar-list.scss',\n    host: {\n        class: 'eds-avatar-list',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAvatarList {\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n    selector: 'eds-avatar-text',\n    template: '<ng-content/>',\n    styleUrl: './eds-avatar-text.scss',\n    host: {\n        '[class]': '\"eds-avatar-text\"',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAvatarText {\n}\n","import {\n    Component,\n    HostBinding,\n    ChangeDetectionStrategy,\n    Input,\n    inject,\n    ContentChild,\n    forwardRef,\n    OnInit,\n    QueryList,\n} from '@angular/core';\nimport { EdsAvatarImage } from './eds-avatar-image';\nimport { EuiBaseSizeVariantsDirective } from '@eui/eds/shared';\n\n@Component({\n    selector: 'div[edsAvatar], span[edsAvatar], eds-avatar',\n    templateUrl: './eds-avatar.html',\n    styleUrl: './eds-avatar.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[class]': 'cssClasses()',\n        '[attr.data-e2e]': 'e2eAttr',\n        '[attr.role]': '\"status\"',\n        '[attr.aria-label]': 'ariaLabel',\n    },\n    hostDirectives: [\n        {\n            directive: EuiBaseSizeVariantsDirective,\n            inputs: [\n                'euiSize2XS',\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EdsAvatar implements OnInit {\n    /**\n     * Data attribute for E2E testing\n     * @default 'eds-avatar'\n     */\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eds-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    protected sizeVariantsBase: EuiBaseSizeVariantsDirective = inject(EuiBaseSizeVariantsDirective);\n\n    @ContentChild(forwardRef(() => EdsAvatarImage)) avatarImage!: QueryList<EdsAvatarImage>;\n\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    public cssClasses(): string {\n        return [\n            'eds-avatar',\n            this.sizeVariantsBase.getCssClasses('eds-avatar'),\n            this.avatarImage ? 'eds-avatar--image' : '',\n        ].join(' ').trim();\n    }\n\n    ngOnInit(): void {\n        if (!this.sizeVariantsBase.euiSizeVariant) {\n            this.sizeVariantsBase.euiSizeM = true;\n        }\n    }\n}\n","<!-- @if (hasShadow) {\n    <div class=\"eds-avatar-shadow\"></div>\n} -->\n\n<div class=\"eds-avatar-wrapper\">\n    <ng-content select=\"eds-avatar-icon\"/>\n    <ng-content select=\"eds-avatar-text\"/>\n    <ng-content select=\"eds-avatar-image\"/>\n    <ng-content select=\"eds-avatar-badge\"/>\n</div>\n\n<ng-content select=\"eds-avatar-content\"/>\n","import { EdsAvatarBadge } from './eds-avatar-badge';\nimport { EdsAvatarIcon } from './eds-avatar-icon';\nimport { EdsAvatarImage } from './eds-avatar-image';\nimport { EdsAvatarContent } from './eds-avatar-content';\nimport { EdsAvatarContentSublabel } from './eds-avatar-content-sublabel';\nimport { EdsAvatarContentLabel } from './eds-avatar-content-label';\nimport { EdsAvatarList } from './eds-avatar-list';\nimport { EdsAvatarText } from './eds-avatar-text';\nimport { EdsAvatar } from './eds-avatar';\n\nexport * from './eds-avatar';\nexport * from './eds-avatar-icon';\nexport * from './eds-avatar-text';\nexport * from './eds-avatar-image';\nexport * from './eds-avatar-badge';\nexport * from './eds-avatar-list';\nexport * from './eds-avatar-content';\nexport * from './eds-avatar-content-label';\nexport * from './eds-avatar-content-sublabel';\n\nexport const EDS_AVATAR = [\n        EdsAvatar,\n        EdsAvatarIcon,\n        EdsAvatarText,\n        EdsAvatarImage,\n        EdsAvatarBadge,\n        EdsAvatarList,\n        EdsAvatarContent,\n        EdsAvatarContentLabel,\n        EdsAvatarContentSublabel,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"eui-eds-eds-avatar.mjs","sources":["../../eds-avatar/eds-avatar-badge.ts","../../eds-avatar/eds-avatar-icon.ts","../../eds-avatar/eds-avatar-image.ts","../../eds-avatar/eds-avatar-image.html","../../eds-avatar/eds-avatar-content.ts","../../eds-avatar/eds-avatar-content.html","../../eds-avatar/eds-avatar-content-sublabel.ts","../../eds-avatar/eds-avatar-content-label.ts","../../eds-avatar/eds-avatar-list.ts","../../eds-avatar/eds-avatar-text.ts","../../eds-avatar/eds-avatar.ts","../../eds-avatar/eds-avatar.html","../../eds-avatar/index.ts","../../eds-avatar/eui-eds-eds-avatar.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n    selector: 'eds-avatar-badge',\n    template: '<ng-content/>',\n    styleUrl: './eds-avatar-badge.scss',\n    host: {\n        '[class]': 'cssClasses()',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAvatarBadge {\n    /**\n     * Whether the avatar should have a shadow effect\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isPositionBottom = false;\n\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    public cssClasses(): string {\n        return [\n            'eds-avatar-badge',\n            this.isPositionBottom ? 'eds-avatar-badge--bottom' : 'eds-avatar-badge--top',\n        ].join(' ').trim();\n    }\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n    selector: 'eds-avatar-icon',\n    template: '<ng-content/>',\n    styleUrl: './eds-avatar-icon.scss',\n    host: {\n        class: 'eds-avatar-icon',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAvatarIcon {}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { EDS_ICON } from '@eui/eds/eds-icon';\n\n@Component({\n    selector: 'eds-avatar-image',\n    templateUrl: './eds-avatar-image.html',\n    styleUrl: './eds-avatar-image.scss',\n    imports: [\n        ...EDS_ICON,\n    ],\n    host: {\n        '[class]': 'cssClasses',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAvatarImage {\n    /** CSS class applied to the host element */\n    public get cssClasses(): string {\n        return [\n            'eds-avatar-image',\n            !this.imageUrl ? 'eds-avatar-image--default' : '',\n        ].join(' ').trim();\n    }\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!: string;\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","@if (imageUrl) {\n    <div class=\"eds-avatar-image-wrapper\">\n        <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n    </div>\n} @else {\n    <eds-icon icon=\"user\" euiNeutral/>\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n    selector: 'eds-avatar-content',\n    templateUrl: './eds-avatar-content.html',\n    styleUrl: './eds-avatar-content.scss',\n    host: {\n        '[class]': 'cssClasses()',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAvatarContent {\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    cssClasses(): string {\n        return 'eui-avatar-content';\n    }\n}\n","<ng-content select=\"eds-avatar-content-label\"/>\n<ng-content select=\"eds-avatar-content-sublabel\"/>","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n    selector: 'eds-avatar-content-sublabel',\n    template: '<ng-content />',\n    styleUrl: './eds-avatar-content-sublabel.scss',\n    host: {\n        '[class]': 'cssClasses()',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAvatarContentSublabel {\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    cssClasses(): string {\n        return 'eds-avatar-content-sublabel';\n    }\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n    selector: 'eds-avatar-content-label',\n    template: '<ng-content />',\n    styleUrl: './eds-avatar-content-label.scss',\n    host: {\n        '[class]': 'cssClasses()',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAvatarContentLabel {\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    cssClasses(): string {\n        return 'eds-avatar-content-label';\n    }\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n    selector: 'eds-avatar-list',\n    template: '<ng-content/>',\n    styleUrl: './eds-avatar-list.scss',\n    host: {\n        class: 'eds-avatar-list',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAvatarList {\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n    selector: 'eds-avatar-text',\n    template: '<ng-content/>',\n    styleUrl: './eds-avatar-text.scss',\n    host: {\n        '[class]': '\"eds-avatar-text\"',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAvatarText {\n}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  inject,\n  forwardRef,\n  OnInit,\n  contentChild,\n} from '@angular/core';\nimport { EdsAvatarImage } from './eds-avatar-image';\nimport { EdsBaseSizeVariantsDirective } from '@eui/eds/shared';\n\n@Component({\n    selector: 'div[edsAvatar], span[edsAvatar], eds-avatar',\n    templateUrl: './eds-avatar.html',\n    styleUrl: './eds-avatar.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[class]': 'cssClasses()',\n        '[attr.data-e2e]': 'e2eAttr()',\n        '[attr.role]': '\"status\"',\n        '[attr.aria-label]': 'ariaLabel()',\n    },\n    hostDirectives: [\n        {\n            directive: EdsBaseSizeVariantsDirective,\n            inputs: [\n                'edsSize2XS',\n                'edsSizeXS',\n                'edsSizeS',\n                'edsSizeM',\n                'edsSizeL',\n                'edsSizeXL',\n                'edsSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EdsAvatar implements OnInit {\n    /**\n     * Data attribute for E2E testing\n     * @default 'eds-avatar'\n     */\n    e2eAttr = input('eds-avatar');\n\n    /**\n     * ARIA label for accessibility\n     * @default 'avatar'\n     */\n    ariaLabel = input<string | null>('avatar', { alias: 'aria-label' });\n\n    /**\n     * Extra color palette to be used on the status-badge.\n     */\n    colorPalette = input<string>('');\n\n    protected sizeVariantsBase: EdsBaseSizeVariantsDirective = inject(EdsBaseSizeVariantsDirective);\n\n    readonly avatarImage = contentChild.required(forwardRef(() => EdsAvatarImage));\n\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    public cssClasses(): string {\n        return [\n            'eds-avatar',\n            this.sizeVariantsBase.getCssClasses('eds-avatar'),\n            this.avatarImage() ? 'eds-avatar--image' : '',\n            this.colorPalette() ? `eds-avatar--${this.colorPalette()}` : '',\n        ].join(' ').trim();\n    }\n\n    ngOnInit(): void {\n        if (!this.sizeVariantsBase.edsSizeVariant) {\n            this.sizeVariantsBase.edsSizeM = true;\n        }\n    }\n}\n","<!-- @if (hasShadow) {\n    <div class=\"eds-avatar-shadow\"></div>\n} -->\n\n<div class=\"eds-avatar-wrapper\">\n    <ng-content select=\"eds-avatar-icon\"/>\n    <ng-content select=\"eds-avatar-text\"/>\n    <ng-content select=\"eds-avatar-image\"/>\n    <ng-content select=\"eds-avatar-badge\"/>\n</div>\n\n<ng-content select=\"eds-avatar-content\"/>\n","import { EdsAvatarBadge } from './eds-avatar-badge';\nimport { EdsAvatarIcon } from './eds-avatar-icon';\nimport { EdsAvatarImage } from './eds-avatar-image';\nimport { EdsAvatarContent } from './eds-avatar-content';\nimport { EdsAvatarContentSublabel } from './eds-avatar-content-sublabel';\nimport { EdsAvatarContentLabel } from './eds-avatar-content-label';\nimport { EdsAvatarList } from './eds-avatar-list';\nimport { EdsAvatarText } from './eds-avatar-text';\nimport { EdsAvatar } from './eds-avatar';\n\nexport * from './eds-avatar';\nexport * from './eds-avatar-icon';\nexport * from './eds-avatar-text';\nexport * from './eds-avatar-image';\nexport * from './eds-avatar-badge';\nexport * from './eds-avatar-list';\nexport * from './eds-avatar-content';\nexport * from './eds-avatar-content-label';\nexport * from './eds-avatar-content-sublabel';\n\nexport const EDS_AVATAR = [\n        EdsAvatar,\n        EdsAvatarIcon,\n        EdsAvatarText,\n        EdsAvatarImage,\n        EdsAvatarBadge,\n        EdsAvatarList,\n        EdsAvatarContent,\n        EdsAvatarContentLabel,\n        EdsAvatarContentSublabel,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/eui-eds-eds-badge.mjs

@@ -1,77 +1,81 @@
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, signal, booleanAttribute, ViewChild, Input, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';
+import { computed, input, booleanAttribute, viewChild, inject, ChangeDetectorRef, signal, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i2 from '@angular/cdk/observers';
 import { ObserversModule } from '@angular/cdk/observers';
 import * as i1 from '@eui/eds/shared';
-import { EuiBaseSizeVariantsDirective, EuiBaseColorVariantsDirective } from '@eui/eds/shared';
+import { EdsBaseSizeVariantsDirective, EdsBaseColorVariantsDirective } from '@eui/eds/shared';
 
 class EdsBadge {
     constructor() {
+        /**
+         * @description
+         * Computes and returns the CSS classes for the badge based on its current state
+         *
+         * @returns {string} Space-separated string of CSS class names
+         */
+        this.hostClasses = computed(() => {
+            return [
+                'eds-badge',
+                this.sizeVariantsBase.getCssClasses('eds-badge'),
+                this.colorVariantsBase.getCssClasses('eds-badge'),
+                this.isEmpty() || this.edsDottedBadge() ? 'eds-badge--empty' : '',
+                this.edsBadgeIcon() ? 'eds-badge--icon-only' : '',
+                this.edsOutline() ? 'eds-badge--outline' : '',
+            ].join(' ').trim();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
         /** @description Data attribute for e2e testing */
-        this.e2eAttr = 'eds-badge';
-        /** @description ARIA role for accessibility */
-        this.role = 'status';
+        this.e2eAttr = input('eds-badge', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "e2eAttr" }] : /* istanbul ignore next */ []));
         /** @description ARIA label for accessibility */
-        this.ariaLabel = 'badge';
+        this.ariaLabel = input('badge', { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
         /**
          * Maximum number of characters to display before truncating.
          * When content exceeds this limit, it will be replaced with charReplacement value.
          * Useful for displaying large numbers in a compact format (e.g., "99+" for values over 99).
          */
-        this.maxCharCount = 0;
+        this.maxCharCount = input(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "maxCharCount" }] : /* istanbul ignore next */ []));
         /**
          * String to display when content is truncated due to maxCharCount.
          * @default '99+'
          */
-        this.charReplacement = '';
+        this.charReplacement = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "charReplacement" }] : /* istanbul ignore next */ []));
         /**
          * Whether the badge contains only an icon (displays as a small dot indicator).
          * When true, no text content is shown, creating a minimal status indicator.
          * @default false
          */
-        this.euiBadgeIcon = false;
+        this.edsBadgeIcon = input(false, { ...(ngDevMode ? { debugName: "edsBadgeIcon" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * Whether to display the badge with dotted styling variant.
          * Applies alternative visual treatment to the badge.
          * @default false
          */
-        this.euiDottedBadge = false;
-        this.euiOutline = false;
-        this.sizeVariantsBase = inject(EuiBaseSizeVariantsDirective);
-        this.colorVariantsBase = inject(EuiBaseColorVariantsDirective);
+        this.edsDottedBadge = input(false, { ...(ngDevMode ? { debugName: "edsDottedBadge" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.edsOutline = input(false, { ...(ngDevMode ? { debugName: "edsOutline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.content = viewChild.required('contentRef');
+        this.sizeVariantsBase = inject(EdsBaseSizeVariantsDirective);
+        this.colorVariantsBase = inject(EdsBaseColorVariantsDirective);
         this.hasContentUpdated = false;
         // protected baseStatesDirective = inject(BaseStatesDirective);
         this.cdRef = inject(ChangeDetectorRef);
         this.isEmpty = signal(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isEmpty" }] : /* istanbul ignore next */ []));
     }
-    /**
-     * @description
-     * Computes and returns the CSS classes for the badge based on its current state
-     *
-     * @returns {string} Space-separated string of CSS class names
-     */
-    get cssClasses() {
-        return [
-            'eds-badge',
-            this.sizeVariantsBase.getCssClasses('eds-badge'),
-            this.colorVariantsBase.getCssClasses('eds-badge'),
-            this.isEmpty() || this.euiDottedBadge ? 'eds-badge--empty' : '',
-            this.euiBadgeIcon ? 'eds-badge--icon-only' : '',
-            this.euiOutline ? 'eds-badge--outline' : '',
-        ].join(' ').trim();
-    }
     ngOnInit() {
-        if (!this.sizeVariantsBase.euiSizeVariant) {
-            this.sizeVariantsBase.euiSizeM = true;
+        if (!this.sizeVariantsBase.edsSizeVariant) {
+            this.sizeVariantsBase.edsSizeM = true;
         }
-        if (!this.colorVariantsBase.euiColorVariant) {
-            this.colorVariantsBase.euiNeutral = true;
+        if (!this.colorVariantsBase.edsColorVariant) {
+            this.colorVariantsBase.edsNeutral = true;
         }
     }
     ngAfterViewInit() {
-        if (this.content) {
-            this.isEmpty.set(this.content.nativeElement.childNodes.length === 0);
+        const content = this.content();
+        if (content) {
+            this.isEmpty.set(content.nativeElement.childNodes.length === 0);
             this.cdRef.detectChanges();
             if (!this.isEmpty()) {
                 this._checkContent();
@@ -92,77 +96,49 @@ class EdsBadge {
      * @private
      */
     _checkContent() {
-        if (this.maxCharCount !== 0) {
-            const contentText = this.content.nativeElement.outerText;
-            if (contentText && contentText.length > this.maxCharCount) {
+        if (this.maxCharCount() !== 0) {
+            const contentText = this.content().nativeElement.outerText;
+            if (contentText && contentText.length > this.maxCharCount()) {
                 this.hasContentUpdated = true;
-                this.updatedContent = this.charReplacement || '99+';
+                this.updatedContent = this.charReplacement() || '99+';
                 this.cdRef.markForCheck();
             }
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsBadge, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsBadge, isStandalone: true, selector: "div[edsBadge], span[edsBadge], eds-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], maxCharCount: "maxCharCount", charReplacement: "charReplacement", euiBadgeIcon: ["euiBadgeIcon", "euiBadgeIcon", booleanAttribute], euiDottedBadge: ["euiDottedBadge", "euiDottedBadge", booleanAttribute], euiOutline: ["euiOutline", "euiOutline", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["contentRef"], descendants: true }], hostDirectives: [{ directive: i1.EuiBaseSizeVariantsDirective, inputs: ["euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant"] }, { directive: i1.EuiBaseColorVariantsDirective, inputs: ["euiNeutral", "euiNeutral", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiCritical", "euiCritical", "euiColorVariant", "euiColorVariant"] }], ngImport: i0, template: "@if (hasContentUpdated) {\n    <span class=\"eds-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eds-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n", styles: [".eui-21 :host.eds-badge{--_border-width: var(--eds-bw-none)}.eui-21 :host.eds-badge.eds-badge--neutral{--_surface: var(--eds-c-surface-neutral);--_on-surface: var(--eds-c-on-surface-neutral)}.eui-21 :host.eds-badge.eds-badge--info{--_surface: var(--eds-c-surface-info);--_on-surface: var(--eds-c-on-surface-info)}.eui-21 :host.eds-badge.eds-badge--success{--_surface: var(--eds-c-surface-success);--_on-surface: var(--eds-c-on-surface-success)}.eui-21 :host.eds-badge.eds-badge--warning{--_surface: var(--eds-c-surface-warning);--_on-surface: var(--eds-c-on-surface-warning)}.eui-21 :host.eds-badge.eds-badge--critical{--_surface: var(--eds-c-surface-critical);--_on-surface: var(--eds-c-on-surface-critical)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--neutral{--_surface: var(--eds-c-surface-neutral-subtle);--_on-surface: var(--eds-c-on-surface-neutral-subtle)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--info{--_surface: var(--eds-c-surface-info-subtle);--_on-surface: var(--eds-c-on-surface-info-subtle)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--success{--_surface: var(--eds-c-surface-success-subtle);--_on-surface: var(--eds-c-on-surface-success-subtle)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--warning{--_surface: var(--eds-c-surface-warning-subtle);--_on-surface: var(--eds-c-on-surface-warning-subtle)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--critical{--_surface: var(--eds-c-surface-critical-subtle);--_on-surface: var(--eds-c-on-surface-critical-subtle)}.eui-21 :host.eds-badge.eds-badge--size-xs.eds-badge--empty{--_min-height: var(--eds-si-xs);--_min-width: var(--eds-si-xs);--_padding: none}.eui-21 :host.eds-badge.eds-badge--size-xs:not(.eds-badge--empty):not(.eds-badge--icon-only){--_min-height: var(--eds-si-s);--_min-width: var(--eds-si-s);--_font: var(--eds-f-microcopy-2xs);--_padding: var(--eds-sp-5xs) var(--eds-sp-4xs)}.eui-21 :host.eds-badge.eds-badge--size-s.eds-badge--empty{--_min-height: var(--eds-si-s);--_min-width: var(--eds-si-s);--_padding: none}.eui-21 :host.eds-badge.eds-badge--size-s:not(.eds-badge--empty):not(.eds-badge--icon-only){--_font: var(--eds-f-microcopy-xs);--_padding: var(--eds-sp-none) var(--eds-sp-3xs) var(--eds-sp-none) var(--eds-sp-3xs)}.eui-21 :host.eds-badge.eds-badge--size-m.eds-badge--empty{--_min-height: var(--eds-si-m);--_min-width: var(--eds-si-m);--_padding: none}.eui-21 :host.eds-badge.eds-badge--size-m:not(.eds-badge--empty):not(.eds-badge--icon-only){--_min-height: var(--eds-si-l);--_min-width: var(--eds-si-l);--_font: var(--eds-f-microcopy-xs);--_padding: var(--eds-sp-4xs) var(--eds-sp-3xs) var(--eds-sp-4xs) var(--eds-sp-3xs)}.eui-21 :host.eds-badge.eds-badge--size-l.eds-badge--empty{--_min-height: var(--eds-si-l);--_min-width: var(--eds-si-l);--_padding: none}.eui-21 :host.eds-badge.eds-badge--size-l:not(.eds-badge--empty):not(.eds-badge--icon-only){--_min-height: var(--eds-si-xl);--_min-width: var(--eds-si-xl);--_font: var(--eds-f-paragraph-s-semi-bold);--_padding: var(--eds-sp-4xs) var(--eds-sp-2xs) var(--eds-sp-4xs) var(--eds-sp-2xs)}.eui-21 :host.eds-badge.eds-badge--empty{--_border-width: var(--eds-bw-xs)}.eui-21 :host.eds-badge.eds-badge--icon-only{--_padding: none}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-2xs{--_icon-size: var(--eds-is-2xs)}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-xs{--_icon-size: var(--eds-is-2xs)}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-s{--_icon-size: var(--eds-is-xs)}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-m{--_icon-size: var(--eds-is-s)}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-l{--_icon-size: var(--eds-is-m)}.eui-21 :host.eds-badge{display:inline-flex;border-radius:var(--eds-br-full)}.eui-21 :host.eds-badge .eds-badge-wrapper{display:inline-flex;border-radius:var(--eds-br-full);border:var(--_border-width) solid var(--eds-c-border-inverted);align-items:center;min-height:var(--_min-height);min-width:var(--_min-width);padding:var(--_padding);justify-content:center;font:var(--_font);background-color:var(--_surface);color:var(--_on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-21 .eds-icon :host.eds-badge{position:absolute}.eui-21 .eds-icon :host.eds-badge,.eui-21 .eds-icon :host.eds-badge--size-m{left:60%;top:-20%}.eui-21 .eds-icon :host.eds-badge--empty{left:60%;top:-10%}.eui-21 .eds-icon :host.eds-badge--size-xs.eds-badge--empty{left:70%;top:-10%}.eui-21 .eds-avatar :host.eds-badge{border:var(--eds-bw-s) solid var(--eds-c-border-inverted)}\n"], dependencies: [{ kind: "ngmodule", type: ObserversModule }, { kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsBadge, isStandalone: true, selector: "div[edsBadge], span[edsBadge], eds-badge", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, maxCharCount: { classPropertyName: "maxCharCount", publicName: "maxCharCount", isSignal: true, isRequired: false, transformFunction: null }, charReplacement: { classPropertyName: "charReplacement", publicName: "charReplacement", isSignal: true, isRequired: false, transformFunction: null }, edsBadgeIcon: { classPropertyName: "edsBadgeIcon", publicName: "edsBadgeIcon", isSignal: true, isRequired: false, transformFunction: null }, edsDottedBadge: { classPropertyName: "edsDottedBadge", publicName: "edsDottedBadge", isSignal: true, isRequired: false, transformFunction: null }, edsOutline: { classPropertyName: "edsOutline", publicName: "edsOutline", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "attr.aria-label": "ariaLabel()" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["contentRef"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.EdsBaseSizeVariantsDirective, inputs: ["edsSizeXS", "edsSizeXS", "edsSizeS", "edsSizeS", "edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeVariant", "edsSizeVariant"] }, { directive: i1.EdsBaseColorVariantsDirective, inputs: ["edsNeutral", "edsNeutral", "edsInfo", "edsInfo", "edsSuccess", "edsSuccess", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "@if (hasContentUpdated) {\n    <span class=\"eds-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eds-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n", styles: [".eui-21 :host.eds-badge{--_border-width: var(--eds-bw-none)}.eui-21 :host.eds-badge.eds-badge--neutral{--_surface: var(--eds-c-surface-neutral);--_on-surface: var(--eds-c-on-surface-neutral)}.eui-21 :host.eds-badge.eds-badge--info{--_surface: var(--eds-c-surface-info);--_on-surface: var(--eds-c-on-surface-info)}.eui-21 :host.eds-badge.eds-badge--success{--_surface: var(--eds-c-surface-success);--_on-surface: var(--eds-c-on-surface-success)}.eui-21 :host.eds-badge.eds-badge--warning{--_surface: var(--eds-c-surface-warning);--_on-surface: var(--eds-c-on-surface-warning)}.eui-21 :host.eds-badge.eds-badge--critical{--_surface: var(--eds-c-surface-critical);--_on-surface: var(--eds-c-on-surface-critical)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--neutral{--_surface: var(--eds-c-surface-neutral-subtle);--_on-surface: var(--eds-c-on-surface-neutral-subtle)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--info{--_surface: var(--eds-c-surface-info-subtle);--_on-surface: var(--eds-c-on-surface-info-subtle)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--success{--_surface: var(--eds-c-surface-success-subtle);--_on-surface: var(--eds-c-on-surface-success-subtle)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--warning{--_surface: var(--eds-c-surface-warning-subtle);--_on-surface: var(--eds-c-on-surface-warning-subtle)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--critical{--_surface: var(--eds-c-surface-critical-subtle);--_on-surface: var(--eds-c-on-surface-critical-subtle)}.eui-21 :host.eds-badge.eds-badge--size-xs.eds-badge--empty{--_min-height: var(--eds-si-xs);--_min-width: var(--eds-si-xs);--_padding: none}.eui-21 :host.eds-badge.eds-badge--size-xs:not(.eds-badge--empty):not(.eds-badge--icon-only){--_min-height: var(--eds-si-s);--_min-width: var(--eds-si-s);--_font: var(--eds-f-microcopy-2xs);--_padding: var(--eds-sp-5xs) var(--eds-sp-4xs)}.eui-21 :host.eds-badge.eds-badge--size-s.eds-badge--empty{--_min-height: var(--eds-si-s);--_min-width: var(--eds-si-s);--_padding: none}.eui-21 :host.eds-badge.eds-badge--size-s:not(.eds-badge--empty):not(.eds-badge--icon-only){--_font: var(--eds-f-microcopy-xs);--_padding: var(--eds-sp-none) var(--eds-sp-3xs) var(--eds-sp-none) var(--eds-sp-3xs)}.eui-21 :host.eds-badge.eds-badge--size-m.eds-badge--empty{--_min-height: var(--eds-si-m);--_min-width: var(--eds-si-m);--_padding: none}.eui-21 :host.eds-badge.eds-badge--size-m:not(.eds-badge--empty):not(.eds-badge--icon-only){--_min-height: var(--eds-si-l);--_min-width: var(--eds-si-l);--_font: var(--eds-f-microcopy-xs);--_padding: var(--eds-sp-4xs) var(--eds-sp-3xs) var(--eds-sp-4xs) var(--eds-sp-3xs)}.eui-21 :host.eds-badge.eds-badge--size-l.eds-badge--empty{--_min-height: var(--eds-si-l);--_min-width: var(--eds-si-l);--_padding: none}.eui-21 :host.eds-badge.eds-badge--size-l:not(.eds-badge--empty):not(.eds-badge--icon-only){--_min-height: var(--eds-si-xl);--_min-width: var(--eds-si-xl);--_font: var(--eds-f-paragraph-s-semi-bold);--_padding: var(--eds-sp-4xs) var(--eds-sp-2xs) var(--eds-sp-4xs) var(--eds-sp-2xs)}.eui-21 :host.eds-badge.eds-badge--empty{--_border-width: var(--eds-bw-xs)}.eui-21 :host.eds-badge.eds-badge--icon-only{--_padding: none}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-2xs{--_icon-size: var(--eds-is-2xs)}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-xs{--_icon-size: var(--eds-is-2xs)}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-s{--_icon-size: var(--eds-is-xs)}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-m{--_icon-size: var(--eds-is-s)}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-l{--_icon-size: var(--eds-is-m)}.eui-21 :host.eds-badge{display:inline-flex;border-radius:var(--eds-br-full)}.eui-21 :host.eds-badge .eds-badge-wrapper{display:inline-flex;border-radius:var(--eds-br-full);border:var(--_border-width) solid var(--eds-c-border-inverted);align-items:center;min-height:var(--_min-height);min-width:var(--_min-width);padding:var(--_padding);justify-content:center;font:var(--_font);background-color:var(--_surface);color:var(--_on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-21 .eds-icon :host.eds-badge{position:absolute}.eui-21 .eds-icon :host.eds-badge,.eui-21 .eds-icon :host.eds-badge--size-m{left:60%;top:-20%}.eui-21 .eds-icon :host.eds-badge--empty{left:60%;top:-10%}.eui-21 .eds-icon :host.eds-badge--size-xs.eds-badge--empty{left:70%;top:-10%}.eui-21 .eds-icon-button--size-2xs .eds-icon :host.eds-badge{left:50%;top:-30%}.eui-21 .eds-icon-button--size-xs .eds-icon :host.eds-badge{left:50%;top:-40%}.eui-21 .eds-icon-button--size-s .eds-icon :host.eds-badge{left:50%;top:-50%}.eui-21 .eds-icon-button--size-m .eds-icon :host.eds-badge{left:50%;top:-40%}.eui-21 .eds-icon-button--size-l .eds-icon :host.eds-badge{left:50%;top:-25%}.eui-21 .eds-avatar :host.eds-badge{border:var(--eds-bw-s) solid var(--eds-c-border-inverted)}\n"], dependencies: [{ kind: "ngmodule", type: ObserversModule }, { kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsBadge, decorators: [{
             type: Component,
-            args: [{ selector: 'div[edsBadge], span[edsBadge], eds-badge', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ObserversModule], hostDirectives: [
+            args: [{ selector: 'div[edsBadge], span[edsBadge], eds-badge', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ObserversModule], host: {
+                        '[class]': 'hostClasses()',
+                        '[attr.data-e2e]': 'e2eAttr()',
+                        role: 'status',
+                        '[attr.aria-label]': 'ariaLabel()',
+                    }, hostDirectives: [
                         {
-                            directive: EuiBaseSizeVariantsDirective,
+                            directive: EdsBaseSizeVariantsDirective,
                             inputs: [
-                                'euiSizeXS',
-                                'euiSizeS',
-                                'euiSizeM',
-                                'euiSizeL',
-                                'euiSizeVariant',
+                                'edsSizeXS',
+                                'edsSizeS',
+                                'edsSizeM',
+                                'edsSizeL',
+                                'edsSizeVariant',
                             ],
                         },
                         {
-                            directive: EuiBaseColorVariantsDirective,
+                            directive: EdsBaseColorVariantsDirective,
                             inputs: [
-                                'euiNeutral',
-                                'euiInfo',
-                                'euiSuccess',
-                                'euiWarning',
-                                'euiCritical',
-                                'euiColorVariant',
+                                'edsNeutral',
+                                'edsInfo',
+                                'edsSuccess',
+                                'edsWarning',
+                                'edsCritical',
+                                'edsColorVariant',
                             ],
                         },
-                    ], template: "@if (hasContentUpdated) {\n    <span class=\"eds-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eds-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n", styles: [".eui-21 :host.eds-badge{--_border-width: var(--eds-bw-none)}.eui-21 :host.eds-badge.eds-badge--neutral{--_surface: var(--eds-c-surface-neutral);--_on-surface: var(--eds-c-on-surface-neutral)}.eui-21 :host.eds-badge.eds-badge--info{--_surface: var(--eds-c-surface-info);--_on-surface: var(--eds-c-on-surface-info)}.eui-21 :host.eds-badge.eds-badge--success{--_surface: var(--eds-c-surface-success);--_on-surface: var(--eds-c-on-surface-success)}.eui-21 :host.eds-badge.eds-badge--warning{--_surface: var(--eds-c-surface-warning);--_on-surface: var(--eds-c-on-surface-warning)}.eui-21 :host.eds-badge.eds-badge--critical{--_surface: var(--eds-c-surface-critical);--_on-surface: var(--eds-c-on-surface-critical)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--neutral{--_surface: var(--eds-c-surface-neutral-subtle);--_on-surface: var(--eds-c-on-surface-neutral-subtle)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--info{--_surface: var(--eds-c-surface-info-subtle);--_on-surface: var(--eds-c-on-surface-info-subtle)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--success{--_surface: var(--eds-c-surface-success-subtle);--_on-surface: var(--eds-c-on-surface-success-subtle)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--warning{--_surface: var(--eds-c-surface-warning-subtle);--_on-surface: var(--eds-c-on-surface-warning-subtle)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--critical{--_surface: var(--eds-c-surface-critical-subtle);--_on-surface: var(--eds-c-on-surface-critical-subtle)}.eui-21 :host.eds-badge.eds-badge--size-xs.eds-badge--empty{--_min-height: var(--eds-si-xs);--_min-width: var(--eds-si-xs);--_padding: none}.eui-21 :host.eds-badge.eds-badge--size-xs:not(.eds-badge--empty):not(.eds-badge--icon-only){--_min-height: var(--eds-si-s);--_min-width: var(--eds-si-s);--_font: var(--eds-f-microcopy-2xs);--_padding: var(--eds-sp-5xs) var(--eds-sp-4xs)}.eui-21 :host.eds-badge.eds-badge--size-s.eds-badge--empty{--_min-height: var(--eds-si-s);--_min-width: var(--eds-si-s);--_padding: none}.eui-21 :host.eds-badge.eds-badge--size-s:not(.eds-badge--empty):not(.eds-badge--icon-only){--_font: var(--eds-f-microcopy-xs);--_padding: var(--eds-sp-none) var(--eds-sp-3xs) var(--eds-sp-none) var(--eds-sp-3xs)}.eui-21 :host.eds-badge.eds-badge--size-m.eds-badge--empty{--_min-height: var(--eds-si-m);--_min-width: var(--eds-si-m);--_padding: none}.eui-21 :host.eds-badge.eds-badge--size-m:not(.eds-badge--empty):not(.eds-badge--icon-only){--_min-height: var(--eds-si-l);--_min-width: var(--eds-si-l);--_font: var(--eds-f-microcopy-xs);--_padding: var(--eds-sp-4xs) var(--eds-sp-3xs) var(--eds-sp-4xs) var(--eds-sp-3xs)}.eui-21 :host.eds-badge.eds-badge--size-l.eds-badge--empty{--_min-height: var(--eds-si-l);--_min-width: var(--eds-si-l);--_padding: none}.eui-21 :host.eds-badge.eds-badge--size-l:not(.eds-badge--empty):not(.eds-badge--icon-only){--_min-height: var(--eds-si-xl);--_min-width: var(--eds-si-xl);--_font: var(--eds-f-paragraph-s-semi-bold);--_padding: var(--eds-sp-4xs) var(--eds-sp-2xs) var(--eds-sp-4xs) var(--eds-sp-2xs)}.eui-21 :host.eds-badge.eds-badge--empty{--_border-width: var(--eds-bw-xs)}.eui-21 :host.eds-badge.eds-badge--icon-only{--_padding: none}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-2xs{--_icon-size: var(--eds-is-2xs)}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-xs{--_icon-size: var(--eds-is-2xs)}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-s{--_icon-size: var(--eds-is-xs)}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-m{--_icon-size: var(--eds-is-s)}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-l{--_icon-size: var(--eds-is-m)}.eui-21 :host.eds-badge{display:inline-flex;border-radius:var(--eds-br-full)}.eui-21 :host.eds-badge .eds-badge-wrapper{display:inline-flex;border-radius:var(--eds-br-full);border:var(--_border-width) solid var(--eds-c-border-inverted);align-items:center;min-height:var(--_min-height);min-width:var(--_min-width);padding:var(--_padding);justify-content:center;font:var(--_font);background-color:var(--_surface);color:var(--_on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-21 .eds-icon :host.eds-badge{position:absolute}.eui-21 .eds-icon :host.eds-badge,.eui-21 .eds-icon :host.eds-badge--size-m{left:60%;top:-20%}.eui-21 .eds-icon :host.eds-badge--empty{left:60%;top:-10%}.eui-21 .eds-icon :host.eds-badge--size-xs.eds-badge--empty{left:70%;top:-10%}.eui-21 .eds-avatar :host.eds-badge{border:var(--eds-bw-s) solid var(--eds-c-border-inverted)}\n"] }]
-        }], propDecorators: { cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }], e2eAttr: [{
-                type: HostBinding,
-                args: ['attr.data-e2e']
-            }, {
-                type: Input
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], ariaLabel: [{
-                type: HostBinding,
-                args: ['attr.aria-label']
-            }, {
-                type: Input,
-                args: ['aria-label']
-            }], maxCharCount: [{
-                type: Input
-            }], charReplacement: [{
-                type: Input
-            }], euiBadgeIcon: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], euiDottedBadge: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], euiOutline: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], content: [{
-                type: ViewChild,
-                args: ['contentRef', { static: false }]
-            }] } });
+                    ], template: "@if (hasContentUpdated) {\n    <span class=\"eds-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eds-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n", styles: [".eui-21 :host.eds-badge{--_border-width: var(--eds-bw-none)}.eui-21 :host.eds-badge.eds-badge--neutral{--_surface: var(--eds-c-surface-neutral);--_on-surface: var(--eds-c-on-surface-neutral)}.eui-21 :host.eds-badge.eds-badge--info{--_surface: var(--eds-c-surface-info);--_on-surface: var(--eds-c-on-surface-info)}.eui-21 :host.eds-badge.eds-badge--success{--_surface: var(--eds-c-surface-success);--_on-surface: var(--eds-c-on-surface-success)}.eui-21 :host.eds-badge.eds-badge--warning{--_surface: var(--eds-c-surface-warning);--_on-surface: var(--eds-c-on-surface-warning)}.eui-21 :host.eds-badge.eds-badge--critical{--_surface: var(--eds-c-surface-critical);--_on-surface: var(--eds-c-on-surface-critical)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--neutral{--_surface: var(--eds-c-surface-neutral-subtle);--_on-surface: var(--eds-c-on-surface-neutral-subtle)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--info{--_surface: var(--eds-c-surface-info-subtle);--_on-surface: var(--eds-c-on-surface-info-subtle)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--success{--_surface: var(--eds-c-surface-success-subtle);--_on-surface: var(--eds-c-on-surface-success-subtle)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--warning{--_surface: var(--eds-c-surface-warning-subtle);--_on-surface: var(--eds-c-on-surface-warning-subtle)}.eui-21 :host.eds-badge.eds-badge--outline.eds-badge--critical{--_surface: var(--eds-c-surface-critical-subtle);--_on-surface: var(--eds-c-on-surface-critical-subtle)}.eui-21 :host.eds-badge.eds-badge--size-xs.eds-badge--empty{--_min-height: var(--eds-si-xs);--_min-width: var(--eds-si-xs);--_padding: none}.eui-21 :host.eds-badge.eds-badge--size-xs:not(.eds-badge--empty):not(.eds-badge--icon-only){--_min-height: var(--eds-si-s);--_min-width: var(--eds-si-s);--_font: var(--eds-f-microcopy-2xs);--_padding: var(--eds-sp-5xs) var(--eds-sp-4xs)}.eui-21 :host.eds-badge.eds-badge--size-s.eds-badge--empty{--_min-height: var(--eds-si-s);--_min-width: var(--eds-si-s);--_padding: none}.eui-21 :host.eds-badge.eds-badge--size-s:not(.eds-badge--empty):not(.eds-badge--icon-only){--_font: var(--eds-f-microcopy-xs);--_padding: var(--eds-sp-none) var(--eds-sp-3xs) var(--eds-sp-none) var(--eds-sp-3xs)}.eui-21 :host.eds-badge.eds-badge--size-m.eds-badge--empty{--_min-height: var(--eds-si-m);--_min-width: var(--eds-si-m);--_padding: none}.eui-21 :host.eds-badge.eds-badge--size-m:not(.eds-badge--empty):not(.eds-badge--icon-only){--_min-height: var(--eds-si-l);--_min-width: var(--eds-si-l);--_font: var(--eds-f-microcopy-xs);--_padding: var(--eds-sp-4xs) var(--eds-sp-3xs) var(--eds-sp-4xs) var(--eds-sp-3xs)}.eui-21 :host.eds-badge.eds-badge--size-l.eds-badge--empty{--_min-height: var(--eds-si-l);--_min-width: var(--eds-si-l);--_padding: none}.eui-21 :host.eds-badge.eds-badge--size-l:not(.eds-badge--empty):not(.eds-badge--icon-only){--_min-height: var(--eds-si-xl);--_min-width: var(--eds-si-xl);--_font: var(--eds-f-paragraph-s-semi-bold);--_padding: var(--eds-sp-4xs) var(--eds-sp-2xs) var(--eds-sp-4xs) var(--eds-sp-2xs)}.eui-21 :host.eds-badge.eds-badge--empty{--_border-width: var(--eds-bw-xs)}.eui-21 :host.eds-badge.eds-badge--icon-only{--_padding: none}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-2xs{--_icon-size: var(--eds-is-2xs)}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-xs{--_icon-size: var(--eds-is-2xs)}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-s{--_icon-size: var(--eds-is-xs)}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-m{--_icon-size: var(--eds-is-s)}.eui-21 :host.eds-badge.eds-badge--icon-only.eds-badge--size-l{--_icon-size: var(--eds-is-m)}.eui-21 :host.eds-badge{display:inline-flex;border-radius:var(--eds-br-full)}.eui-21 :host.eds-badge .eds-badge-wrapper{display:inline-flex;border-radius:var(--eds-br-full);border:var(--_border-width) solid var(--eds-c-border-inverted);align-items:center;min-height:var(--_min-height);min-width:var(--_min-width);padding:var(--_padding);justify-content:center;font:var(--_font);background-color:var(--_surface);color:var(--_on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-21 .eds-icon :host.eds-badge{position:absolute}.eui-21 .eds-icon :host.eds-badge,.eui-21 .eds-icon :host.eds-badge--size-m{left:60%;top:-20%}.eui-21 .eds-icon :host.eds-badge--empty{left:60%;top:-10%}.eui-21 .eds-icon :host.eds-badge--size-xs.eds-badge--empty{left:70%;top:-10%}.eui-21 .eds-icon-button--size-2xs .eds-icon :host.eds-badge{left:50%;top:-30%}.eui-21 .eds-icon-button--size-xs .eds-icon :host.eds-badge{left:50%;top:-40%}.eui-21 .eds-icon-button--size-s .eds-icon :host.eds-badge{left:50%;top:-50%}.eui-21 .eds-icon-button--size-m .eds-icon :host.eds-badge{left:50%;top:-40%}.eui-21 .eds-icon-button--size-l .eds-icon :host.eds-badge{left:50%;top:-25%}.eui-21 .eds-avatar :host.eds-badge{border:var(--eds-bw-s) solid var(--eds-c-border-inverted)}\n"] }]
+        }], propDecorators: { e2eAttr: [{ type: i0.Input, args: [{ isSignal: true, alias: "e2eAttr", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], maxCharCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCharCount", required: false }] }], charReplacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "charReplacement", required: false }] }], edsBadgeIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "edsBadgeIcon", required: false }] }], edsDottedBadge: [{ type: i0.Input, args: [{ isSignal: true, alias: "edsDottedBadge", required: false }] }], edsOutline: [{ type: i0.Input, args: [{ isSignal: true, alias: "edsOutline", required: false }] }], content: [{ type: i0.ViewChild, args: ['contentRef', { isSignal: true }] }] } });
 
 const EDS_BADGE = [
     EdsBadge,