@eui/components 19.2.0 → 19.2.1-snapshot-1746520949592

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

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-avatar.mjs","sources":["../../eui-avatar/avatar-badge/avatar-badge.component.ts","../../eui-avatar/avatar-icon/avatar-icon.component.ts","../../eui-avatar/avatar-image/avatar-image.component.ts","../../eui-avatar/avatar-image/avatar-image.component.html","../../eui-avatar/avatar-list/avatar-list.component.ts","../../eui-avatar/avatar-text/avatar-text.component.ts","../../eui-avatar/eui-avatar.component.ts","../../eui-avatar/eui-avatar.component.html","../../eui-avatar/eui-avatar.module.ts","../../eui-avatar/index.ts","../../eui-avatar/eui-components-eui-avatar.ts"],"sourcesContent":["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 */\n@Component({\n    selector: 'eui-avatar-badge',\n    template: '<ng-content/>',\n    styleUrl: './avatar-badge.scss',\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 { 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@Component({\n    selector: 'eui-avatar-icon',\n    template: '<ng-content/>',\n    styleUrl: './avatar-icon.scss',\n})\nexport class EuiAvatarIconComponent {\n    /** @internal */\n    @HostBinding('class') string = 'eui-avatar-icon';\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 *\n */\n@Component({\n    selector: 'eui-avatar-image',\n    templateUrl: './avatar-image.component.html',\n    styleUrl: './avatar-image.scss',\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 />\n}\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@Component({\n    selector: 'eui-avatar-list',\n    template: '<ng-content/>',\n    styleUrl: './avatar-list.scss',\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 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 */\n@Component({\n    selector: 'eui-avatar-text',\n    template: '<ng-content/>',\n    styleUrl: './avatar-text.scss',\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, ChangeDetectionStrategy, Input, booleanAttribute, inject } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EUI_ICON } 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 */\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        ...EUI_ICON,\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 { NgModule } from '@angular/core';\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\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 * @deprecated Use {@link EUI_AVATAR} instead.\n *\n */\n@NgModule({\n    imports: [\n        EuiAvatarComponent,\n        EuiAvatarIconComponent,\n        EuiAvatarTextComponent,\n        EuiAvatarImageComponent,\n        EuiAvatarBadgeComponent,\n        EuiAvatarListComponent,\n    ],\n    exports: [\n        EuiAvatarComponent,\n        EuiAvatarIconComponent,\n        EuiAvatarTextComponent,\n        EuiAvatarImageComponent,\n        EuiAvatarBadgeComponent,\n        EuiAvatarListComponent,\n    ],\n})\nexport class EuiAvatarModule {}\n","import { EuiAvatarBadgeComponent } from './avatar-badge/avatar-badge.component';\nimport { EuiAvatarIconComponent } from './avatar-icon/avatar-icon.component';\nimport { EuiAvatarImageComponent } from './avatar-image/avatar-image.component';\nimport { EuiAvatarListComponent } from './avatar-list/avatar-list.component';\nimport { EuiAvatarTextComponent } from './avatar-text/avatar-text.component';\nimport { EuiAvatarComponent } from './eui-avatar.component';\n\nexport * from './eui-avatar.module';\nexport * from './eui-avatar.component';\nexport * from './avatar-icon/avatar-icon.component';\nexport * from './avatar-text/avatar-text.component';\nexport * from './avatar-image/avatar-image.component';\nexport * from './avatar-badge/avatar-badge.component';\nexport * from './avatar-list/avatar-list.component';\n\nexport const EUI_AVATAR = [\n        EuiAvatarComponent,\n        EuiAvatarIconComponent,\n        EuiAvatarTextComponent,\n        EuiAvatarImageComponent,\n        EuiAvatarBadgeComponent,\n        EuiAvatarListComponent,\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-components-eui-avatar.mjs","sources":["../../eui-avatar/avatar-badge/avatar-badge.component.ts","../../eui-avatar/avatar-icon/avatar-icon.component.ts","../../eui-avatar/avatar-image/avatar-image.component.ts","../../eui-avatar/avatar-image/avatar-image.component.html","../../eui-avatar/avatar-list/avatar-list.component.ts","../../eui-avatar/avatar-text/avatar-text.component.ts","../../eui-avatar/eui-avatar.component.ts","../../eui-avatar/eui-avatar.component.html","../../eui-avatar/eui-avatar.module.ts","../../eui-avatar/index.ts","../../eui-avatar/eui-components-eui-avatar.ts"],"sourcesContent":["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 */\n@Component({\n    selector: 'eui-avatar-badge',\n    template: '<ng-content/>',\n    styleUrl: './avatar-badge.scss',\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 { 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@Component({\n    selector: 'eui-avatar-icon',\n    template: '<ng-content/>',\n    styleUrl: './avatar-icon.scss',\n})\nexport class EuiAvatarIconComponent {\n    /** @internal */\n    @HostBinding('class') string = 'eui-avatar-icon';\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 *\n */\n@Component({\n    selector: 'eui-avatar-image',\n    templateUrl: './avatar-image.component.html',\n    styleUrl: './avatar-image.scss',\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 />\n}\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@Component({\n    selector: 'eui-avatar-list',\n    template: '<ng-content/>',\n    styleUrl: './avatar-list.scss',\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 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 */\n@Component({\n    selector: 'eui-avatar-text',\n    template: '<ng-content/>',\n    styleUrl: './avatar-text.scss',\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, ChangeDetectionStrategy, Input, booleanAttribute, inject } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EUI_ICON } 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 */\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        ...EUI_ICON,\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 { NgModule } from '@angular/core';\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\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 * @deprecated Use {@link EUI_AVATAR} instead.\n *\n */\n@NgModule({\n    imports: [\n        EuiAvatarComponent,\n        EuiAvatarIconComponent,\n        EuiAvatarTextComponent,\n        EuiAvatarImageComponent,\n        EuiAvatarBadgeComponent,\n        EuiAvatarListComponent,\n    ],\n    exports: [\n        EuiAvatarComponent,\n        EuiAvatarIconComponent,\n        EuiAvatarTextComponent,\n        EuiAvatarImageComponent,\n        EuiAvatarBadgeComponent,\n        EuiAvatarListComponent,\n    ],\n})\nexport class EuiAvatarModule {}\n","import { EuiAvatarBadgeComponent } from './avatar-badge/avatar-badge.component';\nimport { EuiAvatarIconComponent } from './avatar-icon/avatar-icon.component';\nimport { EuiAvatarImageComponent } from './avatar-image/avatar-image.component';\nimport { EuiAvatarListComponent } from './avatar-list/avatar-list.component';\nimport { EuiAvatarTextComponent } from './avatar-text/avatar-text.component';\nimport { EuiAvatarComponent } from './eui-avatar.component';\n\nexport * from './eui-avatar.module';\nexport * from './eui-avatar.component';\nexport * from './avatar-icon/avatar-icon.component';\nexport * from './avatar-text/avatar-text.component';\nexport * from './avatar-image/avatar-image.component';\nexport * from './avatar-badge/avatar-badge.component';\nexport * from './avatar-list/avatar-list.component';\n\nexport const EUI_AVATAR = [\n        EuiAvatarComponent,\n        EuiAvatarIconComponent,\n        EuiAvatarTextComponent,\n        EuiAvatarImageComponent,\n        EuiAvatarBadgeComponent,\n        EuiAvatarListComponent,\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-components-eui-badge.mjs

@@ -86,10 +86,10 @@ class EuiBadgeComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: EuiBadgeComponent, isStandalone: true, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], maxCharCount: "maxCharCount", charReplacement: "charReplacement", euiIconBadge: ["euiIconBadge", "euiIconBadge", booleanAttribute], euiDottedBadge: ["euiDottedBadge", "euiDottedBadge", 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.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: "@if (hasContentUpdated) {\n    <span class=\"eui-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n", styles: [".eui-19 :host.eui-badge{--_padding: 0 var(--eui-s-2xs);--_border-radius: var(--eui-br-max);--_font: var(--eui-f-s-compact-bold);--_height: calc(var(--eui-s-m) + var(--eui-s-2xs));--_min-width: calc(var(--eui-s-m) + var(--eui-s-2xs));--_empty-size: var(--eui-s-s);--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-s-primary-fill);--_color-on-bg: var(--eui-c-s-primary-fill-contrast);--_color: var(--eui-c-s-primary-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--secondary{--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-s-info-fill);--_color-on-bg: var(--eui-c-s-info-fill-contrast);--_color: var(--eui-c-s-info-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-s-success-fill);--_color-on-bg: var(--eui-c-s-success-fill-contrast);--_color: var(--eui-c-s-success-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-s-warning-fill);--_color-on-bg: var(--eui-c-s-warning-fill-contrast);--_color: var(--eui-c-s-warning-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-s-danger-fill);--_color-on-bg: var(--eui-c-s-danger-fill-contrast);--_color: var(--eui-c-s-danger-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-s-accent-fill);--_color-on-bg: var(--eui-c-s-accent-fill-contrast);--_color: var(--eui-c-s-accent-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--outline{--_bg-color: var(--eui-c-white)}.eui-19 :host.eui-badge--outline.eui-badge--primary{--_color: var(--eui-c-s-primary-on-bg);--_border-color: var(--eui-c-s-primary-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--secondary{--_color: var(--eui-c-s-secondary-on-bg);--_border-color: var(--eui-c-s-secondary-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--info{--_color: var(--eui-c-s-info-on-bg);--_border-color: var(--eui-c-s-info-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--success{--_color: var(--eui-c-s-success-on-bg);--_border-color: var(--eui-c-s-success-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--warning{--_color: var(--eui-c-s-warning-on-bg);--_border-color: var(--eui-c-s-warning-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--danger{--_color: var(--eui-c-s-danger-on-bg);--_border-color: var(--eui-c-s-danger-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--accent{--_color: var(--eui-c-s-accent-on-bg);--_border-color: var(--eui-c-s-accent-border-outline)}.eui-19 :host.eui-badge--size-s{--_height: var(--eui-s-m);--_min-width: var(--eui-s-m);--_font: var(--eui-f-xs-compact-bold)}.eui-19 :host.eui-badge{display:inline-flex;border:1px solid var(--_border-color);border-radius:var(--_border-radius);background-color:var(--_bg-color)}.eui-19 :host.eui-badge .eui-badge-wrapper{display:inline-flex;align-items:center;color:var(--_color-on-bg);height:var(--_height);min-width:var(--_min-width);padding:var(--_padding);justify-content:center;font:var(--_font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-badge--empty{width:var(--_empty-size);height:var(--_empty-size)}.eui-19 :host.eui-badge--icon-only .eui-badge-wrapper{padding:0}.eui-19 :host.eui-badge--outline{background-color:var(--eui-c-neutral-min)}.eui-19 :host.eui-badge--outline .eui-badge-wrapper{color:var(--_color)}\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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiBadgeComponent, isStandalone: true, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], maxCharCount: "maxCharCount", charReplacement: "charReplacement", euiIconBadge: ["euiIconBadge", "euiIconBadge", booleanAttribute], euiDottedBadge: ["euiDottedBadge", "euiDottedBadge", 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.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: "@if (hasContentUpdated) {\n    <span class=\"eui-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n", styles: [".eui-19 :host.eui-badge{--_padding: 0 var(--eui-s-2xs);--_border-radius: var(--eui-br-max);--_font: var(--eui-f-s-compact-bold);--_height: calc(var(--eui-s-m) + var(--eui-s-2xs));--_min-width: calc(var(--eui-s-m) + var(--eui-s-2xs));--_empty-size: var(--eui-s-s);--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-s-primary-fill);--_color-on-bg: var(--eui-c-s-primary-fill-contrast);--_color: var(--eui-c-s-primary-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--secondary{--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-s-info-fill);--_color-on-bg: var(--eui-c-s-info-fill-contrast);--_color: var(--eui-c-s-info-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-s-success-fill);--_color-on-bg: var(--eui-c-s-success-fill-contrast);--_color: var(--eui-c-s-success-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-s-warning-fill);--_color-on-bg: var(--eui-c-s-warning-fill-contrast);--_color: var(--eui-c-s-warning-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-s-danger-fill);--_color-on-bg: var(--eui-c-s-danger-fill-contrast);--_color: var(--eui-c-s-danger-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-s-accent-fill);--_color-on-bg: var(--eui-c-s-accent-fill-contrast);--_color: var(--eui-c-s-accent-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--outline{--_bg-color: var(--eui-c-white)}.eui-19 :host.eui-badge--outline.eui-badge--primary{--_color: var(--eui-c-s-primary-on-bg);--_border-color: var(--eui-c-s-primary-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--secondary{--_color: var(--eui-c-s-secondary-on-bg);--_border-color: var(--eui-c-s-secondary-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--info{--_color: var(--eui-c-s-info-on-bg);--_border-color: var(--eui-c-s-info-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--success{--_color: var(--eui-c-s-success-on-bg);--_border-color: var(--eui-c-s-success-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--warning{--_color: var(--eui-c-s-warning-on-bg);--_border-color: var(--eui-c-s-warning-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--danger{--_color: var(--eui-c-s-danger-on-bg);--_border-color: var(--eui-c-s-danger-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--accent{--_color: var(--eui-c-s-accent-on-bg);--_border-color: var(--eui-c-s-accent-border-outline)}.eui-19 :host.eui-badge--size-s{--_height: var(--eui-s-m);--_min-width: var(--eui-s-m);--_font: var(--eui-f-xs-compact-bold)}.eui-19 :host.eui-badge{display:inline-flex;border:1px solid var(--_border-color);border-radius:var(--_border-radius);background-color:var(--_bg-color)}.eui-19 :host.eui-badge .eui-badge-wrapper{display:inline-flex;align-items:center;color:var(--_color-on-bg);height:var(--_height);min-width:var(--_min-width);padding:var(--_padding);justify-content:center;font:var(--_font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-badge--empty{width:var(--_empty-size);height:var(--_empty-size)}.eui-19 :host.eui-badge--icon-only .eui-badge-wrapper{padding:0}.eui-19 .eui-avatar-badge :host{border-color:var(--eui-c-white)}.eui-19 :host.eui-badge--outline{background-color:var(--eui-c-neutral-min)}.eui-19 :host.eui-badge--outline .eui-badge-wrapper{color:var(--_color)}\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: "19.2.8", ngImport: i0, type: EuiBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[euiBadge], span[euiBadge], eui-badge', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ObserversModule], hostDirectives: [
                         {
@@ -109,7 +109,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                                 'euiOutline',
                             ],
                         },
-                    ], template: "@if (hasContentUpdated) {\n    <span class=\"eui-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n", styles: [".eui-19 :host.eui-badge{--_padding: 0 var(--eui-s-2xs);--_border-radius: var(--eui-br-max);--_font: var(--eui-f-s-compact-bold);--_height: calc(var(--eui-s-m) + var(--eui-s-2xs));--_min-width: calc(var(--eui-s-m) + var(--eui-s-2xs));--_empty-size: var(--eui-s-s);--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-s-primary-fill);--_color-on-bg: var(--eui-c-s-primary-fill-contrast);--_color: var(--eui-c-s-primary-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--secondary{--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-s-info-fill);--_color-on-bg: var(--eui-c-s-info-fill-contrast);--_color: var(--eui-c-s-info-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-s-success-fill);--_color-on-bg: var(--eui-c-s-success-fill-contrast);--_color: var(--eui-c-s-success-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-s-warning-fill);--_color-on-bg: var(--eui-c-s-warning-fill-contrast);--_color: var(--eui-c-s-warning-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-s-danger-fill);--_color-on-bg: var(--eui-c-s-danger-fill-contrast);--_color: var(--eui-c-s-danger-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-s-accent-fill);--_color-on-bg: var(--eui-c-s-accent-fill-contrast);--_color: var(--eui-c-s-accent-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--outline{--_bg-color: var(--eui-c-white)}.eui-19 :host.eui-badge--outline.eui-badge--primary{--_color: var(--eui-c-s-primary-on-bg);--_border-color: var(--eui-c-s-primary-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--secondary{--_color: var(--eui-c-s-secondary-on-bg);--_border-color: var(--eui-c-s-secondary-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--info{--_color: var(--eui-c-s-info-on-bg);--_border-color: var(--eui-c-s-info-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--success{--_color: var(--eui-c-s-success-on-bg);--_border-color: var(--eui-c-s-success-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--warning{--_color: var(--eui-c-s-warning-on-bg);--_border-color: var(--eui-c-s-warning-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--danger{--_color: var(--eui-c-s-danger-on-bg);--_border-color: var(--eui-c-s-danger-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--accent{--_color: var(--eui-c-s-accent-on-bg);--_border-color: var(--eui-c-s-accent-border-outline)}.eui-19 :host.eui-badge--size-s{--_height: var(--eui-s-m);--_min-width: var(--eui-s-m);--_font: var(--eui-f-xs-compact-bold)}.eui-19 :host.eui-badge{display:inline-flex;border:1px solid var(--_border-color);border-radius:var(--_border-radius);background-color:var(--_bg-color)}.eui-19 :host.eui-badge .eui-badge-wrapper{display:inline-flex;align-items:center;color:var(--_color-on-bg);height:var(--_height);min-width:var(--_min-width);padding:var(--_padding);justify-content:center;font:var(--_font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-badge--empty{width:var(--_empty-size);height:var(--_empty-size)}.eui-19 :host.eui-badge--icon-only .eui-badge-wrapper{padding:0}.eui-19 :host.eui-badge--outline{background-color:var(--eui-c-neutral-min)}.eui-19 :host.eui-badge--outline .eui-badge-wrapper{color:var(--_color)}\n"] }]
+                    ], template: "@if (hasContentUpdated) {\n    <span class=\"eui-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n", styles: [".eui-19 :host.eui-badge{--_padding: 0 var(--eui-s-2xs);--_border-radius: var(--eui-br-max);--_font: var(--eui-f-s-compact-bold);--_height: calc(var(--eui-s-m) + var(--eui-s-2xs));--_min-width: calc(var(--eui-s-m) + var(--eui-s-2xs));--_empty-size: var(--eui-s-s);--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-s-primary-fill);--_color-on-bg: var(--eui-c-s-primary-fill-contrast);--_color: var(--eui-c-s-primary-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--secondary{--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-s-info-fill);--_color-on-bg: var(--eui-c-s-info-fill-contrast);--_color: var(--eui-c-s-info-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-s-success-fill);--_color-on-bg: var(--eui-c-s-success-fill-contrast);--_color: var(--eui-c-s-success-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-s-warning-fill);--_color-on-bg: var(--eui-c-s-warning-fill-contrast);--_color: var(--eui-c-s-warning-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-s-danger-fill);--_color-on-bg: var(--eui-c-s-danger-fill-contrast);--_color: var(--eui-c-s-danger-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-s-accent-fill);--_color-on-bg: var(--eui-c-s-accent-fill-contrast);--_color: var(--eui-c-s-accent-fill-contrast);--_border-color: transparent}.eui-19 :host.eui-badge--outline{--_bg-color: var(--eui-c-white)}.eui-19 :host.eui-badge--outline.eui-badge--primary{--_color: var(--eui-c-s-primary-on-bg);--_border-color: var(--eui-c-s-primary-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--secondary{--_color: var(--eui-c-s-secondary-on-bg);--_border-color: var(--eui-c-s-secondary-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--info{--_color: var(--eui-c-s-info-on-bg);--_border-color: var(--eui-c-s-info-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--success{--_color: var(--eui-c-s-success-on-bg);--_border-color: var(--eui-c-s-success-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--warning{--_color: var(--eui-c-s-warning-on-bg);--_border-color: var(--eui-c-s-warning-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--danger{--_color: var(--eui-c-s-danger-on-bg);--_border-color: var(--eui-c-s-danger-border-outline)}.eui-19 :host.eui-badge--outline.eui-badge--accent{--_color: var(--eui-c-s-accent-on-bg);--_border-color: var(--eui-c-s-accent-border-outline)}.eui-19 :host.eui-badge--size-s{--_height: var(--eui-s-m);--_min-width: var(--eui-s-m);--_font: var(--eui-f-xs-compact-bold)}.eui-19 :host.eui-badge{display:inline-flex;border:1px solid var(--_border-color);border-radius:var(--_border-radius);background-color:var(--_bg-color)}.eui-19 :host.eui-badge .eui-badge-wrapper{display:inline-flex;align-items:center;color:var(--_color-on-bg);height:var(--_height);min-width:var(--_min-width);padding:var(--_padding);justify-content:center;font:var(--_font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-badge--empty{width:var(--_empty-size);height:var(--_empty-size)}.eui-19 :host.eui-badge--icon-only .eui-badge-wrapper{padding:0}.eui-19 .eui-avatar-badge :host{border-color:var(--eui-c-white)}.eui-19 :host.eui-badge--outline{background-color:var(--eui-c-neutral-min)}.eui-19 :host.eui-badge--outline .eui-badge-wrapper{color:var(--_color)}\n"] }]
         }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -150,11 +150,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  *
  */
 class EuiBadgeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: EuiBadgeModule, imports: [EuiBadgeComponent], exports: [EuiBadgeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBadgeModule, imports: [EuiBadgeComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: EuiBadgeModule, imports: [EuiBadgeComponent], exports: [EuiBadgeComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBadgeModule, imports: [EuiBadgeComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBadgeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBadgeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuiBadgeComponent],

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

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-badge.mjs","sources":["../../eui-badge/eui-badge.component.ts","../../eui-badge/eui-badge.component.html","../../eui-badge/eui-badge.module.ts","../../eui-badge/index.ts","../../eui-badge/eui-components-eui-badge.ts"],"sourcesContent":["import {\n    Component,\n    HostBinding,\n    ChangeDetectionStrategy,\n    Input,\n    ViewChild,\n    ElementRef,\n    AfterViewInit,\n    ChangeDetectorRef,\n    booleanAttribute,\n    inject,\n} from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { ObserversModule } from '@angular/cdk/observers';\n\n/**\n * @description\n * A badge component that can display text, numbers, or icons with various states and styles.\n * Supports content truncation, empty states, and icon-only modes.\n *\n */\n@Component({\n    selector: 'div[euiBadge], span[euiBadge], eui-badge',\n    templateUrl: './eui-badge.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [ObserversModule],\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                'euiSizeS',\n                'euiSizeM',\n                'euiSizeVariant',\n                'euiOutline',\n            ],\n        },\n    ],\n})\nexport class EuiBadgeComponent implements AfterViewInit {\n    /**\n     * @description\n     * Computes and returns the CSS classes for the badge 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            this.baseStatesDirective.getCssClasses('eui-badge'),\n            !this.hasContent ? 'eui-badge--empty' : '',\n            this.euiIconBadge ? 'eui-badge--icon-only' : '',\n        ].join(' ').trim();\n    }\n\n    /** @description Data attribute for e2e testing */\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-badge';\n\n    /** @description ARIA role for accessibility */\n    @HostBinding('attr.role') role = 'status';\n\n    /** @description ARIA label for accessibility */\n    @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'badge';\n\n    /**\n     * @description Maximum number of characters to display before truncating\n     */\n    @Input() maxCharCount: number;\n\n    /**\n     * @description String to display when content is truncated\n     */\n    @Input() charReplacement: string;\n\n    /**\n     * @description Whether the badge contains only an icon\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) euiIconBadge = false;\n\n    /**\n     * @description Whether to display the badge as a dot\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) euiDottedBadge = false;\n\n    /** @description Reference to the content element */\n    @ViewChild('contentRef') content: ElementRef;\n\n    /** @description Tracks if content has been updated due to truncation */\n    protected hasContentUpdated = false;\n\n    /** @description Updated content after truncation when hasContentUpdated is true */\n    protected updatedContent: string;\n\n    /** @description Instance of BaseStatesDirective for managing component states */\n    protected baseStatesDirective = inject(BaseStatesDirective);\n\n    /** @description Change detector reference for manual change detection */\n    private cdRef = inject(ChangeDetectorRef);\n\n    /** @description Tracks whether the badge has any content */\n    private hasContent = true;\n\n    /**\n     * @description\n     * After view initialization, checks if the badge has content and handles content truncation\n     */\n    ngAfterViewInit(): void {\n        setTimeout(() => {\n            const innerHtml = this.content.nativeElement.innerHTML;\n            if (!innerHtml || (innerHtml && innerHtml.trim() === '')) {\n                this.hasContent = false;\n            }\n            this._checkContent();\n        }, 1);\n    }\n\n    /**\n     * @description\n     * Handles content changes and triggers content checking\n     */\n    onContentChanged(): void {\n        this._checkContent();\n    }\n\n    /**\n     * @description\n     * Checks if content exceeds maxCharCount and updates content if necessary\n     * @private\n     */\n    private _checkContent(): void {\n        if (this.maxCharCount) {\n            const contentText = this.content.nativeElement.outerText;\n            if (contentText && contentText.length > this.maxCharCount) {\n                this.hasContentUpdated = true;\n                this.updatedContent = this.charReplacement || '99+';\n                this.cdRef.markForCheck();\n            }\n        }\n    }\n}\n","@if (hasContentUpdated) {\n    <span class=\"eui-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n","import { NgModule } from '@angular/core';\nimport { EuiBadgeComponent } from './eui-badge.component';\n\n/**\n * @description\n * Module that provides the EuiBadge component and its dependencies.\n *\n * @deprecated Use {@link EUI_BADGE} instead.\n *\n */\n@NgModule({\n    imports: [EuiBadgeComponent],\n    exports: [EuiBadgeComponent],\n})\nexport class EuiBadgeModule {}\n","import { EuiBadgeComponent } from './eui-badge.component';\n\nexport * from './eui-badge.component';\nexport * from './eui-badge.module';\n\nexport const EUI_BADGE = [\n    EuiBadgeComponent,\n] as const;\n\n// export { EuiBadgeComponent as EuiBadge } from './eui-badge.component';\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-badge.mjs","sources":["../../eui-badge/eui-badge.component.ts","../../eui-badge/eui-badge.component.html","../../eui-badge/eui-badge.module.ts","../../eui-badge/index.ts","../../eui-badge/eui-components-eui-badge.ts"],"sourcesContent":["import {\n    Component,\n    HostBinding,\n    ChangeDetectionStrategy,\n    Input,\n    ViewChild,\n    ElementRef,\n    AfterViewInit,\n    ChangeDetectorRef,\n    booleanAttribute,\n    inject,\n} from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { ObserversModule } from '@angular/cdk/observers';\n\n/**\n * @description\n * A badge component that can display text, numbers, or icons with various states and styles.\n * Supports content truncation, empty states, and icon-only modes.\n *\n */\n@Component({\n    selector: 'div[euiBadge], span[euiBadge], eui-badge',\n    templateUrl: './eui-badge.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [ObserversModule],\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                'euiSizeS',\n                'euiSizeM',\n                'euiSizeVariant',\n                'euiOutline',\n            ],\n        },\n    ],\n})\nexport class EuiBadgeComponent implements AfterViewInit {\n    /**\n     * @description\n     * Computes and returns the CSS classes for the badge 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            this.baseStatesDirective.getCssClasses('eui-badge'),\n            !this.hasContent ? 'eui-badge--empty' : '',\n            this.euiIconBadge ? 'eui-badge--icon-only' : '',\n        ].join(' ').trim();\n    }\n\n    /** @description Data attribute for e2e testing */\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-badge';\n\n    /** @description ARIA role for accessibility */\n    @HostBinding('attr.role') role = 'status';\n\n    /** @description ARIA label for accessibility */\n    @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'badge';\n\n    /**\n     * @description Maximum number of characters to display before truncating\n     */\n    @Input() maxCharCount: number;\n\n    /**\n     * @description String to display when content is truncated\n     */\n    @Input() charReplacement: string;\n\n    /**\n     * @description Whether the badge contains only an icon\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) euiIconBadge = false;\n\n    /**\n     * @description Whether to display the badge as a dot\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) euiDottedBadge = false;\n\n    /** @description Reference to the content element */\n    @ViewChild('contentRef') content: ElementRef;\n\n    /** @description Tracks if content has been updated due to truncation */\n    protected hasContentUpdated = false;\n\n    /** @description Updated content after truncation when hasContentUpdated is true */\n    protected updatedContent: string;\n\n    /** @description Instance of BaseStatesDirective for managing component states */\n    protected baseStatesDirective = inject(BaseStatesDirective);\n\n    /** @description Change detector reference for manual change detection */\n    private cdRef = inject(ChangeDetectorRef);\n\n    /** @description Tracks whether the badge has any content */\n    private hasContent = true;\n\n    /**\n     * @description\n     * After view initialization, checks if the badge has content and handles content truncation\n     */\n    ngAfterViewInit(): void {\n        setTimeout(() => {\n            const innerHtml = this.content.nativeElement.innerHTML;\n            if (!innerHtml || (innerHtml && innerHtml.trim() === '')) {\n                this.hasContent = false;\n            }\n            this._checkContent();\n        }, 1);\n    }\n\n    /**\n     * @description\n     * Handles content changes and triggers content checking\n     */\n    onContentChanged(): void {\n        this._checkContent();\n    }\n\n    /**\n     * @description\n     * Checks if content exceeds maxCharCount and updates content if necessary\n     * @private\n     */\n    private _checkContent(): void {\n        if (this.maxCharCount) {\n            const contentText = this.content.nativeElement.outerText;\n            if (contentText && contentText.length > this.maxCharCount) {\n                this.hasContentUpdated = true;\n                this.updatedContent = this.charReplacement || '99+';\n                this.cdRef.markForCheck();\n            }\n        }\n    }\n}\n","@if (hasContentUpdated) {\n    <span class=\"eui-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n","import { NgModule } from '@angular/core';\nimport { EuiBadgeComponent } from './eui-badge.component';\n\n/**\n * @description\n * Module that provides the EuiBadge component and its dependencies.\n *\n * @deprecated Use {@link EUI_BADGE} instead.\n *\n */\n@NgModule({\n    imports: [EuiBadgeComponent],\n    exports: [EuiBadgeComponent],\n})\nexport class EuiBadgeModule {}\n","import { EuiBadgeComponent } from './eui-badge.component';\n\nexport * from './eui-badge.component';\nexport * from './eui-badge.module';\n\nexport const EUI_BADGE = [\n    EuiBadgeComponent,\n] as const;\n\n// export { EuiBadgeComponent as EuiBadge } from './eui-badge.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAeA;;;;;AAKG;MA2BU,iBAAiB,CAAA;AA1B9B,IAAA,WAAA,GAAA;;QA2C2C,IAAO,CAAA,OAAA,GAAG,WAAW;;QAGlC,IAAI,CAAA,IAAA,GAAG,QAAQ;;QAGY,IAAS,CAAA,SAAA,GAAkB,OAAO;AAYvF;;;AAGG;QACqC,IAAY,CAAA,YAAA,GAAG,KAAK;AAE5D;;;AAGG;QACqC,IAAc,CAAA,cAAA,GAAG,KAAK;;QAMpD,IAAiB,CAAA,iBAAA,GAAG,KAAK;;AAMzB,QAAA,IAAA,CAAA,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;;AAGnD,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC;;QAGjC,IAAU,CAAA,UAAA,GAAG,IAAI;AAuC5B;AArGG;;;;;AAKG;AACH,IAAA,IACW,UAAU,GAAA;QACjB,OAAO;AACH,YAAA,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,WAAW,CAAC;YACnD,CAAC,IAAI,CAAC,UAAU,GAAG,kBAAkB,GAAG,EAAE;YAC1C,IAAI,CAAC,YAAY,GAAG,sBAAsB,GAAG,EAAE;AAClD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;AAoDtB;;;AAGG;IACH,eAAe,GAAA;QACX,UAAU,CAAC,MAAK;YACZ,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS;AACtD,YAAA,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE;AACtD,gBAAA,IAAI,CAAC,UAAU,GAAG,KAAK;;YAE3B,IAAI,CAAC,aAAa,EAAE;SACvB,EAAE,CAAC,CAAC;;AAGT;;;AAGG;IACH,gBAAgB,GAAA;QACZ,IAAI,CAAC,aAAa,EAAE;;AAGxB;;;;AAIG;IACK,aAAa,GAAA;AACjB,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS;YACxD,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE;AACvD,gBAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;gBAC7B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,eAAe,IAAI,KAAK;AACnD,gBAAA,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE;;;;8GAlG5B,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,mQAuCN,gBAAgB,CAAA,EAAA,cAAA,EAAA,CAAA,gBAAA,EAAA,gBAAA,EAMhB,gBAAgB,CC5FxC,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,cAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,6QASA,8yHDiBc,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAqBhB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBA1B7B,SAAS;+BACI,0CAA0C,EAAA,eAAA,EAGnC,uBAAuB,CAAC,MAAM,WACtC,CAAC,eAAe,CAAC,EACV,cAAA,EAAA;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,mBAAmB;AAC9B,4BAAA,MAAM,EAAE;gCACJ,YAAY;gCACZ,cAAc;gCACd,YAAY;gCACZ,SAAS;gCACT,YAAY;gCACZ,WAAW;gCACX,WAAW;gCACX,YAAY;gCACZ,UAAU;gCACV,UAAU;gCACV,gBAAgB;gCAChB,YAAY;AACf,6BAAA;AACJ,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,6QAAA,EAAA,MAAA,EAAA,CAAA,uvHAAA,CAAA,EAAA;8BAUU,UAAU,EAAA,CAAA;sBADpB,WAAW;uBAAC,OAAO;gBAUmB,OAAO,EAAA,CAAA;sBAA7C,WAAW;uBAAC,eAAe;;sBAAG;gBAGL,IAAI,EAAA,CAAA;sBAA7B,WAAW;uBAAC,WAAW;gBAG6B,SAAS,EAAA,CAAA;sBAA7D,WAAW;uBAAC,iBAAiB;;sBAAG,KAAK;uBAAC,YAAY;gBAK1C,YAAY,EAAA,CAAA;sBAApB;gBAKQ,eAAe,EAAA,CAAA;sBAAvB;gBAMuC,YAAY,EAAA,CAAA;sBAAnD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAME,cAAc,EAAA,CAAA;sBAArD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAGb,OAAO,EAAA,CAAA;sBAA/B,SAAS;uBAAC,YAAY;;;AE5F3B;;;;;;AAMG;MAKU,cAAc,CAAA;8GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAd,cAAc,EAAA,OAAA,EAAA,CAHb,iBAAiB,CAAA,EAAA,OAAA,EAAA,CACjB,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAElB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAHb,iBAAiB,CAAA,EAAA,CAAA,CAAA;;2FAGlB,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC/B,iBAAA;;;ACRY,MAAA,SAAS,GAAG;IACrB,iBAAiB;;AAGrB;;ACTA;;AAEG;;;;"}

package/fesm2022/eui-components-eui-block-content.mjs

@@ -94,10 +94,10 @@ class EuiBlockContentComponent {
     getActiveElement() {
         return this.elRef.nativeElement.querySelector(':focus');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBlockContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.8", type: EuiBlockContentComponent, isStandalone: true, selector: "eui-block-content", inputs: { role: "role", ariaLabel: "ariaLabel", isBlocked: ["isBlocked", "isBlocked", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-19 :host.eui-block-content{display:block;position:relative}.eui-19 :host.eui-block-content--blocked{min-height:114px}.eui-19 :host.eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-neutral-lightest);border-left-color:var(--eui-c-neutral-lightest);color:var(--eui-c-s-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;height:80px;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;width:80px;z-index:var(--eui-zi-overlay)}.eui-19 :host.eui-block-content--blocked:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBlockContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EuiBlockContentComponent, isStandalone: true, selector: "eui-block-content", inputs: { role: "role", ariaLabel: "ariaLabel", isBlocked: ["isBlocked", "isBlocked", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-19 :host.eui-block-content{display:block;position:relative}.eui-19 :host.eui-block-content--blocked{min-height:114px}.eui-19 :host.eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-neutral-lightest);border-left-color:var(--eui-c-neutral-lightest);color:var(--eui-c-s-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;height:80px;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;width:80px;z-index:var(--eui-zi-overlay)}.eui-19 :host.eui-block-content--blocked:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBlockContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBlockContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-block-content', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [".eui-19 :host.eui-block-content{display:block;position:relative}.eui-19 :host.eui-block-content--blocked{min-height:114px}.eui-19 :host.eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-neutral-lightest);border-left-color:var(--eui-c-neutral-lightest);color:var(--eui-c-s-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;height:80px;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;width:80px;z-index:var(--eui-zi-overlay)}.eui-19 :host.eui-block-content--blocked:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { cssClasses: [{
@@ -123,11 +123,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  * This module is maintained for backward compatibility.
  */
 class EuiBlockContentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBlockContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: EuiBlockContentModule, imports: [EuiBlockContentComponent], exports: [EuiBlockContentComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBlockContentModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBlockContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: EuiBlockContentModule, imports: [EuiBlockContentComponent], exports: [EuiBlockContentComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBlockContentModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBlockContentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBlockContentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuiBlockContentComponent],

package/fesm2022/eui-components-eui-block-document.mjs

@@ -42,10 +42,10 @@ class EuiBlockDocumentComponent {
             this.isBlocked ? 'eui-block-document--blocked' : '',
         ].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBlockDocumentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.8", type: EuiBlockDocumentComponent, isStandalone: true, selector: "eui-block-document", inputs: { isBlocked: ["isBlocked", "isBlocked", booleanAttribute], ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: "<div class=\"eui-block-document__loader\"></div>\n", styles: [".eui-19 :host.eui-block-document .eui-block-document__loader{display:none}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0000001a;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:var(--eui-bw-none);color:transparent;font:0/0 a;text-shadow:none}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:not(:required):after{border-top:var(--eui-s-xs) solid currentcolor;border-right:var(--eui-s-xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-xs);border-left-width:var(--eui-s-xs);border-bottom-color:#0003;border-left-color:#0003;color:var(--eui-c-s-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;height:120px;width:120px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBlockDocumentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EuiBlockDocumentComponent, isStandalone: true, selector: "eui-block-document", inputs: { isBlocked: ["isBlocked", "isBlocked", booleanAttribute], ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: "<div class=\"eui-block-document__loader\"></div>\n", styles: [".eui-19 :host.eui-block-document .eui-block-document__loader{display:none}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0000001a;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:var(--eui-bw-none);color:transparent;font:0/0 a;text-shadow:none}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:not(:required):after{border-top:var(--eui-s-xs) solid currentcolor;border-right:var(--eui-s-xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-xs);border-left-width:var(--eui-s-xs);border-bottom-color:#0003;border-left-color:#0003;color:var(--eui-c-s-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;height:120px;width:120px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBlockDocumentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBlockDocumentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-block-document', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"eui-block-document__loader\"></div>\n", styles: [".eui-19 :host.eui-block-document .eui-block-document__loader{display:none}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0000001a;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:var(--eui-bw-none);color:transparent;font:0/0 a;text-shadow:none}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:not(:required):after{border-top:var(--eui-s-xs) solid currentcolor;border-right:var(--eui-s-xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-xs);border-left-width:var(--eui-s-xs);border-bottom-color:#0003;border-left-color:#0003;color:var(--eui-c-s-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;height:120px;width:120px}\n"] }]
         }], propDecorators: { cssClasses: [{
@@ -70,11 +70,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  * @deprecated Use {@link EUI_BLOCK_DOCUMENT} instead.
  */
 class EuiBlockDocumentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBlockDocumentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: EuiBlockDocumentModule, imports: [EuiBlockDocumentComponent], exports: [EuiBlockDocumentComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBlockDocumentModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBlockDocumentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: EuiBlockDocumentModule, imports: [EuiBlockDocumentComponent], exports: [EuiBlockDocumentComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBlockDocumentModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBlockDocumentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBlockDocumentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuiBlockDocumentComponent],

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

@@ -102,10 +102,10 @@ class EuiBreadcrumbItemComponent {
     isLast() {
         return !this.nextCrumb;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBreadcrumbItemComponent, deps: [{ token: i0.ElementRef }, { token: i1.Router }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i2.LogService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: EuiBreadcrumbItemComponent, isStandalone: true, selector: "eui-breadcrumb-item", inputs: { id: "id", label: "label", link: "link", navigationExtras: "navigationExtras" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "@if (hasPrevious) {\n    <div class=\"eui-breadcrumb-item__separator\">\n        <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"xs\" fillColor=\"neutral\"></eui-icon-svg>\n    </div>\n}\n@if (hasNext) {\n    @if (link) {\n        <a class=\"eui-breadcrumb-item__label-wrapper eui-u-text-link-standalone\" href=\"javascript:void(0)\" (click)=\"onClick()\">\n            <span class=\"eui-breadcrumb-item__label\">{{ label }}</span>\n        </a>\n    } @else {\n        <span class=\"eui-breadcrumb-item__label-wrapper\" euiLabel euiSecondary>\n            <span class=\"eui-breadcrumb-item__label\">{{ label }}</span>\n        </span>\n    }\n} @else {\n    <span class=\"eui-breadcrumb-item__label-wrapper\" euiLabel euiSecondary>\n        <span class=\"eui-breadcrumb-item__label\">{{ label }}</span>\n    </span>\n}\n", dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: PortalModule }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i4.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBreadcrumbItemComponent, deps: [{ token: i0.ElementRef }, { token: i1.Router }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i2.LogService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiBreadcrumbItemComponent, isStandalone: true, selector: "eui-breadcrumb-item", inputs: { id: "id", label: "label", link: "link", navigationExtras: "navigationExtras" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "@if (hasPrevious) {\n    <div class=\"eui-breadcrumb-item__separator\">\n        <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"xs\" fillColor=\"neutral\"></eui-icon-svg>\n    </div>\n}\n@if (hasNext) {\n    @if (link) {\n        <a class=\"eui-breadcrumb-item__label-wrapper eui-u-text-link-standalone\" href=\"javascript:void(0)\" (click)=\"onClick()\">\n            <span class=\"eui-breadcrumb-item__label\">{{ label }}</span>\n        </a>\n    } @else {\n        <span class=\"eui-breadcrumb-item__label-wrapper\" euiLabel euiSecondary>\n            <span class=\"eui-breadcrumb-item__label\">{{ label }}</span>\n        </span>\n    }\n} @else {\n    <span class=\"eui-breadcrumb-item__label-wrapper\" euiLabel euiSecondary>\n        <span class=\"eui-breadcrumb-item__label\">{{ label }}</span>\n    </span>\n}\n", dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: PortalModule }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i4.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBreadcrumbItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBreadcrumbItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-breadcrumb-item', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, imports: [
                         RouterModule,
@@ -197,10 +197,10 @@ class EuiBreadcrumbComponent {
         found.destroy();
         this.breadcrumbItems.reset([...this.breadcrumbItems.filter((c) => c.id !== found.id)]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBreadcrumbComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: EuiBreadcrumbComponent, isStandalone: true, selector: "eui-breadcrumb", host: { properties: { "class": "this.string" } }, queries: [{ propertyName: "breadcrumbItems", predicate: i0.forwardRef(() => EuiBreadcrumbItemComponent) }], viewQueries: [{ propertyName: "vcr", first: true, predicate: ["vcr"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"eui-breadcrumb__items\">\n    <ng-container #vcr>\n        <ng-content></ng-content>\n    </ng-container>\n</div>\n", styles: [".eui-19 .eui-breadcrumb{align-items:center;display:flex;width:100%;position:relative}.eui-19 .eui-breadcrumb__items{align-items:center;display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:var(--eui-s-m) var(--eui-s-m)}@media screen and (max-width: 767px){.eui-19 eui-breadcrumb,.eui-19 .eui-breadcrumb{display:none}}.eui-19 .eui-breadcrumb-item{align-items:center;display:flex;z-index:var(--eui-zi-breadcrumb);font:var(--eui-f-s)}.eui-19 .eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 var(--eui-s-2xs)}.eui-19 .eui-breadcrumb-item__label-wrapper{padding:0 var(--eui-s-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBreadcrumbComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: EuiBreadcrumbComponent, isStandalone: true, selector: "eui-breadcrumb", host: { properties: { "class": "this.string" } }, queries: [{ propertyName: "breadcrumbItems", predicate: i0.forwardRef(() => EuiBreadcrumbItemComponent) }], viewQueries: [{ propertyName: "vcr", first: true, predicate: ["vcr"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"eui-breadcrumb__items\">\n    <ng-container #vcr>\n        <ng-content></ng-content>\n    </ng-container>\n</div>\n", styles: [".eui-19 .eui-breadcrumb{align-items:center;display:flex;width:100%;position:relative}.eui-19 .eui-breadcrumb__items{align-items:center;display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:var(--eui-s-m) var(--eui-s-m)}@media screen and (max-width: 767px){.eui-19 eui-breadcrumb,.eui-19 .eui-breadcrumb{display:none}}.eui-19 .eui-breadcrumb-item{align-items:center;display:flex;z-index:var(--eui-zi-breadcrumb);font:var(--eui-f-s)}.eui-19 .eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 var(--eui-s-2xs)}.eui-19 .eui-breadcrumb-item__label-wrapper{padding:0 var(--eui-s-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBreadcrumbComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-breadcrumb', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-breadcrumb__items\">\n    <ng-container #vcr>\n        <ng-content></ng-content>\n    </ng-container>\n</div>\n", styles: [".eui-19 .eui-breadcrumb{align-items:center;display:flex;width:100%;position:relative}.eui-19 .eui-breadcrumb__items{align-items:center;display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:var(--eui-s-m) var(--eui-s-m)}@media screen and (max-width: 767px){.eui-19 eui-breadcrumb,.eui-19 .eui-breadcrumb{display:none}}.eui-19 .eui-breadcrumb-item{align-items:center;display:flex;z-index:var(--eui-zi-breadcrumb);font:var(--eui-f-s)}.eui-19 .eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 var(--eui-s-2xs)}.eui-19 .eui-breadcrumb-item__label-wrapper{padding:0 var(--eui-s-2xs)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { string: [{
@@ -293,10 +293,10 @@ class EuiBreadcrumbService {
         // Notify observers
         this.breadcrumbsSource$.next(this.breadcrumb);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBreadcrumbService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBreadcrumbService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBreadcrumbService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBreadcrumbService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -310,15 +310,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  * @deprecated Use {@link EUI_BREADCRUMB} instead.
  */
 class EuiBreadcrumbModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: EuiBreadcrumbModule, imports: [EuiBreadcrumbComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: EuiBreadcrumbModule, imports: [EuiBreadcrumbComponent,
             EuiBreadcrumbItemComponent], exports: [EuiBreadcrumbComponent,
             EuiBreadcrumbItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBreadcrumbModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBreadcrumbModule, providers: [
             EuiBreadcrumbService,
         ], imports: [EuiBreadcrumbItemComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiBreadcrumbModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBreadcrumbModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/eui-components-eui-button-group.mjs

@@ -71,10 +71,10 @@ class EuiButtonGroupComponent {
             console.log(e);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.8", type: EuiButtonGroupComponent, isStandalone: true, selector: "eui-button-group", inputs: { isCheckboxButtons: ["isCheckboxButtons", "isCheckboxButtons", booleanAttribute], isRadioButtons: ["isRadioButtons", "isRadioButtons", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "buttons", predicate: i0.forwardRef(() => EuiButtonComponent) }], ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-19 :host.eui-button-group{position:relative;display:inline-flex;flex-wrap:wrap;vertical-align:middle;width:100%}.eui-19 :host.eui-button-group ::ng-deep .eui-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-button-group ::ng-deep .eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-button-group ::ng-deep .eui-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-button-group ::ng-deep>.eui-button:not(:first-child),.eui-19 :host.eui-button-group ::ng-deep>.eui-button-group:not(:first-child){margin-left:-1px}.eui-19 :host.eui-button-group ::ng-deep>.eui-button:not(:last-child),.eui-19 :host.eui-button-group ::ng-deep>.eui-button-group:not(:last-child)>.eui-button{border-bottom-right-radius:0;border-top-right-radius:0}.eui-19 :host.eui-button-group ::ng-deep>.eui-button:not(:first-child),.eui-19 :host.eui-button-group ::ng-deep>.eui-button-group:not(:first-child)>.eui-button{border-bottom-left-radius:0;border-top-left-radius:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EuiButtonGroupComponent, isStandalone: true, selector: "eui-button-group", inputs: { isCheckboxButtons: ["isCheckboxButtons", "isCheckboxButtons", booleanAttribute], isRadioButtons: ["isRadioButtons", "isRadioButtons", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "buttons", predicate: i0.forwardRef(() => EuiButtonComponent) }], ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-19 :host.eui-button-group{position:relative;display:inline-flex;flex-wrap:wrap;vertical-align:middle;width:100%}.eui-19 :host.eui-button-group ::ng-deep .eui-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-button-group ::ng-deep .eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-button-group ::ng-deep .eui-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-button-group ::ng-deep>.eui-button:not(:first-child),.eui-19 :host.eui-button-group ::ng-deep>.eui-button-group:not(:first-child){margin-left:-1px}.eui-19 :host.eui-button-group ::ng-deep>.eui-button:not(:last-child),.eui-19 :host.eui-button-group ::ng-deep>.eui-button-group:not(:last-child)>.eui-button{border-bottom-right-radius:0;border-top-right-radius:0}.eui-19 :host.eui-button-group ::ng-deep>.eui-button:not(:first-child),.eui-19 :host.eui-button-group ::ng-deep>.eui-button-group:not(:first-child)>.eui-button{border-bottom-left-radius:0;border-top-left-radius:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiButtonGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiButtonGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-button-group', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [".eui-19 :host.eui-button-group{position:relative;display:inline-flex;flex-wrap:wrap;vertical-align:middle;width:100%}.eui-19 :host.eui-button-group ::ng-deep .eui-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-button-group ::ng-deep .eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-button-group ::ng-deep .eui-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-button-group ::ng-deep>.eui-button:not(:first-child),.eui-19 :host.eui-button-group ::ng-deep>.eui-button-group:not(:first-child){margin-left:-1px}.eui-19 :host.eui-button-group ::ng-deep>.eui-button:not(:last-child),.eui-19 :host.eui-button-group ::ng-deep>.eui-button-group:not(:last-child)>.eui-button{border-bottom-right-radius:0;border-top-right-radius:0}.eui-19 :host.eui-button-group ::ng-deep>.eui-button:not(:first-child),.eui-19 :host.eui-button-group ::ng-deep>.eui-button-group:not(:first-child)>.eui-button{border-bottom-left-radius:0;border-top-left-radius:0}\n"] }]
         }], propDecorators: { cssClasses: [{
@@ -98,11 +98,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  *
  */
 class EuiButtonGroupModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: EuiButtonGroupModule, imports: [EuiButtonGroupComponent], exports: [EuiButtonGroupComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiButtonGroupModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: EuiButtonGroupModule, imports: [EuiButtonGroupComponent], exports: [EuiButtonGroupComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiButtonGroupModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiButtonGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiButtonGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuiButtonGroupComponent],