@eui/components 19.2.4-snapshot-1747811992587 → 19.2.4-snapshot-1747835321437

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -41,11 +41,11 @@ class EuiAvatarBadgeComponent {
41
41
  ].join(' ').trim();
42
42
  }
43
43
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiAvatarBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
44
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EuiAvatarBadgeComponent, isStandalone: true, selector: "eui-avatar-badge", inputs: { isPositionBottom: ["isPositionBottom", "isPositionBottom", booleanAttribute], position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-19 .eui-avatar :host.eui-avatar-badge{position:absolute;left:70%}.eui-19 .eui-avatar :host.eui-avatar-badge--top{top:0%}.eui-19 .eui-avatar :host.eui-avatar-badge--bottom{top:60%}\n"] }); }
44
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EuiAvatarBadgeComponent, isStandalone: true, selector: "eui-avatar-badge", inputs: { isPositionBottom: ["isPositionBottom", "isPositionBottom", booleanAttribute], position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-19 .eui-avatar :host{position:absolute}.eui-19 .eui-avatar :host,.eui-19 .eui-avatar--size-m :host{left:75%;top:65%}.eui-19 .eui-avatar--size-s :host{left:70%;top:60%}.eui-19 .eui-avatar--size-xs :host{left:70%;top:55%}.eui-19 .eui-avatar--size-l :host{left:70%;top:70%}.eui-19 .eui-avatar--size-xl :host{left:70%;top:75%}.eui-19 .eui-avatar--size-2xl :host{left:70%;top:80%}\n"] }); }
45
45
  }
46
46
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiAvatarBadgeComponent, decorators: [{
47
47
  type: Component,
48
- args: [{ selector: 'eui-avatar-badge', template: '<ng-content/>', styles: [".eui-19 .eui-avatar :host.eui-avatar-badge{position:absolute;left:70%}.eui-19 .eui-avatar :host.eui-avatar-badge--top{top:0%}.eui-19 .eui-avatar :host.eui-avatar-badge--bottom{top:60%}\n"] }]
48
+ args: [{ selector: 'eui-avatar-badge', template: '<ng-content/>', styles: [".eui-19 .eui-avatar :host{position:absolute}.eui-19 .eui-avatar :host,.eui-19 .eui-avatar--size-m :host{left:75%;top:65%}.eui-19 .eui-avatar--size-s :host{left:70%;top:60%}.eui-19 .eui-avatar--size-xs :host{left:70%;top:55%}.eui-19 .eui-avatar--size-l :host{left:70%;top:70%}.eui-19 .eui-avatar--size-xl :host{left:70%;top:75%}.eui-19 .eui-avatar--size-2xl :host{left:70%;top:80%}\n"] }]
49
49
  }], propDecorators: { cssClasses: [{
50
50
  type: HostBinding,
51
51
  args: ['class']
@@ -1 +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-content/avatar-content.component.ts","../../eui-avatar/avatar-content/avatar-content.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/avatar-content/avatar-content-sublabel.component.ts","../../eui-avatar/avatar-content/avatar-content-label.component.ts","../../eui-avatar/eui-avatar.module.ts","../../eui-avatar/index.ts","../../eui-avatar/eui-components-eui-avatar.ts"],"sourcesContent":["import { booleanAttribute, 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 this.isPositionBottom || this.position === 'bottom' ? 'eui-avatar-badge--bottom' : 'eui-avatar-badge--top',\n ].join(' ').trim();\n }\n\n /**\n * Whether the avatar should have a shadow effect\n * @default false\n */\n @Input({ transform: booleanAttribute }) isPositionBottom = false;\n\n /**\n * The position of the badge relative to the avatar.\n * Can be either 'top' or 'bottom'.\n * @default 'top'\n * @deprecated use isPositionBottom instead\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, Input, OnInit, inject } 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 private config = inject<EuiConfig>(EUI_CONFIG_TOKEN, { optional: true })!;\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-content',\n templateUrl: './avatar-content.html',\n styleUrl: './avatar-content.scss',\n})\nexport class EuiAvatarContentComponent {\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-content';\n }\n}\n","<ng-content select=\"eui-avatar-content-label\"/>\n<ng-content select=\"eui-avatar-content-sublabel\"/>","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 subcomponents, 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: './eui-avatar.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 this.isReverse ? 'eui-avatar--reverse' : '',\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 * Whether the avatar reverse layout with content\n * @default false\n */\n @Input({ transform: booleanAttribute }) isReverse = 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-wrapper\">\n <ng-content select=\"eui-avatar-icon\"/>\n <ng-content select=\"eui-avatar-text\"/>\n <ng-content select=\"eui-avatar-image\"/>\n <ng-content select=\"eui-avatar-badge\"/>\n</div>\n\n<ng-content select=\"eui-avatar-content\"/>\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-content-sublabel',\n template: '<ng-content />',\n styleUrl: './avatar-content-sublabel.scss',\n})\nexport class EuiAvatarContentSublabelComponent {\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-content-sublabel';\n }\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-content-label',\n template: '<ng-content />',\n styleUrl: './avatar-content-label.scss',\n})\nexport class EuiAvatarContentLabelComponent {\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-content-label';\n }\n}\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';\nimport { EuiAvatarContentComponent } from './avatar-content/avatar-content.component';\nimport { EuiAvatarContentLabelComponent } from './avatar-content/avatar-content-label.component';\nimport { EuiAvatarContentSublabelComponent } from './avatar-content/avatar-content-sublabel.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 EuiAvatarContentComponent,\n EuiAvatarContentLabelComponent,\n EuiAvatarContentSublabelComponent, \n ],\n exports: [\n EuiAvatarComponent,\n EuiAvatarIconComponent,\n EuiAvatarTextComponent,\n EuiAvatarImageComponent,\n EuiAvatarBadgeComponent,\n EuiAvatarListComponent,\n EuiAvatarContentComponent,\n EuiAvatarContentLabelComponent,\n EuiAvatarContentSublabelComponent, \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 { EuiAvatarContentComponent } from './avatar-content/avatar-content.component';\nimport { EuiAvatarListComponent } from './avatar-list/avatar-list.component';\nimport { EuiAvatarTextComponent } from './avatar-text/avatar-text.component';\nimport { EuiAvatarComponent } from './eui-avatar.component';\nimport { EuiAvatarContentSublabelComponent } from './avatar-content/avatar-content-sublabel.component';\nimport { EuiAvatarContentLabelComponent } from './avatar-content/avatar-content-label.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';\nexport * from './avatar-content/avatar-content.component';\nexport * from './avatar-content/avatar-content-label.component';\nexport * from './avatar-content/avatar-content-sublabel.component';\n\nexport const EUI_AVATAR = [\n EuiAvatarComponent,\n EuiAvatarIconComponent,\n EuiAvatarTextComponent,\n EuiAvatarImageComponent,\n EuiAvatarBadgeComponent,\n EuiAvatarListComponent,\n EuiAvatarContentComponent,\n EuiAvatarContentLabelComponent,\n EuiAvatarContentSublabelComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
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-content/avatar-content.component.ts","../../eui-avatar/avatar-content/avatar-content.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/avatar-content/avatar-content-sublabel.component.ts","../../eui-avatar/avatar-content/avatar-content-label.component.ts","../../eui-avatar/eui-avatar.module.ts","../../eui-avatar/index.ts","../../eui-avatar/eui-components-eui-avatar.ts"],"sourcesContent":["import { booleanAttribute, 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 this.isPositionBottom || this.position === 'bottom' ? 'eui-avatar-badge--bottom' : 'eui-avatar-badge--top',\n ].join(' ').trim();\n }\n\n /**\n * Whether the avatar should have a shadow effect\n * @default false\n */\n @Input({ transform: booleanAttribute }) isPositionBottom = false;\n\n /**\n * The position of the badge relative to the avatar.\n * Can be either 'top' or 'bottom'.\n * @default 'top'\n * @deprecated use isPositionBottom instead\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, Input, OnInit, inject } 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 private config = inject<EuiConfig>(EUI_CONFIG_TOKEN, { optional: true })!;\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-content',\n templateUrl: './avatar-content.html',\n styleUrl: './avatar-content.scss',\n})\nexport class EuiAvatarContentComponent {\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-content';\n }\n}\n","<ng-content select=\"eui-avatar-content-label\"/>\n<ng-content select=\"eui-avatar-content-sublabel\"/>","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 subcomponents, 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: './eui-avatar.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 this.isReverse ? 'eui-avatar--reverse' : '',\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 * Whether the avatar reverse layout with content\n * @default false\n */\n @Input({ transform: booleanAttribute }) isReverse = 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-wrapper\">\n <ng-content select=\"eui-avatar-icon\"/>\n <ng-content select=\"eui-avatar-text\"/>\n <ng-content select=\"eui-avatar-image\"/>\n <ng-content select=\"eui-avatar-badge\"/>\n</div>\n\n<ng-content select=\"eui-avatar-content\"/>\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-content-sublabel',\n template: '<ng-content />',\n styleUrl: './avatar-content-sublabel.scss',\n})\nexport class EuiAvatarContentSublabelComponent {\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-content-sublabel';\n }\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-content-label',\n template: '<ng-content />',\n styleUrl: './avatar-content-label.scss',\n})\nexport class EuiAvatarContentLabelComponent {\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-content-label';\n }\n}\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';\nimport { EuiAvatarContentComponent } from './avatar-content/avatar-content.component';\nimport { EuiAvatarContentLabelComponent } from './avatar-content/avatar-content-label.component';\nimport { EuiAvatarContentSublabelComponent } from './avatar-content/avatar-content-sublabel.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 EuiAvatarContentComponent,\n EuiAvatarContentLabelComponent,\n EuiAvatarContentSublabelComponent, \n ],\n exports: [\n EuiAvatarComponent,\n EuiAvatarIconComponent,\n EuiAvatarTextComponent,\n EuiAvatarImageComponent,\n EuiAvatarBadgeComponent,\n EuiAvatarListComponent,\n EuiAvatarContentComponent,\n EuiAvatarContentLabelComponent,\n EuiAvatarContentSublabelComponent, \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 { EuiAvatarContentComponent } from './avatar-content/avatar-content.component';\nimport { EuiAvatarListComponent } from './avatar-list/avatar-list.component';\nimport { EuiAvatarTextComponent } from './avatar-text/avatar-text.component';\nimport { EuiAvatarComponent } from './eui-avatar.component';\nimport { EuiAvatarContentSublabelComponent } from './avatar-content/avatar-content-sublabel.component';\nimport { EuiAvatarContentLabelComponent } from './avatar-content/avatar-content-label.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';\nexport * from './avatar-content/avatar-content.component';\nexport * from './avatar-content/avatar-content-label.component';\nexport * from './avatar-content/avatar-content-sublabel.component';\n\nexport const EUI_AVATAR = [\n EuiAvatarComponent,\n EuiAvatarIconComponent,\n EuiAvatarTextComponent,\n EuiAvatarImageComponent,\n EuiAvatarBadgeComponent,\n EuiAvatarListComponent,\n EuiAvatarContentComponent,\n EuiAvatarContentLabelComponent,\n EuiAvatarContentSublabelComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -87,7 +87,7 @@ class EuiBadgeComponent {
87
87
  }
88
88
  }
89
89
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
90
- 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.eui-t-ds2025 :host.eui-badge{--_font: var(--eui-f-microcopy-m-semi-bold)}.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);--_bg-color: var(--eui-c-s-secondary-surface-light);--_color-on-bg: var(--eui-c-s-secondary-surface-light-contrast);--_color: var(--eui-c-s-secondary-surface-light-contrast);--_border-color: var(--eui-c-s-secondary-border-light)}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-s-primary-surface);--_color-on-bg: var(--eui-c-s-primary-surface-contrast);--_color: var(--eui-c-s-primary-surface-contrast);--_border-color: var(--eui-c-s-primary-border-light)}.eui-19 :host.eui-badge--secondary{--_bg-color: var(--eui-c-s-secondary-surface-light);--_color-on-bg: var(--eui-c-s-secondary-surface-light-contrast);--_color: var(--eui-c-s-secondary-surface-light-contrast);--_border-color: var(--eui-c-s-secondary-border-light)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-s-info-surface);--_color-on-bg: var(--eui-c-s-info-surface-contrast);--_color: var(--eui-c-s-info-surface-contrast);--_border-color: var(--eui-c-s-info-border-light)}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-s-success-surface);--_color-on-bg: var(--eui-c-s-success-surface-contrast);--_color: var(--eui-c-s-success-surface-contrast);--_border-color: var(--eui-c-s-success-border-light)}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-s-warning-surface);--_color-on-bg: var(--eui-c-s-warning-surface-contrast);--_color: var(--eui-c-s-warning-surface-contrast);--_border-color: var(--eui-c-s-warning-border-light)}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-s-danger-surface);--_color-on-bg: var(--eui-c-s-danger-surface-contrast);--_color: var(--eui-c-s-danger-surface-contrast);--_border-color: var(--eui-c-s-danger-border-light)}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-s-accent-surface);--_color-on-bg: var(--eui-c-s-accent-surface-contrast);--_color: var(--eui-c-s-accent-surface-contrast);--_border-color: var(--eui-c-s-accent-border-light)}.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-surface-light);--_border-color: var(--eui-c-s-primary-border)}.eui-19 :host.eui-badge--outline.eui-badge--secondary{--_color: var(--eui-c-s-secondary-on-surface-light);--_border-color: var(--eui-c-s-secondary-border)}.eui-19 :host.eui-badge--outline.eui-badge--info{--_color: var(--eui-c-s-info-on-surface-light);--_border-color: var(--eui-c-s-info-border)}.eui-19 :host.eui-badge--outline.eui-badge--success{--_color: var(--eui-c-s-success-on-surface-light);--_border-color: var(--eui-c-s-success-border)}.eui-19 :host.eui-badge--outline.eui-badge--warning{--_color: var(--eui-c-s-warning-on-surface-light);--_border-color: var(--eui-c-s-warning-border)}.eui-19 :host.eui-badge--outline.eui-badge--danger{--_color: var(--eui-c-s-danger-on-surface-light);--_border-color: var(--eui-c-s-danger-border)}.eui-19 :host.eui-badge--outline.eui-badge--accent{--_color: var(--eui-c-s-accent-on-surface-light);--_border-color: var(--eui-c-s-accent-border)}.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--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--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 }); }
90
+ 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.eui-t-ds2025 :host.eui-badge{--_font: var(--eui-f-microcopy-m-semi-bold)}.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);--_bg-color: var(--eui-c-s-secondary-surface-light);--_color-on-bg: var(--eui-c-s-secondary-surface-light-contrast);--_color: var(--eui-c-s-secondary-surface-light-contrast);--_border-color: var(--eui-c-s-secondary-border-light)}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-s-primary-surface);--_color-on-bg: var(--eui-c-s-primary-surface-contrast);--_color: var(--eui-c-s-primary-surface-contrast);--_border-color: var(--eui-c-s-primary-border-light)}.eui-19 :host.eui-badge--secondary{--_bg-color: var(--eui-c-s-secondary-surface-light);--_color-on-bg: var(--eui-c-s-secondary-surface-light-contrast);--_color: var(--eui-c-s-secondary-surface-light-contrast);--_border-color: var(--eui-c-s-secondary-border-light)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-s-info-surface);--_color-on-bg: var(--eui-c-s-info-surface-contrast);--_color: var(--eui-c-s-info-surface-contrast);--_border-color: var(--eui-c-s-info-border-light)}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-s-success-surface);--_color-on-bg: var(--eui-c-s-success-surface-contrast);--_color: var(--eui-c-s-success-surface-contrast);--_border-color: var(--eui-c-s-success-border-light)}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-s-warning-surface);--_color-on-bg: var(--eui-c-s-warning-surface-contrast);--_color: var(--eui-c-s-warning-surface-contrast);--_border-color: var(--eui-c-s-warning-border-light)}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-s-danger-surface);--_color-on-bg: var(--eui-c-s-danger-surface-contrast);--_color: var(--eui-c-s-danger-surface-contrast);--_border-color: var(--eui-c-s-danger-border-light)}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-s-accent-surface);--_color-on-bg: var(--eui-c-s-accent-surface-contrast);--_color: var(--eui-c-s-accent-surface-contrast);--_border-color: var(--eui-c-s-accent-border-light)}.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-surface-light);--_border-color: var(--eui-c-s-primary-border)}.eui-19 :host.eui-badge--outline.eui-badge--secondary{--_color: var(--eui-c-s-secondary-on-surface-light);--_border-color: var(--eui-c-s-secondary-border)}.eui-19 :host.eui-badge--outline.eui-badge--info{--_color: var(--eui-c-s-info-on-surface-light);--_border-color: var(--eui-c-s-info-border)}.eui-19 :host.eui-badge--outline.eui-badge--success{--_color: var(--eui-c-s-success-on-surface-light);--_border-color: var(--eui-c-s-success-border)}.eui-19 :host.eui-badge--outline.eui-badge--warning{--_color: var(--eui-c-s-warning-on-surface-light);--_border-color: var(--eui-c-s-warning-border)}.eui-19 :host.eui-badge--outline.eui-badge--danger{--_color: var(--eui-c-s-danger-on-surface-light);--_border-color: var(--eui-c-s-danger-border)}.eui-19 :host.eui-badge--outline.eui-badge--accent{--_color: var(--eui-c-s-accent-on-surface-light);--_border-color: var(--eui-c-s-accent-border)}.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--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--outline{background-color:var(--eui-c-neutral-min)}.eui-19 :host.eui-badge--outline .eui-badge-wrapper{color:var(--_color)}.eui-19 .eui-avatar-badge :host{border-color:var(--eui-c-white)}.eui-19 .eui-avatar-badge :host.eui-badge--secondary{border-color:var(--eui-c-black)}.eui-19 .eui-avatar--size-xs .eui-avatar-badge :host.eui-badge--empty{width:var(--eui-s-xs);height:var(--eui-s-xs)}.eui-19 .eui-avatar--size-l .eui-avatar-badge :host.eui-badge--empty{width:var(--eui-s-m);height:var(--eui-s-m)}\n"], dependencies: [{ kind: "ngmodule", type: ObserversModule }, { kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
91
91
  }
92
92
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBadgeComponent, decorators: [{
93
93
  type: Component,
@@ -109,7 +109,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
109
109
  'euiOutline',
110
110
  ],
111
111
  },
112
- ], 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.eui-t-ds2025 :host.eui-badge{--_font: var(--eui-f-microcopy-m-semi-bold)}.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);--_bg-color: var(--eui-c-s-secondary-surface-light);--_color-on-bg: var(--eui-c-s-secondary-surface-light-contrast);--_color: var(--eui-c-s-secondary-surface-light-contrast);--_border-color: var(--eui-c-s-secondary-border-light)}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-s-primary-surface);--_color-on-bg: var(--eui-c-s-primary-surface-contrast);--_color: var(--eui-c-s-primary-surface-contrast);--_border-color: var(--eui-c-s-primary-border-light)}.eui-19 :host.eui-badge--secondary{--_bg-color: var(--eui-c-s-secondary-surface-light);--_color-on-bg: var(--eui-c-s-secondary-surface-light-contrast);--_color: var(--eui-c-s-secondary-surface-light-contrast);--_border-color: var(--eui-c-s-secondary-border-light)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-s-info-surface);--_color-on-bg: var(--eui-c-s-info-surface-contrast);--_color: var(--eui-c-s-info-surface-contrast);--_border-color: var(--eui-c-s-info-border-light)}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-s-success-surface);--_color-on-bg: var(--eui-c-s-success-surface-contrast);--_color: var(--eui-c-s-success-surface-contrast);--_border-color: var(--eui-c-s-success-border-light)}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-s-warning-surface);--_color-on-bg: var(--eui-c-s-warning-surface-contrast);--_color: var(--eui-c-s-warning-surface-contrast);--_border-color: var(--eui-c-s-warning-border-light)}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-s-danger-surface);--_color-on-bg: var(--eui-c-s-danger-surface-contrast);--_color: var(--eui-c-s-danger-surface-contrast);--_border-color: var(--eui-c-s-danger-border-light)}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-s-accent-surface);--_color-on-bg: var(--eui-c-s-accent-surface-contrast);--_color: var(--eui-c-s-accent-surface-contrast);--_border-color: var(--eui-c-s-accent-border-light)}.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-surface-light);--_border-color: var(--eui-c-s-primary-border)}.eui-19 :host.eui-badge--outline.eui-badge--secondary{--_color: var(--eui-c-s-secondary-on-surface-light);--_border-color: var(--eui-c-s-secondary-border)}.eui-19 :host.eui-badge--outline.eui-badge--info{--_color: var(--eui-c-s-info-on-surface-light);--_border-color: var(--eui-c-s-info-border)}.eui-19 :host.eui-badge--outline.eui-badge--success{--_color: var(--eui-c-s-success-on-surface-light);--_border-color: var(--eui-c-s-success-border)}.eui-19 :host.eui-badge--outline.eui-badge--warning{--_color: var(--eui-c-s-warning-on-surface-light);--_border-color: var(--eui-c-s-warning-border)}.eui-19 :host.eui-badge--outline.eui-badge--danger{--_color: var(--eui-c-s-danger-on-surface-light);--_border-color: var(--eui-c-s-danger-border)}.eui-19 :host.eui-badge--outline.eui-badge--accent{--_color: var(--eui-c-s-accent-on-surface-light);--_border-color: var(--eui-c-s-accent-border)}.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--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--outline{background-color:var(--eui-c-neutral-min)}.eui-19 :host.eui-badge--outline .eui-badge-wrapper{color:var(--_color)}\n"] }]
112
+ ], 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.eui-t-ds2025 :host.eui-badge{--_font: var(--eui-f-microcopy-m-semi-bold)}.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);--_bg-color: var(--eui-c-s-secondary-surface-light);--_color-on-bg: var(--eui-c-s-secondary-surface-light-contrast);--_color: var(--eui-c-s-secondary-surface-light-contrast);--_border-color: var(--eui-c-s-secondary-border-light)}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-s-primary-surface);--_color-on-bg: var(--eui-c-s-primary-surface-contrast);--_color: var(--eui-c-s-primary-surface-contrast);--_border-color: var(--eui-c-s-primary-border-light)}.eui-19 :host.eui-badge--secondary{--_bg-color: var(--eui-c-s-secondary-surface-light);--_color-on-bg: var(--eui-c-s-secondary-surface-light-contrast);--_color: var(--eui-c-s-secondary-surface-light-contrast);--_border-color: var(--eui-c-s-secondary-border-light)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-s-info-surface);--_color-on-bg: var(--eui-c-s-info-surface-contrast);--_color: var(--eui-c-s-info-surface-contrast);--_border-color: var(--eui-c-s-info-border-light)}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-s-success-surface);--_color-on-bg: var(--eui-c-s-success-surface-contrast);--_color: var(--eui-c-s-success-surface-contrast);--_border-color: var(--eui-c-s-success-border-light)}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-s-warning-surface);--_color-on-bg: var(--eui-c-s-warning-surface-contrast);--_color: var(--eui-c-s-warning-surface-contrast);--_border-color: var(--eui-c-s-warning-border-light)}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-s-danger-surface);--_color-on-bg: var(--eui-c-s-danger-surface-contrast);--_color: var(--eui-c-s-danger-surface-contrast);--_border-color: var(--eui-c-s-danger-border-light)}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-s-accent-surface);--_color-on-bg: var(--eui-c-s-accent-surface-contrast);--_color: var(--eui-c-s-accent-surface-contrast);--_border-color: var(--eui-c-s-accent-border-light)}.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-surface-light);--_border-color: var(--eui-c-s-primary-border)}.eui-19 :host.eui-badge--outline.eui-badge--secondary{--_color: var(--eui-c-s-secondary-on-surface-light);--_border-color: var(--eui-c-s-secondary-border)}.eui-19 :host.eui-badge--outline.eui-badge--info{--_color: var(--eui-c-s-info-on-surface-light);--_border-color: var(--eui-c-s-info-border)}.eui-19 :host.eui-badge--outline.eui-badge--success{--_color: var(--eui-c-s-success-on-surface-light);--_border-color: var(--eui-c-s-success-border)}.eui-19 :host.eui-badge--outline.eui-badge--warning{--_color: var(--eui-c-s-warning-on-surface-light);--_border-color: var(--eui-c-s-warning-border)}.eui-19 :host.eui-badge--outline.eui-badge--danger{--_color: var(--eui-c-s-danger-on-surface-light);--_border-color: var(--eui-c-s-danger-border)}.eui-19 :host.eui-badge--outline.eui-badge--accent{--_color: var(--eui-c-s-accent-on-surface-light);--_border-color: var(--eui-c-s-accent-border)}.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--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--outline{background-color:var(--eui-c-neutral-min)}.eui-19 :host.eui-badge--outline .eui-badge-wrapper{color:var(--_color)}.eui-19 .eui-avatar-badge :host{border-color:var(--eui-c-white)}.eui-19 .eui-avatar-badge :host.eui-badge--secondary{border-color:var(--eui-c-black)}.eui-19 .eui-avatar--size-xs .eui-avatar-badge :host.eui-badge--empty{width:var(--eui-s-xs);height:var(--eui-s-xs)}.eui-19 .eui-avatar--size-l .eui-avatar-badge :host.eui-badge--empty{width:var(--eui-s-m);height:var(--eui-s-m)}\n"] }]
113
113
  }], propDecorators: { cssClasses: [{
114
114
  type: HostBinding,
115
115
  args: ['class']
@@ -1 +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 styleUrl: './eui-badge.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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"}
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 styleUrl: './eui-badge.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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"}