@eui/components 18.0.0-next.45 → 18.0.0-next.47

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

@@ -6,13 +6,13 @@ var EuiAlertTitleComponent = class _EuiAlertTitleComponent {
     this.class = "eui-alert-title";
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiAlertTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiAlertTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiAlertTitleComponent, selector: "eui-alert-title", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [":host.eui-alert-title{color:var(--_color);font:var(--eui-f-m-bold)}\n"] });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiAlertTitleComponent, selector: "eui-alert-title", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [":host.eui-alert-title{color:var(--_color);font:var(--eui-f-m-bold)}\n"] });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAlertTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAlertTitleComponent, decorators: [{
   type: Component,
   args: [{ selector: "eui-alert-title", template: "<ng-content></ng-content>", styles: [":host.eui-alert-title{color:var(--_color);font:var(--eui-f-m-bold)}\n"] }]
 }], propDecorators: { class: [{
@@ -65,10 +65,10 @@ var EuiAlertComponent = class _EuiAlertComponent {
     this.closeAlert.emit();
   }
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiAlertComponent, deps: [{ token: i1.BaseStatesDirective }], target: i02.ɵɵFactoryTarget.Component });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiAlertComponent, deps: [{ token: i1.BaseStatesDirective }], target: i02.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.5", type: _EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", booleanAttribute] }, outputs: { closeAlert: "closeAlert" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-describedby": "this.ariaDescribedBy", "attr.tabindex": "this.tabindex", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "alertTitle", first: true, predicate: i02.forwardRef(() => EuiAlertTitleComponent), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i02, template: `@if (!isMuted) {
+    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.6", type: _EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", booleanAttribute] }, outputs: { closeAlert: "closeAlert" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-describedby": "this.ariaDescribedBy", "attr.tabindex": "this.tabindex", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "alertTitle", first: true, predicate: i02.forwardRef(() => EuiAlertTitleComponent), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i02, template: `@if (!isMuted) {
     <div class="eui-alert__type-container">
         @if (baseStatesDirective.euiSuccess) {
         <eui-icon-svg class="eui-alert__icon-type" icon="eui-ecl-check-filled" fillColor="success"></eui-icon-svg>
@@ -132,7 +132,7 @@ var EuiAlertComponent = class _EuiAlertComponent {
 `, styles: [':host.eui-alert{--_border-color: var(--eui-alert-border-color, var(--eui-c-info));--_color: var(--eui-alert-color, var(--eui-c-info));--_bg-color: var(--eui-alert-bg-color, var(--eui-c-info-bg-light))}:host.eui-alert{display:flex;background-color:var(--_bg-color);background-position:var(--eui-s-s);background-repeat:no-repeat;position:relative;border-left:var(--eui-s-2xs) solid var(--_border-color);border-radius:var(--eui-br-m);flex-basis:auto;flex-shrink:1;overflow:auto;padding:var(--eui-s-m);width:100%}:host.eui-alert::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}:host.eui-alert::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}:host.eui-alert::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}:host.eui-alert::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-alert__type-container{align-items:center;display:flex;margin-right:var(--eui-s-s);height:var(--eui-s-l)}.eui-alert__content{display:flex;flex-direction:column;width:100%}.eui-alert__content-header{align-items:center;display:flex;flex:1 1 100%;justify-content:space-between;width:100%}.eui-alert__content-header--with-title{min-height:var(--eui-s-l)}.eui-alert__content--with-title{margin-top:var(--eui-s-xs)}.eui-alert__close{align-self:flex-start;display:flex;margin-left:auto}.eui-alert__close:hover{text-decoration:underline}.eui-alert__close-button{margin-left:var(--eui-s-s)}:host.eui-alert--info{--_border-color: var(--eui-c-info);--_bg-color: var(--eui-c-info-bg-light)}:host.eui-alert--success{--_border-color: var(--eui-c-success);--_bg-color: var(--eui-c-success-bg-light)}:host.eui-alert--danger{--_border-color: var(--eui-c-danger);--_bg-color: var(--eui-c-danger-bg-light)}:host.eui-alert--warning{--_border-color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning-bg-light)}:host.eui-alert--hidden{display:none}:host.eui-alert--focusable:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}:host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}:host.eui-alert--focusable [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}:host.eui-alert--closeable .eui-alert__type-container{margin-top:var(--eui-s-xs)}@media screen and (max-width: 995px){.eui-alert__close-label{display:none}}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "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"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i02.ChangeDetectionStrategy.OnPush });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiAlertComponent, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: EuiAlertComponent, decorators: [{
   type: Component2,
   args: [{ selector: "div[euiAlert], eui-alert", changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
     {
@@ -262,10 +262,10 @@ var COMPONENTS = [
 ];
 var EuiAlertModule = class _EuiAlertModule {
   static {
-    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: _EuiAlertModule, deps: [], target: i03.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: _EuiAlertModule, deps: [], target: i03.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i03.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i03, type: _EuiAlertModule, declarations: [EuiAlertComponent, EuiAlertTitleComponent], imports: [
+    this.ɵmod = i03.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i03, type: _EuiAlertModule, declarations: [EuiAlertComponent, EuiAlertTitleComponent], imports: [
       // Angular and 3rd party
       CommonModule,
       TranslateModule,
@@ -277,7 +277,7 @@ var EuiAlertModule = class _EuiAlertModule {
     ], exports: [EuiAlertComponent, EuiAlertTitleComponent] });
   }
   static {
-    this.ɵinj = i03.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: _EuiAlertModule, imports: [
+    this.ɵinj = i03.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: _EuiAlertModule, imports: [
       // Angular and 3rd party
       CommonModule,
       TranslateModule,
@@ -285,7 +285,7 @@ var EuiAlertModule = class _EuiAlertModule {
     ] });
   }
 };
-i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: EuiAlertModule, decorators: [{
+i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: EuiAlertModule, decorators: [{
   type: NgModule,
   args: [{
     imports: [

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

@@ -46,13 +46,13 @@ var EuiAutocompleteOptionComponent = class _EuiAutocompleteOptionComponent {
     this.isGroupItem = false;
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiAutocompleteOptionComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiAutocompleteOptionComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: _EuiAutocompleteOptionComponent, selector: "eui-autocomplete-option", inputs: { isActive: ["isActive", "isActive", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isGroupItem: ["isGroupItem", "isGroupItem", booleanAttribute] }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiVariant", "euiVariant"] }], ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: _EuiAutocompleteOptionComponent, selector: "eui-autocomplete-option", inputs: { isActive: ["isActive", "isActive", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isGroupItem: ["isGroupItem", "isGroupItem", booleanAttribute] }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiVariant", "euiVariant"] }], ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAutocompleteOptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAutocompleteOptionComponent, decorators: [{
   type: Component,
   args: [{ selector: "eui-autocomplete-option", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
     {
@@ -90,13 +90,13 @@ var EuiAutocompleteOptionGroupComponent = class _EuiAutocompleteOptionGroupCompo
     return ["eui-autocomplete-option-group"].join(" ").trim();
   }
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiAutocompleteOptionGroupComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiAutocompleteOptionGroupComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiAutocompleteOptionGroupComponent, selector: "eui-autocomplete-option-group", inputs: { label: "label" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, ngImport: i02, template: "<ng-content></ng-content>\n", changeDetection: i02.ChangeDetectionStrategy.OnPush, encapsulation: i02.ViewEncapsulation.None });
+    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiAutocompleteOptionGroupComponent, selector: "eui-autocomplete-option-group", inputs: { label: "label" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, ngImport: i02, template: "<ng-content></ng-content>\n", changeDetection: i02.ChangeDetectionStrategy.OnPush, encapsulation: i02.ViewEncapsulation.None });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiAutocompleteOptionGroupComponent, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: EuiAutocompleteOptionGroupComponent, decorators: [{
   type: Component2,
   args: [{ selector: "eui-autocomplete-option-group", changeDetection: ChangeDetectionStrategy3.OnPush, encapsulation: ViewEncapsulation3.None, template: "<ng-content></ng-content>\n" }]
 }], propDecorators: { role: [{
@@ -725,10 +725,10 @@ var EuiAutocompleteComponent = class _EuiAutocompleteComponent {
     this.cd.markForCheck();
   }
   static {
-    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: _EuiAutocompleteComponent, deps: [{ token: i12.Overlay }, { token: i03.ChangeDetectorRef }, { token: i03.ViewContainerRef }, { token: i03.ElementRef }, { token: i2.LiveAnnouncer }, { token: i3.ScrollDispatcher }, { token: i4.EuiAppShellService }, { token: i5.BaseStatesDirective }, { token: i6.NgControl, optional: true, self: true }], target: i03.ɵɵFactoryTarget.Component });
+    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: _EuiAutocompleteComponent, deps: [{ token: i12.Overlay }, { token: i03.ChangeDetectorRef }, { token: i03.ViewContainerRef }, { token: i03.ElementRef }, { token: i2.LiveAnnouncer }, { token: i3.ScrollDispatcher }, { token: i4.EuiAppShellService }, { token: i5.BaseStatesDirective }, { token: i6.NgControl, optional: true, self: true }], target: i03.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.5", type: _EuiAutocompleteComponent, selector: "eui-autocomplete, input[euiAutocomplete]", inputs: { autocompleteData: "autocompleteData", visibleOptions: "visibleOptions", matching: "matching", placeholder: "placeholder", autocompleteDataSelected: "autocompleteDataSelected", chipsSortOrder: "chipsSortOrder", itemsSortOrder: "itemsSortOrder", chipsPosition: "chipsPosition", groupBy: "groupBy", toggleLinkMoreLabel: "toggleLinkMoreLabel", toggleLinkLessLabel: "toggleLinkLessLabel", classList: "classList", panelWidth: "panelWidth", dragAndDropSourceName: "dragAndDropSourceName", dragAndDropConnectedTo: "dragAndDropConnectedTo", isFreeValueAllowed: ["isFreeValueAllowed", "isFreeValueAllowed", booleanAttribute2], isReadonly: ["isReadonly", "isReadonly", booleanAttribute2], isLoading: ["isLoading", "isLoading", booleanAttribute2], hasChips: ["hasChips", "hasChips", booleanAttribute2], isAsync: ["isAsync", "isAsync", booleanAttribute2], isChipsSorted: ["isChipsSorted", "isChipsSorted", booleanAttribute2], isItemsSorted: ["isItemsSorted", "isItemsSorted", booleanAttribute2], isChipsRemovable: ["isChipsRemovable", "isChipsRemovable", booleanAttribute2], isDuplicateValueAllowed: ["isDuplicateValueAllowed", "isDuplicateValueAllowed", booleanAttribute2], isAddOnBlur: ["isAddOnBlur", "isAddOnBlur", booleanAttribute2], isForceSelection: ["isForceSelection", "isForceSelection", booleanAttribute2], maxVisibleChipsCount: ["maxVisibleChipsCount", "maxVisibleChipsCount", numberAttribute], chipsLabelTruncateCount: ["chipsLabelTruncateCount", "chipsLabelTruncateCount", numberAttribute], isMaxVisibleChipsOpened: ["isMaxVisibleChipsOpened", "isMaxVisibleChipsOpened", booleanAttribute2], isChipsDragAndDrop: ["isChipsDragAndDrop", "isChipsDragAndDrop", booleanAttribute2] }, outputs: { panelClose: "panelClose", panelOpen: "panelOpen", inputFocus: "inputFocus", inputBlur: "inputBlur", clear: "clear", selectionChange: "selectionChange", itemAdd: "itemAdd", itemRemove: "itemRemove", inputChange: "inputChange", chipDragStart: "chipDragStart", chipDragRelease: "chipDragRelease", chipDrop: "chipDrop" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true }, { propertyName: "inputContainerRef", first: true, predicate: ["inputContainerRef"], descendants: true }, { propertyName: "virtualScrolling", first: true, predicate: ["virtualScrolling"], descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true, read: ElementRef }], usesOnChanges: true, hostDirectives: [{ directive: i5.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent"] }], ngImport: i03, template: `<div class="eui-autocomplete__wrapper">
+    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.6", type: _EuiAutocompleteComponent, selector: "eui-autocomplete, input[euiAutocomplete]", inputs: { autocompleteData: "autocompleteData", visibleOptions: "visibleOptions", matching: "matching", placeholder: "placeholder", autocompleteDataSelected: "autocompleteDataSelected", chipsSortOrder: "chipsSortOrder", itemsSortOrder: "itemsSortOrder", chipsPosition: "chipsPosition", groupBy: "groupBy", toggleLinkMoreLabel: "toggleLinkMoreLabel", toggleLinkLessLabel: "toggleLinkLessLabel", classList: "classList", panelWidth: "panelWidth", dragAndDropSourceName: "dragAndDropSourceName", dragAndDropConnectedTo: "dragAndDropConnectedTo", isFreeValueAllowed: ["isFreeValueAllowed", "isFreeValueAllowed", booleanAttribute2], isReadonly: ["isReadonly", "isReadonly", booleanAttribute2], isLoading: ["isLoading", "isLoading", booleanAttribute2], hasChips: ["hasChips", "hasChips", booleanAttribute2], isAsync: ["isAsync", "isAsync", booleanAttribute2], isChipsSorted: ["isChipsSorted", "isChipsSorted", booleanAttribute2], isItemsSorted: ["isItemsSorted", "isItemsSorted", booleanAttribute2], isChipsRemovable: ["isChipsRemovable", "isChipsRemovable", booleanAttribute2], isDuplicateValueAllowed: ["isDuplicateValueAllowed", "isDuplicateValueAllowed", booleanAttribute2], isAddOnBlur: ["isAddOnBlur", "isAddOnBlur", booleanAttribute2], isForceSelection: ["isForceSelection", "isForceSelection", booleanAttribute2], maxVisibleChipsCount: ["maxVisibleChipsCount", "maxVisibleChipsCount", numberAttribute], chipsLabelTruncateCount: ["chipsLabelTruncateCount", "chipsLabelTruncateCount", numberAttribute], isMaxVisibleChipsOpened: ["isMaxVisibleChipsOpened", "isMaxVisibleChipsOpened", booleanAttribute2], isChipsDragAndDrop: ["isChipsDragAndDrop", "isChipsDragAndDrop", booleanAttribute2] }, outputs: { panelClose: "panelClose", panelOpen: "panelOpen", inputFocus: "inputFocus", inputBlur: "inputBlur", clear: "clear", selectionChange: "selectionChange", itemAdd: "itemAdd", itemRemove: "itemRemove", inputChange: "inputChange", chipDragStart: "chipDragStart", chipDragRelease: "chipDragRelease", chipDrop: "chipDrop" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true }, { propertyName: "inputContainerRef", first: true, predicate: ["inputContainerRef"], descendants: true }, { propertyName: "virtualScrolling", first: true, predicate: ["virtualScrolling"], descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true, read: ElementRef }], usesOnChanges: true, hostDirectives: [{ directive: i5.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent"] }], ngImport: i03, template: `<div class="eui-autocomplete__wrapper">
     @if (chipsPosition === 'bottom') {
         <ng-container *ngTemplateOutlet="control"></ng-container>
     }
@@ -865,7 +865,7 @@ var EuiAutocompleteComponent = class _EuiAutocompleteComponent {
 `, styles: [".eui-autocomplete,.eui-autocomplete__wrapper{width:100%}.eui-autocomplete__wrapper .eui-autocomplete__input-container{display:flex;width:100%}.eui-autocomplete__panel-container .eui-autocomplete__panel{box-shadow:var(--eui-sh-8);width:100%}.eui-autocomplete__panel-container.eui-autocomplete__panel-container--no-option .eui-autocomplete__panel{box-shadow:none}.eui-autocomplete.eui-autocomplete--chips-position-bottom .eui-autocomplete__input-container{margin-bottom:var(--eui-s-2xs)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper{background-color:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);padding:0 var(--eui-s-2xs)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list,.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container{display:block}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container .eui-chip{margin-bottom:0;margin-top:var(--eui-s-2xs)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list .eui-input-text{border:0;min-height:calc(var(--eui-s-2xl) + var(--eui-s-2xs) - 2px)}.eui-autocomplete.eui-autocomplete--chips-position-inside .eui-autocomplete__wrapper .eui-chip-list euichiplistappendcontent{flex-grow:1}button~.eui-autocomplete .eui-autocomplete__input,.eui-input-group-addon-item~.eui-autocomplete .eui-autocomplete__input{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.eui-autocomplete:has(+button) .eui-autocomplete__input{border-top-right-radius:0;border-bottom-right-radius:0}.eui-autocomplete:has(+.eui-input-group-addon-item) .eui-autocomplete__input{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.eui-autocomplete-option-group .eui-autocomplete-option-group__label{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-bg-light);border-left:var(--eui-base-border-state-width) solid transparent;cursor:pointer;display:flex;font-weight:700;min-height:var(--eui-s-3xl);padding-left:var(--eui-s-s);padding-right:var(--eui-s-s)}.eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon,.eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-icon-svg,.eui-autocomplete-option-group .eui-autocomplete-option-group__label .eui-flag-icon{margin-right:var(--eui-s-2xs)}.eui-autocomplete-option{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-left:var(--eui-base-border-state-width) solid transparent;cursor:pointer;display:flex;min-height:var(--eui-s-3xl);padding-left:var(--eui-s-s);padding-right:var(--eui-s-s)}.eui-autocomplete-option:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-autocomplete-option--group-item{padding-left:var(--eui-s-l)}.eui-autocomplete-option .eui-icon,.eui-autocomplete-option .eui-icon-svg,.eui-autocomplete-option .eui-flag-icon{margin-right:var(--eui-s-xs)}.eui-autocomplete-option--primary{border-left-color:var(--eui-c-primary)}.eui-autocomplete-option--secondary{border-left-color:var(--eui-c-neutral-lighter)}.eui-autocomplete-option--info{border-left-color:var(--eui-c-info)}.eui-autocomplete-option--success{border-left-color:var(--eui-c-success)}.eui-autocomplete-option--warning{border-left-color:var(--eui-c-warning)}.eui-autocomplete-option--danger{border-left-color:var(--eui-c-danger)}.eui-autocomplete-option--accent{border-left-color:var(--eui-c-accent)}.eui-autocomplete-option--active{background-color:var(--eui-c-active);outline:2px solid var(--eui-c-focus-visible);outline-offset:-2px}.eui-autocomplete-option--disabled{cursor:default;opacity:.4}.eui-autocomplete-option--disabled:hover{background:none}\n"], dependencies: [{ kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i3.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i3.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i8.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: i9.EuiChipListComponent, selector: "eui-chip-list, div[euiChipList], ul[euiChipList]", inputs: ["chips", "toggleLinkMoreLabel", "toggleLinkLessLabel", "chipsSortOrder", "dragAndDropSourceName", "dragAndDropConnectedTo", "ariaLabel", "dropListOrientation", "isSquared", "isChipsRemovable", "isMaxVisibleChipsOpened", "isChipsSorted", "isChipsDragAndDrop", "isGrid", "maxVisibleChipsCount", "chipsLabelTruncateCount"], outputs: ["chipsInit", "chipRemove", "chipDragStart", "chipDragRelease", "chipDrop", "chiplistFocus"] }, { kind: "directive", type: i9.EuiChipListAppendContentDirective, selector: "euiChipListAppendContent" }, { kind: "component", type: i10.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: EuiAutocompleteOptionComponent, selector: "eui-autocomplete-option", inputs: ["isActive", "isDisabled", "isGroupItem"] }, { kind: "component", type: EuiAutocompleteOptionGroupComponent, selector: "eui-autocomplete-option-group", inputs: ["label"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }], animations: [panelAnimation], changeDetection: i03.ChangeDetectionStrategy.OnPush, encapsulation: i03.ViewEncapsulation.None });
   }
 };
-i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: EuiAutocompleteComponent, decorators: [{
+i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: EuiAutocompleteComponent, decorators: [{
   type: Component3,
   args: [{ selector: "eui-autocomplete, input[euiAutocomplete]", changeDetection: ChangeDetectionStrategy5.OnPush, encapsulation: ViewEncapsulation5.None, animations: [panelAnimation], hostDirectives: [
     {
@@ -1151,10 +1151,10 @@ import { EuiIconModule } from "@eui/components/eui-icon";
 import * as i04 from "@angular/core";
 var EuiAutocompleteModule = class _EuiAutocompleteModule {
   static {
-    this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i04, type: _EuiAutocompleteModule, deps: [], target: i04.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i04, type: _EuiAutocompleteModule, deps: [], target: i04.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i04.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i04, type: _EuiAutocompleteModule, declarations: [
+    this.ɵmod = i04.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i04, type: _EuiAutocompleteModule, declarations: [
       EuiAutocompleteComponent,
       EuiAutocompleteOptionComponent,
       EuiAutocompleteOptionGroupComponent
@@ -1171,7 +1171,7 @@ var EuiAutocompleteModule = class _EuiAutocompleteModule {
     ], exports: [EuiAutocompleteComponent] });
   }
   static {
-    this.ɵinj = i04.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i04, type: _EuiAutocompleteModule, imports: [
+    this.ɵinj = i04.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i04, type: _EuiAutocompleteModule, imports: [
       CommonModule,
       ReactiveFormsModule,
       OverlayModule,
@@ -1184,7 +1184,7 @@ var EuiAutocompleteModule = class _EuiAutocompleteModule {
     ] });
   }
 };
-i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i04, type: EuiAutocompleteModule, decorators: [{
+i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i04, type: EuiAutocompleteModule, decorators: [{
   type: NgModule,
   args: [{
     imports: [

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

@@ -24,13 +24,13 @@ var EuiAvatarComponent = class _EuiAvatarComponent {
     this.hasNoBackground = false;
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiAvatarComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiAvatarComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: _EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], hasShadow: ["hasShadow", "hasShadow", booleanAttribute], isShapeSquare: ["isShapeSquare", "isShapeSquare", booleanAttribute], isFlat: ["isFlat", "isFlat", booleanAttribute], hasNoBackground: ["hasNoBackground", "hasNoBackground", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: '<div *ngIf="hasShadow" class="eui-avatar-shadow"></div>\n\n<div class="eui-avatar-content">\n    <ng-content select="eui-avatar-icon"></ng-content>\n    <ng-content select="eui-avatar-text"></ng-content>\n    <ng-content select="eui-avatar-image"></ng-content>\n    <ng-content select="eui-avatar-badge"></ng-content>\n</div>\n', styles: [".eui-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-f-size-xl));--_badge-offset: var(--eui-avatar-badge-offset, calc(-.3 * var(--eui-s-m)));--_bg-color: var(--eui-avatar-bg-color, var(--eui-c-primary));--_color: var(--eui-avatar-color, var(--eui-c-primary-contrast))}.eui-avatar{display:inline-flex;position:relative}.eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);background-color:var(--_bg-color);box-shadow:var(--eui-sh-1);height:var(--_size);width:var(--_size);position:relative}.eui-avatar-shadow{position:absolute;right:.35rem;height:var(--_size);width:var(--_size);border:.5rem solid var(--eui-c-primary-lighter);border-radius:var(--eui-br-max);bottom:.15rem}.eui-avatar-list{display:inline-flex}.eui-avatar-list .eui-avatar:not(:first-child){margin-left:-1rem}.eui-avatar-icon{color:var(--_color)}.eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size)!important;width:var(--_icon-size)!important;fill:var(--_color)!important;color:var(--_color)!important}.eui-avatar-text{color:var(--_color);font:var(--eui-f-m-bold);font-size:var(--_font-size)}.eui-avatar-image{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;height:100%;width:100%}.eui-avatar-image img{border-radius:var(--eui-br-max);height:100%;width:100%}.eui-avatar--no-background .eui-avatar-image img{border-radius:0;background-color:var(--eui-c-white)}.eui-avatar-badge{position:absolute;right:var(--_badge-offset)}.eui-avatar-badge--top{top:var(--_badge-offset)}.eui-avatar-badge--bottom{bottom:var(--_badge-offset)}.eui-avatar--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast)}.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-avatar--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast)}.eui-avatar--success{--_bg-color: var(--eui-c-success);--_color: var(--eui-c-success-contrast)}.eui-avatar--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast)}.eui-avatar--danger{--_bg-color: var(--eui-c-danger);--_color: var(--eui-c-danger-contrast)}.eui-avatar--accent{--_bg-color: var(--eui-c-accent);--_color: var(--eui-c-accent-contrast)}.eui-avatar--flat{--_bg-color: var(--eui-c-primary-bg);--_color: var(--eui-c-primary)}.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-sh-none)}.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-c-info-bg);--_color: var(--eui-c-info)}.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-c-success-bg);--_color: var(--eui-c-success)}.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-c-warning-bg);--_color: var(--eui-c-warning)}.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-c-danger-bg);--_color: var(--eui-c-danger)}.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-c-accent-bg);--_color: var(--eui-c-accent)}.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-c-primary)}.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-sh-none);border-radius:var(--eui-br-none)}.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-c-neutral)}.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-c-info)}.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-c-success)}.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-c-warning)}.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-c-danger)}.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-c-accent)}.eui-avatar--size-xs{--_size: 2rem;--_font-size: var(--eui-f-size-xs);--_icon-size: 1rem;--_badge-font-size: var(--eui-f-size-xs);--_badge-size: var(--eui-s-s);--_badge-offset: calc(-.5 * var(--eui-s-xs))}.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-f-s);--_icon-size: 1.25rem;--_badge-font-size: var(--eui-f-size-xs);--_badge-size: var(--eui-s-s);--_badge-offset: calc(-.85 * var(--eui-s-xs))}.eui-avatar--size-m{--_size: 3rem;--_font-size: var(--eui-f-size-xl);--_icon-size: 1.5rem;--_badge-font-size: var(--eui-f-size-s);--_badge-size: var(--eui-s-m);--_badge-offset: calc(-.3 * var(--eui-s-m))}.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: 1.75rem;--_badge-font-size: var(--eui-f-size-m);--_badge-size: var(--eui-s-m);--_badge-offset: calc(-.3 * var(--eui-s-m))}.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: 2rem;--_badge-font-size: var(--eui-f-size-l);--_badge-size: var(--eui-s-l);--_badge-offset: calc(-.3 * var(--eui-s-l))}.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-f-size-3xl);--_icon-size: 2.5rem;--_badge-font-size: var(--eui-f-size-xl);--_badge-size: var(--eui-s-xl);--_badge-offset: calc(-.3 * var(--eui-s-xl))}.eui-avatar.eui-avatar--shape-square .eui-avatar-content,.eui-avatar.eui-avatar--shape-square .eui-avatar-image img{border-radius:var(--eui-br-m)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: _EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], hasShadow: ["hasShadow", "hasShadow", booleanAttribute], isShapeSquare: ["isShapeSquare", "isShapeSquare", booleanAttribute], isFlat: ["isFlat", "isFlat", booleanAttribute], hasNoBackground: ["hasNoBackground", "hasNoBackground", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: '<div *ngIf="hasShadow" class="eui-avatar-shadow"></div>\n\n<div class="eui-avatar-content">\n    <ng-content select="eui-avatar-icon"></ng-content>\n    <ng-content select="eui-avatar-text"></ng-content>\n    <ng-content select="eui-avatar-image"></ng-content>\n    <ng-content select="eui-avatar-badge"></ng-content>\n</div>\n', styles: [".eui-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-f-size-xl));--_badge-offset: var(--eui-avatar-badge-offset, calc(-.3 * var(--eui-s-m)));--_bg-color: var(--eui-avatar-bg-color, var(--eui-c-primary));--_color: var(--eui-avatar-color, var(--eui-c-primary-contrast))}.eui-avatar{display:inline-flex;position:relative}.eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);background-color:var(--_bg-color);box-shadow:var(--eui-sh-1);height:var(--_size);width:var(--_size);position:relative}.eui-avatar-shadow{position:absolute;right:.35rem;height:var(--_size);width:var(--_size);border:.5rem solid var(--eui-c-primary-lighter);border-radius:var(--eui-br-max);bottom:.15rem}.eui-avatar-list{display:inline-flex}.eui-avatar-list .eui-avatar:not(:first-child){margin-left:-1rem}.eui-avatar-icon{color:var(--_color)}.eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size)!important;width:var(--_icon-size)!important;fill:var(--_color)!important;color:var(--_color)!important}.eui-avatar-text{color:var(--_color);font:var(--eui-f-m-bold);font-size:var(--_font-size)}.eui-avatar-image{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;height:100%;width:100%}.eui-avatar-image img{border-radius:var(--eui-br-max);height:100%;width:100%}.eui-avatar--no-background .eui-avatar-image img{border-radius:0;background-color:var(--eui-c-white)}.eui-avatar-badge{position:absolute;right:var(--_badge-offset)}.eui-avatar-badge--top{top:var(--_badge-offset)}.eui-avatar-badge--bottom{bottom:var(--_badge-offset)}.eui-avatar--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast)}.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-avatar--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast)}.eui-avatar--success{--_bg-color: var(--eui-c-success);--_color: var(--eui-c-success-contrast)}.eui-avatar--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast)}.eui-avatar--danger{--_bg-color: var(--eui-c-danger);--_color: var(--eui-c-danger-contrast)}.eui-avatar--accent{--_bg-color: var(--eui-c-accent);--_color: var(--eui-c-accent-contrast)}.eui-avatar--flat{--_bg-color: var(--eui-c-primary-bg);--_color: var(--eui-c-primary)}.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-sh-none)}.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-c-info-bg);--_color: var(--eui-c-info)}.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-c-success-bg);--_color: var(--eui-c-success)}.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-c-warning-bg);--_color: var(--eui-c-warning)}.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-c-danger-bg);--_color: var(--eui-c-danger)}.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-c-accent-bg);--_color: var(--eui-c-accent)}.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-c-primary)}.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-sh-none);border-radius:var(--eui-br-none)}.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-c-neutral)}.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-c-info)}.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-c-success)}.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-c-warning)}.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-c-danger)}.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-c-accent)}.eui-avatar--size-xs{--_size: 2rem;--_font-size: var(--eui-f-size-xs);--_icon-size: 1rem;--_badge-font-size: var(--eui-f-size-xs);--_badge-size: var(--eui-s-s);--_badge-offset: calc(-.5 * var(--eui-s-xs))}.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-f-s);--_icon-size: 1.25rem;--_badge-font-size: var(--eui-f-size-xs);--_badge-size: var(--eui-s-s);--_badge-offset: calc(-.85 * var(--eui-s-xs))}.eui-avatar--size-m{--_size: 3rem;--_font-size: var(--eui-f-size-xl);--_icon-size: 1.5rem;--_badge-font-size: var(--eui-f-size-s);--_badge-size: var(--eui-s-m);--_badge-offset: calc(-.3 * var(--eui-s-m))}.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: 1.75rem;--_badge-font-size: var(--eui-f-size-m);--_badge-size: var(--eui-s-m);--_badge-offset: calc(-.3 * var(--eui-s-m))}.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: 2rem;--_badge-font-size: var(--eui-f-size-l);--_badge-size: var(--eui-s-l);--_badge-offset: calc(-.3 * var(--eui-s-l))}.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-f-size-3xl);--_icon-size: 2.5rem;--_badge-font-size: var(--eui-f-size-xl);--_badge-size: var(--eui-s-xl);--_badge-offset: calc(-.3 * var(--eui-s-xl))}.eui-avatar.eui-avatar--shape-square .eui-avatar-content,.eui-avatar.eui-avatar--shape-square .eui-avatar-image img{border-radius:var(--eui-br-m)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAvatarComponent, decorators: [{
   type: Component,
   args: [{ selector: "div[euiAvatar], span[euiAvatar], eui-avatar", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
     {
@@ -93,13 +93,13 @@ var EuiAvatarListComponent = class _EuiAvatarListComponent {
     ].join(" ").trim();
   }
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiAvatarListComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiAvatarListComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiAvatarListComponent, selector: "eui-avatar-list", host: { properties: { "class": "this.cssClasses" } }, ngImport: i02, template: "<ng-content></ng-content>\n" });
+    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiAvatarListComponent, selector: "eui-avatar-list", host: { properties: { "class": "this.cssClasses" } }, ngImport: i02, template: "<ng-content></ng-content>\n" });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiAvatarListComponent, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: EuiAvatarListComponent, decorators: [{
   type: Component2,
   args: [{ selector: "eui-avatar-list", template: "<ng-content></ng-content>\n" }]
 }], propDecorators: { cssClasses: [{
@@ -115,13 +115,13 @@ var EuiAvatarIconComponent = class _EuiAvatarIconComponent {
     this.string = "eui-avatar-icon";
   }
   static {
-    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: _EuiAvatarIconComponent, deps: [], target: i03.ɵɵFactoryTarget.Component });
+    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: _EuiAvatarIconComponent, deps: [], target: i03.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiAvatarIconComponent, selector: "eui-avatar-icon", host: { properties: { "class": "this.string" } }, ngImport: i03, template: "<ng-content></ng-content>\n" });
+    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiAvatarIconComponent, selector: "eui-avatar-icon", host: { properties: { "class": "this.string" } }, ngImport: i03, template: "<ng-content></ng-content>\n" });
   }
 };
-i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: EuiAvatarIconComponent, decorators: [{
+i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: EuiAvatarIconComponent, decorators: [{
   type: Component3,
   args: [{ selector: "eui-avatar-icon", template: "<ng-content></ng-content>\n" }]
 }], propDecorators: { string: [{
@@ -137,13 +137,13 @@ var EuiAvatarTextComponent = class _EuiAvatarTextComponent {
     this.string = "eui-avatar-text";
   }
   static {
-    this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i04, type: _EuiAvatarTextComponent, deps: [], target: i04.ɵɵFactoryTarget.Component });
+    this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i04, type: _EuiAvatarTextComponent, deps: [], target: i04.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiAvatarTextComponent, selector: "eui-avatar-text", host: { properties: { "class": "this.string" } }, ngImport: i04, template: "<ng-content></ng-content>\n" });
+    this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiAvatarTextComponent, selector: "eui-avatar-text", host: { properties: { "class": "this.string" } }, ngImport: i04, template: "<ng-content></ng-content>\n" });
   }
 };
-i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i04, type: EuiAvatarTextComponent, decorators: [{
+i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i04, type: EuiAvatarTextComponent, decorators: [{
   type: Component4,
   args: [{ selector: "eui-avatar-text", template: "<ng-content></ng-content>\n" }]
 }], propDecorators: { string: [{
@@ -160,13 +160,13 @@ var EuiAvatarImageComponent = class _EuiAvatarImageComponent {
     this.string = "eui-avatar-image";
   }
   static {
-    this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i05, type: _EuiAvatarImageComponent, deps: [], target: i05.ɵɵFactoryTarget.Component });
+    this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i05, type: _EuiAvatarImageComponent, deps: [], target: i05.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i05.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.string" } }, ngImport: i05, template: '<ng-container *ngIf="imageUrl; else noImage">\n    <img [src]="imageUrl" alt="Avatar image"/>\n</ng-container>\n<ng-template #noImage>\n    <ng-content></ng-content>\n</ng-template>\n', dependencies: [{ kind: "directive", type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    this.ɵcmp = i05.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.string" } }, ngImport: i05, template: '<ng-container *ngIf="imageUrl; else noImage">\n    <img [src]="imageUrl" alt="Avatar image"/>\n</ng-container>\n<ng-template #noImage>\n    <ng-content></ng-content>\n</ng-template>\n', dependencies: [{ kind: "directive", type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
   }
 };
-i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i05, type: EuiAvatarImageComponent, decorators: [{
+i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i05, type: EuiAvatarImageComponent, decorators: [{
   type: Component5,
   args: [{ selector: "eui-avatar-image", template: '<ng-container *ngIf="imageUrl; else noImage">\n    <img [src]="imageUrl" alt="Avatar image"/>\n</ng-container>\n<ng-template #noImage>\n    <ng-content></ng-content>\n</ng-template>\n' }]
 }], propDecorators: { string: [{
@@ -190,13 +190,13 @@ var EuiAvatarBadgeComponent = class _EuiAvatarBadgeComponent {
     ].join(" ").trim();
   }
   static {
-    this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i06, type: _EuiAvatarBadgeComponent, deps: [], target: i06.ɵɵFactoryTarget.Component });
+    this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: _EuiAvatarBadgeComponent, deps: [], target: i06.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i06.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiAvatarBadgeComponent, selector: "eui-avatar-badge", inputs: { position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i06, template: "<ng-content></ng-content>\n" });
+    this.ɵcmp = i06.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiAvatarBadgeComponent, selector: "eui-avatar-badge", inputs: { position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i06, template: "<ng-content></ng-content>\n" });
   }
 };
-i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i06, type: EuiAvatarBadgeComponent, decorators: [{
+i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: EuiAvatarBadgeComponent, decorators: [{
   type: Component6,
   args: [{ selector: "eui-avatar-badge", template: "<ng-content></ng-content>\n" }]
 }], propDecorators: { cssClasses: [{
@@ -222,10 +222,10 @@ var COMPONENTS = [
 ];
 var EuiAvatarModule = class _EuiAvatarModule {
   static {
-    this.ɵfac = i07.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i07, type: _EuiAvatarModule, deps: [], target: i07.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i07.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i07, type: _EuiAvatarModule, deps: [], target: i07.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i07.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i07, type: _EuiAvatarModule, declarations: [
+    this.ɵmod = i07.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i07, type: _EuiAvatarModule, declarations: [
       EuiAvatarComponent,
       EuiAvatarIconComponent,
       EuiAvatarTextComponent,
@@ -246,13 +246,13 @@ var EuiAvatarModule = class _EuiAvatarModule {
     ] });
   }
   static {
-    this.ɵinj = i07.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i07, type: _EuiAvatarModule, imports: [
+    this.ɵinj = i07.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i07, type: _EuiAvatarModule, imports: [
       CommonModule,
       EuiIconModule
     ] });
   }
 };
-i07.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i07, type: EuiAvatarModule, decorators: [{
+i07.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i07, type: EuiAvatarModule, decorators: [{
   type: NgModule,
   args: [{
     imports: [

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

@@ -16,13 +16,13 @@ var EuiBadgeComponent = class _EuiBadgeComponent {
     this.ariaLabel = "badge";
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiBadgeComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiBadgeComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [".eui-badge{--_color: var(--eui-badge-color, var(--eui-c-primary-contrast));--_color-on-bg: var(--eui-badge-color, var(--eui-c-primary-contrast));--_bg-color: var(--eui-badge-bg-color, var(--eui-c-primary));--_border-color: var(--eui-badge-border-color, var(--eui-c-primary-dark))}.eui-badge{align-items:center;border-radius:var(--eui-s-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-s-m) + var(--eui-s-xs));min-width:calc(var(--eui-s-m) + var(--eui-s-xs));padding:0 var(--eui-s-2xs);font:var(--eui-f-s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-s-m)}.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: var(--eui-c-primary-dark)}.eui-badge--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-bg-light-contrast);--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-neutral-dark)}.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: var(--eui-c-info-dark)}.eui-badge--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border-color: var(--eui-c-success-dark)}.eui-badge--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning-dark);--_border-color: var(--eui-c-warning-dark)}.eui-badge--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border-color: var(--eui-c-danger-dark)}.eui-badge--accent{--_bg-color: var(--eui-c-accent-dark);--_color-on-bg: var(--eui-c-accent-contrast);--_color: var(--eui-c-accent-darker);--_border-color: var(--eui-c-accent-dark)}.eui-badge{background-color:var(--_bg-color);color:var(--_color-on-bg);border:1px solid var(--_border-color)}.eui-badge--outline{background-color:var(--eui-c-white);color:var(--_color)}.eui-badge--size-xs{height:var(--eui-s-m);min-width:var(--eui-s-m);padding:var(--eui-s-2xs) 0;font:var(--eui-f-xs)}.eui-badge--size-s{height:var(--eui-s-m);min-width:var(--eui-s-m);font:var(--eui-f-xs)}.eui-badge--size-m{height:calc(var(--eui-s-m) + var(--eui-s-2xs));min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));font:var(--eui-f-s)}.eui-badge--size-l{height:var(--eui-s-xl);min-width:var(--eui-s-xl);padding:0 var(--eui-s-xs);font:var(--eui-f-l)}.eui-icon--size-s .eui-badge,.eui-icon-svg--size-s .eui-badge{right:-50%;top:-30%}.eui-icon--size-s .eui-badge--size-s,.eui-icon-svg--size-s .eui-badge--size-s{right:-25%;top:-25%}.eui-icon--size-s .eui-badge--size-m,.eui-icon-svg--size-s .eui-badge--size-m{right:-40%;top:-35%}.eui-icon--size-s .eui-badge--size-l,.eui-icon-svg--size-s .eui-badge--size-l,.eui-icon--size-s .eui-badge--size-xl,.eui-icon-svg--size-s .eui-badge--size-xl{right:0%;top:0%}.eui-icon--size-m .eui-badge,.eui-icon-svg--size-m .eui-badge,.eui-icon--size-m .eui-badge--size-s,.eui-icon-svg--size-m .eui-badge--size-s{right:-20%;top:-10%}.eui-icon--size-m .eui-badge--size-m,.eui-icon-svg--size-m .eui-badge--size-m{right:-35%;top:-20%}.eui-icon--size-m .eui-badge--size-l,.eui-icon-svg--size-m .eui-badge--size-l,.eui-icon--size-m .eui-badge--size-xl,.eui-icon-svg--size-m .eui-badge--size-xl,.eui-icon--size-l .eui-badge,.eui-icon-svg--size-l .eui-badge,.eui-icon--size-l .eui-badge--size-s,.eui-icon-svg--size-l .eui-badge--size-s{right:0%;top:0%}.eui-icon--size-l .eui-badge--size-m,.eui-icon-svg--size-l .eui-badge--size-m{right:-15%;top:-10%}.eui-icon--size-l .eui-badge--size-l,.eui-icon-svg--size-l .eui-badge--size-l{right:-25%;top:-15%}.eui-icon--size-l .eui-badge--size-xl,.eui-icon-svg--size-l .eui-badge--size-xl{right:-50%;top:-35%}.eui-icon--size-xl .eui-badge,.eui-icon-svg--size-xl .eui-badge{right:5%;top:10%}.eui-icon--size-xl .eui-badge--size-s,.eui-icon-svg--size-xl .eui-badge--size-s{right:10%;top:5%}.eui-icon--size-xl .eui-badge--size-m,.eui-icon-svg--size-xl .eui-badge--size-m{right:0%;top:0%}.eui-icon--size-xl .eui-badge--size-l,.eui-icon-svg--size-xl .eui-badge--size-l{right:-10%;top:-5%}.eui-icon--size-xl .eui-badge--size-xl,.eui-icon-svg--size-xl .eui-badge--size-xl{right:-30%;top:-15%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [".eui-badge{--_color: var(--eui-badge-color, var(--eui-c-primary-contrast));--_color-on-bg: var(--eui-badge-color, var(--eui-c-primary-contrast));--_bg-color: var(--eui-badge-bg-color, var(--eui-c-primary));--_border-color: var(--eui-badge-border-color, var(--eui-c-white))}.eui-badge{align-items:center;border-radius:var(--eui-s-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-s-m) + var(--eui-s-xs));min-width:calc(var(--eui-s-m) + var(--eui-s-xs));padding:0 var(--eui-s-2xs);font:var(--eui-f-s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-5%;top:-20%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-s-m)}.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary)}.eui-badge--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-bg-light-contrast);--_color: var(--eui-c-neutral)}.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info)}.eui-badge--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success)}.eui-badge--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning-dark)}.eui-badge--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger)}.eui-badge--accent{--_bg-color: var(--eui-c-accent-dark);--_color-on-bg: var(--eui-c-accent-contrast);--_color: var(--eui-c-accent-darker)}.eui-badge{background-color:var(--_bg-color);color:var(--_color-on-bg);border:1px solid var(--_border-color)}.eui-badge--outline{background-color:var(--eui-c-white);color:var(--_color)}.eui-badge--size-xs{height:var(--eui-s-m);min-width:var(--eui-s-m);padding:var(--eui-s-2xs) 0;font:var(--eui-f-xs)}.eui-badge--size-s{height:var(--eui-s-m);min-width:var(--eui-s-m);font:var(--eui-f-xs)}.eui-badge--size-m{height:calc(var(--eui-s-m) + var(--eui-s-2xs));min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));font:var(--eui-f-s)}.eui-badge--size-l{height:var(--eui-s-xl);min-width:var(--eui-s-xl);padding:0 var(--eui-s-xs);font:var(--eui-f-l)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBadgeComponent, decorators: [{
   type: Component,
   args: [{ selector: "div[euiBadge], span[euiBadge], eui-badge", template: "<ng-content></ng-content>", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
     {
@@ -44,7 +44,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
         "euiOutline"
       ]
     }
-  ], styles: [".eui-badge{--_color: var(--eui-badge-color, var(--eui-c-primary-contrast));--_color-on-bg: var(--eui-badge-color, var(--eui-c-primary-contrast));--_bg-color: var(--eui-badge-bg-color, var(--eui-c-primary));--_border-color: var(--eui-badge-border-color, var(--eui-c-primary-dark))}.eui-badge{align-items:center;border-radius:var(--eui-s-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-s-m) + var(--eui-s-xs));min-width:calc(var(--eui-s-m) + var(--eui-s-xs));padding:0 var(--eui-s-2xs);font:var(--eui-f-s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-s-m)}.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: var(--eui-c-primary-dark)}.eui-badge--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-bg-light-contrast);--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-neutral-dark)}.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: var(--eui-c-info-dark)}.eui-badge--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border-color: var(--eui-c-success-dark)}.eui-badge--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning-dark);--_border-color: var(--eui-c-warning-dark)}.eui-badge--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border-color: var(--eui-c-danger-dark)}.eui-badge--accent{--_bg-color: var(--eui-c-accent-dark);--_color-on-bg: var(--eui-c-accent-contrast);--_color: var(--eui-c-accent-darker);--_border-color: var(--eui-c-accent-dark)}.eui-badge{background-color:var(--_bg-color);color:var(--_color-on-bg);border:1px solid var(--_border-color)}.eui-badge--outline{background-color:var(--eui-c-white);color:var(--_color)}.eui-badge--size-xs{height:var(--eui-s-m);min-width:var(--eui-s-m);padding:var(--eui-s-2xs) 0;font:var(--eui-f-xs)}.eui-badge--size-s{height:var(--eui-s-m);min-width:var(--eui-s-m);font:var(--eui-f-xs)}.eui-badge--size-m{height:calc(var(--eui-s-m) + var(--eui-s-2xs));min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));font:var(--eui-f-s)}.eui-badge--size-l{height:var(--eui-s-xl);min-width:var(--eui-s-xl);padding:0 var(--eui-s-xs);font:var(--eui-f-l)}.eui-icon--size-s .eui-badge,.eui-icon-svg--size-s .eui-badge{right:-50%;top:-30%}.eui-icon--size-s .eui-badge--size-s,.eui-icon-svg--size-s .eui-badge--size-s{right:-25%;top:-25%}.eui-icon--size-s .eui-badge--size-m,.eui-icon-svg--size-s .eui-badge--size-m{right:-40%;top:-35%}.eui-icon--size-s .eui-badge--size-l,.eui-icon-svg--size-s .eui-badge--size-l,.eui-icon--size-s .eui-badge--size-xl,.eui-icon-svg--size-s .eui-badge--size-xl{right:0%;top:0%}.eui-icon--size-m .eui-badge,.eui-icon-svg--size-m .eui-badge,.eui-icon--size-m .eui-badge--size-s,.eui-icon-svg--size-m .eui-badge--size-s{right:-20%;top:-10%}.eui-icon--size-m .eui-badge--size-m,.eui-icon-svg--size-m .eui-badge--size-m{right:-35%;top:-20%}.eui-icon--size-m .eui-badge--size-l,.eui-icon-svg--size-m .eui-badge--size-l,.eui-icon--size-m .eui-badge--size-xl,.eui-icon-svg--size-m .eui-badge--size-xl,.eui-icon--size-l .eui-badge,.eui-icon-svg--size-l .eui-badge,.eui-icon--size-l .eui-badge--size-s,.eui-icon-svg--size-l .eui-badge--size-s{right:0%;top:0%}.eui-icon--size-l .eui-badge--size-m,.eui-icon-svg--size-l .eui-badge--size-m{right:-15%;top:-10%}.eui-icon--size-l .eui-badge--size-l,.eui-icon-svg--size-l .eui-badge--size-l{right:-25%;top:-15%}.eui-icon--size-l .eui-badge--size-xl,.eui-icon-svg--size-l .eui-badge--size-xl{right:-50%;top:-35%}.eui-icon--size-xl .eui-badge,.eui-icon-svg--size-xl .eui-badge{right:5%;top:10%}.eui-icon--size-xl .eui-badge--size-s,.eui-icon-svg--size-xl .eui-badge--size-s{right:10%;top:5%}.eui-icon--size-xl .eui-badge--size-m,.eui-icon-svg--size-xl .eui-badge--size-m{right:0%;top:0%}.eui-icon--size-xl .eui-badge--size-l,.eui-icon-svg--size-xl .eui-badge--size-l{right:-10%;top:-5%}.eui-icon--size-xl .eui-badge--size-xl,.eui-icon-svg--size-xl .eui-badge--size-xl{right:-30%;top:-15%}\n"] }]
+  ], styles: [".eui-badge{--_color: var(--eui-badge-color, var(--eui-c-primary-contrast));--_color-on-bg: var(--eui-badge-color, var(--eui-c-primary-contrast));--_bg-color: var(--eui-badge-bg-color, var(--eui-c-primary));--_border-color: var(--eui-badge-border-color, var(--eui-c-white))}.eui-badge{align-items:center;border-radius:var(--eui-s-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-s-m) + var(--eui-s-xs));min-width:calc(var(--eui-s-m) + var(--eui-s-xs));padding:0 var(--eui-s-2xs);font:var(--eui-f-s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-5%;top:-20%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-s-m)}.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary)}.eui-badge--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-bg-light-contrast);--_color: var(--eui-c-neutral)}.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info)}.eui-badge--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success)}.eui-badge--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning-dark)}.eui-badge--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger)}.eui-badge--accent{--_bg-color: var(--eui-c-accent-dark);--_color-on-bg: var(--eui-c-accent-contrast);--_color: var(--eui-c-accent-darker)}.eui-badge{background-color:var(--_bg-color);color:var(--_color-on-bg);border:1px solid var(--_border-color)}.eui-badge--outline{background-color:var(--eui-c-white);color:var(--_color)}.eui-badge--size-xs{height:var(--eui-s-m);min-width:var(--eui-s-m);padding:var(--eui-s-2xs) 0;font:var(--eui-f-xs)}.eui-badge--size-s{height:var(--eui-s-m);min-width:var(--eui-s-m);font:var(--eui-f-xs)}.eui-badge--size-m{height:calc(var(--eui-s-m) + var(--eui-s-2xs));min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));font:var(--eui-f-s)}.eui-badge--size-l{height:var(--eui-s-xl);min-width:var(--eui-s-xl);padding:0 var(--eui-s-xs);font:var(--eui-f-l)}\n"] }]
 }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]
@@ -71,16 +71,16 @@ import { BaseStatesDirective as BaseStatesDirective3 } from "@eui/components/sha
 import * as i02 from "@angular/core";
 var EuiBadgeModule = class _EuiBadgeModule {
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiBadgeModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiBadgeModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiBadgeModule, declarations: [EuiBadgeComponent], imports: [CommonModule, BaseStatesDirective3], exports: [EuiBadgeComponent] });
+    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiBadgeModule, declarations: [EuiBadgeComponent], imports: [CommonModule, BaseStatesDirective3], exports: [EuiBadgeComponent] });
   }
   static {
-    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiBadgeModule, imports: [CommonModule] });
+    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiBadgeModule, imports: [CommonModule] });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiBadgeModule, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: EuiBadgeModule, decorators: [{
   type: NgModule,
   args: [{
     imports: [CommonModule, BaseStatesDirective3],

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-badge/eui-badge.component.ts", "../../eui-badge/eui-badge.module.ts"],
   "sourcesContent": ["import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'div[euiBadge], span[euiBadge], eui-badge',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\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                'euiSizeM',\n                'euiSizeL',\n                'euiSizeVariant',\n\n                'euiOutline',\n            ],\n        },\n    ],\n})\nexport class EuiBadgeComponent {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-badge'),\n        ].join(' ').trim();\n    }\n\n    // TODO check if feasible : 99+ to be displayed f.e.\n    // @Input({ transform: booleanAttribute }) hasMaxNumber = false;\n    // @Input() maxNumber = 99;\n\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-badge';\n    @HostBinding('attr.role') role = 'status';\n    @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'badge';\n\n    constructor(\n        public baseStatesDirective: BaseStatesDirective,\n    ) {\n    }\n}\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiBadgeComponent } from './eui-badge.component';\n\n@NgModule({\n    imports: [CommonModule, BaseStatesDirective],\n    exports: [EuiBadgeComponent],\n    declarations: [EuiBadgeComponent],\n})\nexport class EuiBadgeModule {}\n"],
-  "mappings": ";AAAA,SAAS,WAAW,aAAa,yBAAyB,mBAAmB,aAAa;AAC1F,SAAS,2BAA2B;;;AAgC9B,IAAO,oBAAP,MAAO,mBAAiB;EAC1B,IACW,aAAU;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,WAAW;MACpD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACW,qBAAwC;AAAxC,SAAA,sBAAA;AAL4B,SAAA,UAAU;AACvB,SAAA,OAAO;AACoB,SAAA,YAA2B;EAKhF;;4GAnBS,oBAAiB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAjB,oBAAiB,UAAA,4CAAA,QAAA,EAAA,SAAA,WAAA,WAAA,CAAA,cAAA,WAAA,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,iBAAA,gBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,gBAAA,gBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,aAAA,aAAA,cAAA,cAAA,aAAA,aAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,kBAAA,kBAAA,cAAA,YAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UA5BhB,6BAA2B,UAAA,MAAA,QAAA,CAAA,u4IAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGA4B5B,mBAAiB,YAAA,CAAA;QA9B7B;qBACa,4CAA0C,UAC1C,6BAA2B,iBAEpB,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,gBACrB;IACZ;MACI,WAAW;MACX,QAAQ;QACJ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QAEA;QACA;QACA;QACA;QACA;QAEA;;;KAGX,QAAA,CAAA,u4IAAA,EAAA,CAAA;gFAIU,YAAU,CAAA;QADpB;SAAY,OAAO;IAWmB,SAAO,CAAA;QAA7C;SAAY,eAAe;;QAAG;IACL,MAAI,CAAA;QAA7B;SAAY,WAAW;IAC6B,WAAS,CAAA;QAA7D;SAAY,iBAAiB;;QAAG;SAAM,YAAY;;;;AC/CvD,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,uBAAAA,4BAA2B;;AAS9B,IAAO,iBAAP,MAAO,gBAAc;;8GAAd,iBAAc,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAd,iBAAc,cAAA,CAFR,iBAAiB,GAAA,SAAA,CAFtB,cAAcA,oBAAmB,GAAA,SAAA,CACjC,iBAAiB,EAAA,CAAA;EAAA;;+GAGlB,iBAAc,SAAA,CAJb,YAAY,EAAA,CAAA;EAAA;;oGAIb,gBAAc,YAAA,CAAA;QAL1B;SAAS;IACN,SAAS,CAAC,cAAcA,oBAAmB;IAC3C,SAAS,CAAC,iBAAiB;IAC3B,cAAc,CAAC,iBAAiB;GACnC;;",
+  "mappings": ";AAAA,SAAS,WAAW,aAAa,yBAAyB,mBAAmB,aAAa;AAC1F,SAAS,2BAA2B;;;AAgC9B,IAAO,oBAAP,MAAO,mBAAiB;EAC1B,IACW,aAAU;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,WAAW;MACpD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACW,qBAAwC;AAAxC,SAAA,sBAAA;AAL4B,SAAA,UAAU;AACvB,SAAA,OAAO;AACoB,SAAA,YAA2B;EAKhF;;4GAnBS,oBAAiB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAjB,oBAAiB,UAAA,4CAAA,QAAA,EAAA,SAAA,WAAA,WAAA,CAAA,cAAA,WAAA,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,iBAAA,gBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,gBAAA,gBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,aAAA,aAAA,cAAA,cAAA,aAAA,aAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,kBAAA,kBAAA,cAAA,YAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UA5BhB,6BAA2B,UAAA,MAAA,QAAA,CAAA,o1EAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGA4B5B,mBAAiB,YAAA,CAAA;QA9B7B;qBACa,4CAA0C,UAC1C,6BAA2B,iBAEpB,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,gBACrB;IACZ;MACI,WAAW;MACX,QAAQ;QACJ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QAEA;QACA;QACA;QACA;QACA;QAEA;;;KAGX,QAAA,CAAA,o1EAAA,EAAA,CAAA;gFAIU,YAAU,CAAA;QADpB;SAAY,OAAO;IAWmB,SAAO,CAAA;QAA7C;SAAY,eAAe;;QAAG;IACL,MAAI,CAAA;QAA7B;SAAY,WAAW;IAC6B,WAAS,CAAA;QAA7D;SAAY,iBAAiB;;QAAG;SAAM,YAAY;;;;AC/CvD,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,uBAAAA,4BAA2B;;AAS9B,IAAO,iBAAP,MAAO,gBAAc;;8GAAd,iBAAc,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAd,iBAAc,cAAA,CAFR,iBAAiB,GAAA,SAAA,CAFtB,cAAcA,oBAAmB,GAAA,SAAA,CACjC,iBAAiB,EAAA,CAAA;EAAA;;+GAGlB,iBAAc,SAAA,CAJb,YAAY,EAAA,CAAA;EAAA;;oGAIb,gBAAc,YAAA,CAAA;QAL1B;SAAS;IACN,SAAS,CAAC,cAAcA,oBAAmB;IAC3C,SAAS,CAAC,iBAAiB;IAC3B,cAAc,CAAC,iBAAiB;GACnC;;",
   "names": ["BaseStatesDirective"]
 }

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

@@ -62,15 +62,15 @@ var EuiBlockContentComponent = class _EuiBlockContentComponent {
     return this.elRef.nativeElement.querySelector(":focus");
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiBlockContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", 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: "18.0.0-next.5", type: _EuiBlockContentComponent, 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></ng-content>\n", styles: ['.eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:8px solid transparent;border-radius:var(--eui-br-max);border-top-color:var(--eui-c-primary);content:"";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:var(--eui-base-z-index-overlay)}.eui-block-content--blocked:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: _EuiBlockContentComponent, 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></ng-content>\n", styles: ['.eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.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-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-block-content--blocked:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiBlockContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBlockContentComponent, decorators: [{
   type: Component,
-  args: [{ selector: "eui-block-content", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: ['.eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:8px solid transparent;border-radius:var(--eui-br-max);border-top-color:var(--eui-c-primary);content:"";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:var(--eui-base-z-index-overlay)}.eui-block-content--blocked:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}\n'] }]
+  args: [{ selector: "eui-block-content", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: ['.eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.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-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-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: [{
   type: HostBinding,
   args: ["class"]
@@ -95,16 +95,16 @@ import { CommonModule } from "@angular/common";
 import * as i02 from "@angular/core";
 var EuiBlockContentModule = class _EuiBlockContentModule {
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiBlockContentModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiBlockContentModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiBlockContentModule, declarations: [EuiBlockContentComponent], imports: [CommonModule], exports: [EuiBlockContentComponent] });
+    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiBlockContentModule, declarations: [EuiBlockContentComponent], imports: [CommonModule], exports: [EuiBlockContentComponent] });
   }
   static {
-    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiBlockContentModule, imports: [CommonModule] });
+    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiBlockContentModule, imports: [CommonModule] });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiBlockContentModule, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: EuiBlockContentModule, decorators: [{
   type: NgModule,
   args: [{
     imports: [CommonModule],

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-block-content/eui-block-content.component.ts", "../../eui-block-content/eui-block-content.component.html", "../../eui-block-content/eui-block-content.module.ts"],
   "sourcesContent": ["import {\n    Component,\n    ElementRef,\n    Input,\n    OnChanges,\n    Renderer2,\n    SimpleChanges,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    HostBinding,\n    booleanAttribute,\n} from '@angular/core';\n\n@Component({\n    selector: 'eui-block-content',\n    templateUrl: './eui-block-content.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiBlockContentComponent implements OnChanges {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            'eui-block-content',\n            this.isBlocked ? 'eui-block-content--blocked' : '',\n        ].join(' ').trim();\n    }\n\n    @Input() @HostBinding('attr.role') role = 'region';\n    @Input() @HostBinding('attr.aria-label') ariaLabel = 'block content wrapper';\n\n    @Input({ transform: booleanAttribute }) isBlocked = false;\n\n    /** keeps the state of the element that was focused before content was blocked */\n    private lastActiveElement: HTMLElement = null;\n\n    constructor(\n        private elRef: ElementRef,\n        private renderer: Renderer2,\n    ) {\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['isBlocked']) {\n            const activeElement = this.getActiveElement();\n            const isBlocking = this.isAboutToBlock(changes);\n\n            if (isBlocking) {\n                this.deactivateElement(activeElement);\n            } else {\n                this.reactivateElement(this.lastActiveElement);\n            }\n        }\n    }\n\n    /**\n     * blur (un-focus) the focused element inside BlockContent\n     */\n    deactivateElement(activeElement: HTMLElement): void {\n        if (activeElement) {\n            this.renderer.selectRootElement(activeElement, true).blur();\n            this.lastActiveElement = activeElement;\n        } else {\n            this.lastActiveElement = null;\n        }\n    }\n\n    /**\n     * focus on element if it was focused before content was blocked\n     */\n    reactivateElement(element: HTMLElement): void {\n        if (element) {\n            this.renderer.selectRootElement(element, true).focus();\n        }\n    }\n\n    /**\n     * returns where the element is about to block or not\n     *\n     * @param changes SimplyChanges\n     */\n    private isAboutToBlock(changes: SimpleChanges): boolean {\n        const isBlockedChange = changes['isBlocked'];\n\n        return isBlockedChange?.currentValue && !isBlockedChange.previousValue;\n    }\n\n    /**\n     * finds the element which is focused inside the UxBlockContent\n     */\n    private getActiveElement(): HTMLElement {\n        return this.elRef.nativeElement.querySelector(':focus');\n    }\n}\n", "<ng-content></ng-content>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiBlockContentComponent } from './eui-block-content.component';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EuiBlockContentComponent],\n    declarations: [EuiBlockContentComponent],\n})\nexport class EuiBlockContentModule {}\n"],
-  "mappings": ";AAAA,SACI,WAEA,OAIA,yBACA,mBACA,aACA,wBACG;;AASD,IAAO,2BAAP,MAAO,0BAAwB;EACjC,IACW,aAAU;AACjB,WAAO;MACH;MACA,KAAK,YAAY,+BAA+B;MAClD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACY,OACA,UAAmB;AADnB,SAAA,QAAA;AACA,SAAA,WAAA;AAVuB,SAAA,OAAO;AACD,SAAA,YAAY;AAEb,SAAA,YAAY;AAG5C,SAAA,oBAAiC;EAMzC;EAEA,YAAY,SAAsB;AAC9B,QAAI,QAAQ,WAAW,GAAG;AACtB,YAAM,gBAAgB,KAAK,iBAAgB;AAC3C,YAAM,aAAa,KAAK,eAAe,OAAO;AAE9C,UAAI,YAAY;AACZ,aAAK,kBAAkB,aAAa;MACxC,OAAO;AACH,aAAK,kBAAkB,KAAK,iBAAiB;MACjD;IACJ;EACJ;;;;EAKA,kBAAkB,eAA0B;AACxC,QAAI,eAAe;AACf,WAAK,SAAS,kBAAkB,eAAe,IAAI,EAAE,KAAI;AACzD,WAAK,oBAAoB;IAC7B,OAAO;AACH,WAAK,oBAAoB;IAC7B;EACJ;;;;EAKA,kBAAkB,SAAoB;AAClC,QAAI,SAAS;AACT,WAAK,SAAS,kBAAkB,SAAS,IAAI,EAAE,MAAK;IACxD;EACJ;;;;;;EAOQ,eAAe,SAAsB;AACzC,UAAM,kBAAkB,QAAQ,WAAW;AAE3C,WAAO,iBAAiB,gBAAgB,CAAC,gBAAgB;EAC7D;;;;EAKQ,mBAAgB;AACpB,WAAO,KAAK,MAAM,cAAc,cAAc,QAAQ;EAC1D;;4GAzES,2BAAwB,MAAA,CAAA,EAAA,OAAA,cAAA,GAAA,EAAA,OAAA,aAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAxB,2BAAwB,UAAA,qBAAA,QAAA,EAAA,MAAA,QAAA,WAAA,aAAA,WAAA,CAAA,aAAA,aAYb,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,eAAA,MAAA,UAAA,IAAA,UChCxC,+BACA,QAAA,CAAA,okBAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGDmBa,0BAAwB,YAAA,CAAA;QAPpC;qBACa,qBAAmB,iBAGZ,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,UAAA,+BAAA,QAAA,CAAA,okBAAA,EAAA,CAAA;+FAI1B,YAAU,CAAA;QADpB;SAAY,OAAO;IAQe,MAAI,CAAA;QAAtC;;QAAS;SAAY,WAAW;IACQ,WAAS,CAAA;QAAjD;;QAAS;SAAY,iBAAiB;IAEC,WAAS,CAAA;QAAhD;SAAM,EAAE,WAAW,iBAAgB,CAAE;;;;AEhC1C,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;;AAQvB,IAAO,wBAAP,MAAO,uBAAqB;;8GAArB,wBAAqB,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAArB,wBAAqB,cAAA,CAFf,wBAAwB,GAAA,SAAA,CAF7B,YAAY,GAAA,SAAA,CACZ,wBAAwB,EAAA,CAAA;EAAA;;+GAGzB,wBAAqB,SAAA,CAJpB,YAAY,EAAA,CAAA;EAAA;;oGAIb,uBAAqB,YAAA,CAAA;QALjC;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,SAAS,CAAC,wBAAwB;IAClC,cAAc,CAAC,wBAAwB;GAC1C;;",
+  "mappings": ";AAAA,SACI,WAEA,OAIA,yBACA,mBACA,aACA,wBACG;;AASD,IAAO,2BAAP,MAAO,0BAAwB;EACjC,IACW,aAAU;AACjB,WAAO;MACH;MACA,KAAK,YAAY,+BAA+B;MAClD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACY,OACA,UAAmB;AADnB,SAAA,QAAA;AACA,SAAA,WAAA;AAVuB,SAAA,OAAO;AACD,SAAA,YAAY;AAEb,SAAA,YAAY;AAG5C,SAAA,oBAAiC;EAMzC;EAEA,YAAY,SAAsB;AAC9B,QAAI,QAAQ,WAAW,GAAG;AACtB,YAAM,gBAAgB,KAAK,iBAAgB;AAC3C,YAAM,aAAa,KAAK,eAAe,OAAO;AAE9C,UAAI,YAAY;AACZ,aAAK,kBAAkB,aAAa;MACxC,OAAO;AACH,aAAK,kBAAkB,KAAK,iBAAiB;MACjD;IACJ;EACJ;;;;EAKA,kBAAkB,eAA0B;AACxC,QAAI,eAAe;AACf,WAAK,SAAS,kBAAkB,eAAe,IAAI,EAAE,KAAI;AACzD,WAAK,oBAAoB;IAC7B,OAAO;AACH,WAAK,oBAAoB;IAC7B;EACJ;;;;EAKA,kBAAkB,SAAoB;AAClC,QAAI,SAAS;AACT,WAAK,SAAS,kBAAkB,SAAS,IAAI,EAAE,MAAK;IACxD;EACJ;;;;;;EAOQ,eAAe,SAAsB;AACzC,UAAM,kBAAkB,QAAQ,WAAW;AAE3C,WAAO,iBAAiB,gBAAgB,CAAC,gBAAgB;EAC7D;;;;EAKQ,mBAAgB;AACpB,WAAO,KAAK,MAAM,cAAc,cAAc,QAAQ;EAC1D;;4GAzES,2BAAwB,MAAA,CAAA,EAAA,OAAA,cAAA,GAAA,EAAA,OAAA,aAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAxB,2BAAwB,UAAA,qBAAA,QAAA,EAAA,MAAA,QAAA,WAAA,aAAA,WAAA,CAAA,aAAA,aAYb,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,eAAA,MAAA,UAAA,IAAA,UChCxC,+BACA,QAAA,CAAA,g1BAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGDmBa,0BAAwB,YAAA,CAAA;QAPpC;qBACa,qBAAmB,iBAGZ,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,UAAA,+BAAA,QAAA,CAAA,g1BAAA,EAAA,CAAA;+FAI1B,YAAU,CAAA;QADpB;SAAY,OAAO;IAQe,MAAI,CAAA;QAAtC;;QAAS;SAAY,WAAW;IACQ,WAAS,CAAA;QAAjD;;QAAS;SAAY,iBAAiB;IAEC,WAAS,CAAA;QAAhD;SAAM,EAAE,WAAW,iBAAgB,CAAE;;;;AEhC1C,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;;AAQvB,IAAO,wBAAP,MAAO,uBAAqB;;8GAArB,wBAAqB,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAArB,wBAAqB,cAAA,CAFf,wBAAwB,GAAA,SAAA,CAF7B,YAAY,GAAA,SAAA,CACZ,wBAAwB,EAAA,CAAA;EAAA;;+GAGzB,wBAAqB,SAAA,CAJpB,YAAY,EAAA,CAAA;EAAA;;oGAIb,uBAAqB,YAAA,CAAA;QALjC;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,SAAS,CAAC,wBAAwB;IAClC,cAAc,CAAC,wBAAwB;GAC1C;;",
   "names": []
 }