npm - @eui/components - Versions diffs - 18.0.0-next.45 → 18.0.0-next.47 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (394) hide show

package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs CHANGED Viewed

@@ -664,10 +664,10 @@ export class EuiAutocompleteComponent {
         this.hasAriaRequiredAttribute = control?.control?.hasValidator(Validators.required);
         this.cd.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAutocompleteComponent, deps: [{ token: i1.Overlay }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i2.LiveAnnouncer }, { token: i3.ScrollDispatcher }, { token: i4.EuiAppShellService }, { token: i5.BaseStatesDirective }, { token: i6.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵ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", booleanAttribute], isReadonly: ["isReadonly", "isReadonly", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], hasChips: ["hasChips", "hasChips", booleanAttribute], isAsync: ["isAsync", "isAsync", booleanAttribute], isChipsSorted: ["isChipsSorted", "isChipsSorted", booleanAttribute], isItemsSorted: ["isItemsSorted", "isItemsSorted", booleanAttribute], isChipsRemovable: ["isChipsRemovable", "isChipsRemovable", booleanAttribute], isDuplicateValueAllowed: ["isDuplicateValueAllowed", "isDuplicateValueAllowed", booleanAttribute], isAddOnBlur: ["isAddOnBlur", "isAddOnBlur", booleanAttribute], isForceSelection: ["isForceSelection", "isForceSelection", booleanAttribute], maxVisibleChipsCount: ["maxVisibleChipsCount", "maxVisibleChipsCount", numberAttribute], chipsLabelTruncateCount: ["chipsLabelTruncateCount", "chipsLabelTruncateCount", numberAttribute], isMaxVisibleChipsOpened: ["isMaxVisibleChipsOpened", "isMaxVisibleChipsOpened", booleanAttribute], isChipsDragAndDrop: ["isChipsDragAndDrop", "isChipsDragAndDrop", booleanAttribute] }, 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: i0, template: "<div class=\"eui-autocomplete__wrapper\">\n    @if (chipsPosition === 'bottom') {\n        <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n    }\n    @if (hasChips) {\n        <eui-chip-list\n            [chips]=\"chips\"\n            [isChipsRemovable]=\"isChipsRemovable && !isReadonly\"\n            [maxVisibleChipsCount]=\"maxVisibleChipsCount\"\n            [isMaxVisibleChipsOpened]=\"isMaxVisibleChipsOpened\"\n            [chipsLabelTruncateCount]=\"chipsLabelTruncateCount\"\n            [toggleLinkMoreLabel]=\"toggleLinkMoreLabel\"\n            [toggleLinkLessLabel]=\"toggleLinkLessLabel\"\n            [isChipsDragAndDrop]=\"isChipsDragAndDrop\"\n            [dragAndDropSourceName]=\"dragAndDropSourceName\"\n            [dragAndDropConnectedTo]=\"dragAndDropConnectedTo\"\n            (chipDrop)=\"onChipDropped($event)\"\n            (chipDragStart)=\"onChipDragStarted($event)\"\n            (chipDragRelease)=\"onChipDragReleased($event)\"\n            (chipRemove)=\"onChipRemove($event)\">\n            <euiChipListAppendContent>\n                <ng-template [ngIf]=\"chipsPosition === 'inside'\">\n                    <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n                </ng-template>\n            </euiChipListAppendContent>\n        </eui-chip-list>\n    }\n    @if (chipsPosition === 'top') {\n        <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n    }\n</div>\n\n<ng-template #control>\n    <div *ngIf=\"!hasChips || (hasChips && !isReadonly)\" class=\"eui-autocomplete__input-container\" #inputContainerRef>\n        <input\n            #input\n            euiInputText\n            [euiClearable]=\"!isReadonly && !isDisabled\"\n            [euiLoading]=\"isLoading\"\n            [formControl]=\"autocompleteControl\"\n            class=\"eui-autocomplete__input {{ classList }}\"\n            placeholder=\"{{ placeholder }}\"\n            [readonly]=\"isReadonly\"\n            (clear)=\"onClear()\"\n            (click)=\"openPanel()\"\n            (focus)=\"onFocus()\"\n            (blur)=\"onBlur()\"\n            [attr.aria-controls]=\"isOpen ? 'eui-autocomplete__panel' : null\"\n            [attr.aria-label]=\"autocompleteControl.value?.length > 0 ? autocompleteControl.value : 'Input field without value'\"\n            [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n            aria-autocomplete=\"both\"\n            aria-haspopup=\"true\" />\n    </div>\n</ng-template>\n\n<ng-template #templatePortalContent>\n    <div\n        id=\"eui-autocomplete__panel\"\n        class=\"eui-autocomplete__panel\"\n        [@panelAnimation]=\"isOpen ? 'visible' : 'hidden'\"\n        role=\"listbox\"\n        aria-live=\"polite\"\n        aria-label=\"Autocomplete panel\">\n        <cdk-virtual-scroll-viewport\n            #virtualScrolling\n            [itemSize]=\"itemSize\"\n            tabindex=\"0\"\n            minBufferPx=\"500\"\n            maxBufferPx=\"750\"\n            [style.min-height]=\"cdkVirtualScrollViewport + 'px'\">\n            @if (groupBy) {\n                @for (distinctOptionGroup of distinctOptionGroups; let i = $index; track distinctOptionGroup) {\n                        @if ((groupedOptions | async)[distinctOptionGroup].options.length > 0) {\n                            <eui-autocomplete-option-group [label]=\"distinctOptionGroup\">\n                                <div class=\"eui-autocomplete-option-group__label\">\n                                    @if (autocompleteOptGroupTemplate) {\n                                        <ng-template\n                                            [ngTemplateOutlet]=\"autocompleteOptGroupTemplate\"\n                                            [ngTemplateOutletContext]=\"{ $implicit: { label: distinctOptionGroup } }\">\n                                        </ng-template>\n                                    } @else {\n                                        {{ distinctOptionGroup }}\n                                    }\n                                </div>\n                                <div class=\"eui-autocomplete-option-group__options\">\n                                    @for (autocompleteOption of (groupedOptions | async)[distinctOptionGroup].options; let j = $index; track autocompleteOption.id) {\n                                        <eui-autocomplete-option\n                                            isGroupItem\n                                            [isActive]=\"selectedOptionIndex === (groupedOptions | async)[distinctOptionGroup].ancestorLength + j\"\n                                            [isDisabled]=\"autocompleteOption.isDisabled\"\n                                            [attr.aria-disabled]=\"autocompleteOption.isDisabled\"\n                                            [euiVariant]=\"autocompleteOption.typeClass\"\n                                            (click)=\"onOptionSelected(autocompleteOption)\">\n                                            @if (autocompleteOptionTemplate) {\n                                                <ng-template\n                                                    [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                                                    [ngTemplateOutletContext]=\"{ $implicit: autocompleteOption }\">\n                                                </ng-template>\n                                            } @else {\n                                                @if (autocompleteOption.iconClass) {\n                                                    <eui-icon-svg icon=\"{{ autocompleteOption.iconClass }}\"></eui-icon-svg>\n                                                }\n                                                {{ autocompleteOption.label }}\n                                            }\n                                        </eui-autocomplete-option>\n                                    }\n                                </div>\n                            </eui-autocomplete-option-group>\n                        }\n                }\n            } @else {\n                <eui-autocomplete-option\n                    *cdkVirtualFor=\"let autocompleteOption of autocompleteOptions | async; let i = index; trackBy: optionsTrackByFn\"\n                    [isActive]=\"selectedOptionIndex === i\"\n                    [isDisabled]=\"autocompleteOption.isDisabled\"\n                    [attr.aria-disabled]=\"autocompleteOption.isDisabled\"\n                    [euiVariant]=\"autocompleteOption.typeClass\"\n                    (click)=\"onOptionSelected(autocompleteOption)\">\n                    @if (autocompleteOptionTemplate) {\n                        <ng-template\n                            [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                            [ngTemplateOutletContext]=\"{ $implicit: autocompleteOption }\">\n                        </ng-template>\n                    } @else {\n                        @if (autocompleteOption.iconClass) {\n                            <eui-icon-svg icon=\"{{ autocompleteOption.iconClass }}\"></eui-icon-svg>\n                        }\n                        {{ autocompleteOption.label }}\n                    }\n                </eui-autocomplete-option>\n            }\n        </cdk-virtual-scroll-viewport>\n    </div>  \n</ng-template>\n", 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: i11.EuiAutocompleteOptionComponent, selector: "eui-autocomplete-option", inputs: ["isActive", "isDisabled", "isGroupItem"] }, { kind: "component", type: i12.EuiAutocompleteOptionGroupComponent, selector: "eui-autocomplete-option-group", inputs: ["label"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }], animations: [panelAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAutocompleteComponent, deps: [{ token: i1.Overlay }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i2.LiveAnnouncer }, { token: i3.ScrollDispatcher }, { token: i4.EuiAppShellService }, { token: i5.BaseStatesDirective }, { token: i6.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵ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", booleanAttribute], isReadonly: ["isReadonly", "isReadonly", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], hasChips: ["hasChips", "hasChips", booleanAttribute], isAsync: ["isAsync", "isAsync", booleanAttribute], isChipsSorted: ["isChipsSorted", "isChipsSorted", booleanAttribute], isItemsSorted: ["isItemsSorted", "isItemsSorted", booleanAttribute], isChipsRemovable: ["isChipsRemovable", "isChipsRemovable", booleanAttribute], isDuplicateValueAllowed: ["isDuplicateValueAllowed", "isDuplicateValueAllowed", booleanAttribute], isAddOnBlur: ["isAddOnBlur", "isAddOnBlur", booleanAttribute], isForceSelection: ["isForceSelection", "isForceSelection", booleanAttribute], maxVisibleChipsCount: ["maxVisibleChipsCount", "maxVisibleChipsCount", numberAttribute], chipsLabelTruncateCount: ["chipsLabelTruncateCount", "chipsLabelTruncateCount", numberAttribute], isMaxVisibleChipsOpened: ["isMaxVisibleChipsOpened", "isMaxVisibleChipsOpened", booleanAttribute], isChipsDragAndDrop: ["isChipsDragAndDrop", "isChipsDragAndDrop", booleanAttribute] }, 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: i0, template: "<div class=\"eui-autocomplete__wrapper\">\n    @if (chipsPosition === 'bottom') {\n        <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n    }\n    @if (hasChips) {\n        <eui-chip-list\n            [chips]=\"chips\"\n            [isChipsRemovable]=\"isChipsRemovable && !isReadonly\"\n            [maxVisibleChipsCount]=\"maxVisibleChipsCount\"\n            [isMaxVisibleChipsOpened]=\"isMaxVisibleChipsOpened\"\n            [chipsLabelTruncateCount]=\"chipsLabelTruncateCount\"\n            [toggleLinkMoreLabel]=\"toggleLinkMoreLabel\"\n            [toggleLinkLessLabel]=\"toggleLinkLessLabel\"\n            [isChipsDragAndDrop]=\"isChipsDragAndDrop\"\n            [dragAndDropSourceName]=\"dragAndDropSourceName\"\n            [dragAndDropConnectedTo]=\"dragAndDropConnectedTo\"\n            (chipDrop)=\"onChipDropped($event)\"\n            (chipDragStart)=\"onChipDragStarted($event)\"\n            (chipDragRelease)=\"onChipDragReleased($event)\"\n            (chipRemove)=\"onChipRemove($event)\">\n            <euiChipListAppendContent>\n                <ng-template [ngIf]=\"chipsPosition === 'inside'\">\n                    <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n                </ng-template>\n            </euiChipListAppendContent>\n        </eui-chip-list>\n    }\n    @if (chipsPosition === 'top') {\n        <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n    }\n</div>\n\n<ng-template #control>\n    <div *ngIf=\"!hasChips || (hasChips && !isReadonly)\" class=\"eui-autocomplete__input-container\" #inputContainerRef>\n        <input\n            #input\n            euiInputText\n            [euiClearable]=\"!isReadonly && !isDisabled\"\n            [euiLoading]=\"isLoading\"\n            [formControl]=\"autocompleteControl\"\n            class=\"eui-autocomplete__input {{ classList }}\"\n            placeholder=\"{{ placeholder }}\"\n            [readonly]=\"isReadonly\"\n            (clear)=\"onClear()\"\n            (click)=\"openPanel()\"\n            (focus)=\"onFocus()\"\n            (blur)=\"onBlur()\"\n            [attr.aria-controls]=\"isOpen ? 'eui-autocomplete__panel' : null\"\n            [attr.aria-label]=\"autocompleteControl.value?.length > 0 ? autocompleteControl.value : 'Input field without value'\"\n            [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n            aria-autocomplete=\"both\"\n            aria-haspopup=\"true\" />\n    </div>\n</ng-template>\n\n<ng-template #templatePortalContent>\n    <div\n        id=\"eui-autocomplete__panel\"\n        class=\"eui-autocomplete__panel\"\n        [@panelAnimation]=\"isOpen ? 'visible' : 'hidden'\"\n        role=\"listbox\"\n        aria-live=\"polite\"\n        aria-label=\"Autocomplete panel\">\n        <cdk-virtual-scroll-viewport\n            #virtualScrolling\n            [itemSize]=\"itemSize\"\n            tabindex=\"0\"\n            minBufferPx=\"500\"\n            maxBufferPx=\"750\"\n            [style.min-height]=\"cdkVirtualScrollViewport + 'px'\">\n            @if (groupBy) {\n                @for (distinctOptionGroup of distinctOptionGroups; let i = $index; track distinctOptionGroup) {\n                        @if ((groupedOptions | async)[distinctOptionGroup].options.length > 0) {\n                            <eui-autocomplete-option-group [label]=\"distinctOptionGroup\">\n                                <div class=\"eui-autocomplete-option-group__label\">\n                                    @if (autocompleteOptGroupTemplate) {\n                                        <ng-template\n                                            [ngTemplateOutlet]=\"autocompleteOptGroupTemplate\"\n                                            [ngTemplateOutletContext]=\"{ $implicit: { label: distinctOptionGroup } }\">\n                                        </ng-template>\n                                    } @else {\n                                        {{ distinctOptionGroup }}\n                                    }\n                                </div>\n                                <div class=\"eui-autocomplete-option-group__options\">\n                                    @for (autocompleteOption of (groupedOptions | async)[distinctOptionGroup].options; let j = $index; track autocompleteOption.id) {\n                                        <eui-autocomplete-option\n                                            isGroupItem\n                                            [isActive]=\"selectedOptionIndex === (groupedOptions | async)[distinctOptionGroup].ancestorLength + j\"\n                                            [isDisabled]=\"autocompleteOption.isDisabled\"\n                                            [attr.aria-disabled]=\"autocompleteOption.isDisabled\"\n                                            [euiVariant]=\"autocompleteOption.typeClass\"\n                                            (click)=\"onOptionSelected(autocompleteOption)\">\n                                            @if (autocompleteOptionTemplate) {\n                                                <ng-template\n                                                    [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                                                    [ngTemplateOutletContext]=\"{ $implicit: autocompleteOption }\">\n                                                </ng-template>\n                                            } @else {\n                                                @if (autocompleteOption.iconClass) {\n                                                    <eui-icon-svg icon=\"{{ autocompleteOption.iconClass }}\"></eui-icon-svg>\n                                                }\n                                                {{ autocompleteOption.label }}\n                                            }\n                                        </eui-autocomplete-option>\n                                    }\n                                </div>\n                            </eui-autocomplete-option-group>\n                        }\n                }\n            } @else {\n                <eui-autocomplete-option\n                    *cdkVirtualFor=\"let autocompleteOption of autocompleteOptions | async; let i = index; trackBy: optionsTrackByFn\"\n                    [isActive]=\"selectedOptionIndex === i\"\n                    [isDisabled]=\"autocompleteOption.isDisabled\"\n                    [attr.aria-disabled]=\"autocompleteOption.isDisabled\"\n                    [euiVariant]=\"autocompleteOption.typeClass\"\n                    (click)=\"onOptionSelected(autocompleteOption)\">\n                    @if (autocompleteOptionTemplate) {\n                        <ng-template\n                            [ngTemplateOutlet]=\"autocompleteOptionTemplate\"\n                            [ngTemplateOutletContext]=\"{ $implicit: autocompleteOption }\">\n                        </ng-template>\n                    } @else {\n                        @if (autocompleteOption.iconClass) {\n                            <eui-icon-svg icon=\"{{ autocompleteOption.iconClass }}\"></eui-icon-svg>\n                        }\n                        {{ autocompleteOption.label }}\n                    }\n                </eui-autocomplete-option>\n            }\n        </cdk-virtual-scroll-viewport>\n    </div>  \n</ng-template>\n", 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: i11.EuiAutocompleteOptionComponent, selector: "eui-autocomplete-option", inputs: ["isActive", "isDisabled", "isGroupItem"] }, { kind: "component", type: i12.EuiAutocompleteOptionGroupComponent, selector: "eui-autocomplete-option-group", inputs: ["label"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }], animations: [panelAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAutocompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAutocompleteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-autocomplete, input[euiAutocomplete]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [panelAnimation], hostDirectives: [
                         {

package/esm2022/eui-autocomplete/eui-autocomplete.module.mjs CHANGED Viewed

@@ -13,8 +13,8 @@ import { EuiAutocompleteOptionComponent } from './eui-autocomplete-option/eui-au
 import { EuiAutocompleteOptionGroupComponent } from './eui-autocomplete-option-group/eui-autocomplete-option-group.component';
 import * as i0 from "@angular/core";
 export class EuiAutocompleteModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAutocompleteModule, declarations: [EuiAutocompleteComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAutocompleteModule, declarations: [EuiAutocompleteComponent,
             EuiAutocompleteOptionComponent,
             EuiAutocompleteOptionGroupComponent], imports: [CommonModule,
             ReactiveFormsModule,
@@ -25,7 +25,7 @@ export class EuiAutocompleteModule {
             EuiChipListModule,
             EuiChipModule,
             EuiIconModule], exports: [EuiAutocompleteComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAutocompleteModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAutocompleteModule, imports: [CommonModule,
             ReactiveFormsModule,
             OverlayModule,
             EuiInputTextModule,
@@ -35,7 +35,7 @@ export class EuiAutocompleteModule {
             EuiChipModule,
             EuiIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAutocompleteModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAutocompleteModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/eui-avatar/avatar-badge/avatar-badge.component.mjs CHANGED Viewed

@@ -10,10 +10,10 @@ export class EuiAvatarBadgeComponent {
             `eui-avatar-badge--${this.position}`,
         ].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAvatarBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵ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: i0, template: "<ng-content></ng-content>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAvatarBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵ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: i0, template: "<ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAvatarBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAvatarBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-avatar-badge', template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { cssClasses: [{

package/esm2022/eui-avatar/avatar-icon/avatar-icon.component.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ export class EuiAvatarIconComponent {
     constructor() {
         this.string = 'eui-avatar-icon';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: EuiAvatarIconComponent, selector: "eui-avatar-icon", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: EuiAvatarIconComponent, selector: "eui-avatar-icon", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAvatarIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAvatarIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-avatar-icon', template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { string: [{

package/esm2022/eui-avatar/avatar-image/avatar-image.component.mjs CHANGED Viewed

@@ -5,10 +5,10 @@ export class EuiAvatarImageComponent {
     constructor() {
         this.string = 'eui-avatar-image';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAvatarImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵ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: i0, 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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAvatarImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵ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: i0, 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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAvatarImageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAvatarImageComponent, decorators: [{
             type: Component,
             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: [{

package/esm2022/eui-avatar/avatar-text/avatar-text.component.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ export class EuiAvatarTextComponent {
     constructor() {
         this.string = 'eui-avatar-text';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAvatarTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: EuiAvatarTextComponent, selector: "eui-avatar-text", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAvatarTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: EuiAvatarTextComponent, selector: "eui-avatar-text", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAvatarTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAvatarTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-avatar-text', template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { string: [{

package/esm2022/eui-avatar/eui-avatar-list.component.mjs CHANGED Viewed

@@ -6,10 +6,10 @@ export class EuiAvatarListComponent {
             'eui-avatar-list',
         ].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAvatarListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: EuiAvatarListComponent, selector: "eui-avatar-list", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAvatarListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: EuiAvatarListComponent, selector: "eui-avatar-list", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAvatarListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAvatarListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-avatar-list', template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { cssClasses: [{

package/esm2022/eui-avatar/eui-avatar.component.mjs CHANGED Viewed

@@ -22,10 +22,10 @@ export class EuiAvatarComponent {
         this.isFlat = false;
         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 }); }
-    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 }); }
+    static { 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.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: [
                         {

package/esm2022/eui-avatar/eui-avatar.module.mjs CHANGED Viewed

@@ -18,8 +18,8 @@ const COMPONENTS = [
     EuiAvatarListComponent,
 ];
 export class EuiAvatarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAvatarModule, declarations: [EuiAvatarComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAvatarModule, declarations: [EuiAvatarComponent,
             EuiAvatarIconComponent,
             EuiAvatarTextComponent,
             EuiAvatarImageComponent,
@@ -32,10 +32,10 @@ export class EuiAvatarModule {
             EuiAvatarImageComponent,
             EuiAvatarBadgeComponent,
             EuiAvatarListComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAvatarModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAvatarModule, imports: [CommonModule,
             EuiIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAvatarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/eui-badge/eui-badge.component.mjs CHANGED Viewed

@@ -17,10 +17,10 @@ export class EuiBadgeComponent {
         this.role = 'status';
         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 }); }
-    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 }); }
+    static { 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.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: [
                         {
@@ -42,7 +42,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']

package/esm2022/eui-badge/eui-badge.module.mjs CHANGED Viewed

@@ -4,11 +4,11 @@ import { BaseStatesDirective } from '@eui/components/shared';
 import { EuiBadgeComponent } from './eui-badge.component';
 import * as i0 from "@angular/core";
 export class EuiBadgeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiBadgeModule, declarations: [EuiBadgeComponent], imports: [CommonModule, BaseStatesDirective], exports: [EuiBadgeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiBadgeModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBadgeModule, declarations: [EuiBadgeComponent], imports: [CommonModule, BaseStatesDirective], exports: [EuiBadgeComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBadgeModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiBadgeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBadgeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, BaseStatesDirective],

package/esm2022/eui-block-content/eui-block-content.component.mjs CHANGED Viewed

@@ -63,12 +63,12 @@ export class EuiBlockContentComponent {
     getActiveElement() {
         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 }); }
-    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 }); }
+    static { 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.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']

package/esm2022/eui-block-content/eui-block-content.module.mjs CHANGED Viewed

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { EuiBlockContentComponent } from './eui-block-content.component';
 import * as i0 from "@angular/core";
 export class EuiBlockContentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiBlockContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiBlockContentModule, declarations: [EuiBlockContentComponent], imports: [CommonModule], exports: [EuiBlockContentComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiBlockContentModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBlockContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBlockContentModule, declarations: [EuiBlockContentComponent], imports: [CommonModule], exports: [EuiBlockContentComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBlockContentModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiBlockContentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBlockContentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/esm2022/eui-block-document/eui-block-document.component.mjs CHANGED Viewed

@@ -12,12 +12,12 @@ export class EuiBlockDocumentComponent {
             this.isBlocked ? 'eui-block-document--blocked' : '',
         ].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiBlockDocumentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: EuiBlockDocumentComponent, selector: "eui-block-document", inputs: { isBlocked: ["isBlocked", "isBlocked", booleanAttribute], ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: "<div class=\"eui-block-document__loader\"></div>\n", styles: [".eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-base-z-index-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0006;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.eui-block-document--blocked .eui-block-document__loader:not(:required):after{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:10px solid transparent;border-radius:var(--eui-br-max);border-top-color:var(--eui-c-primary);content:\"\";display:block;height:150px;inset:50% 15px 15px 50%;margin:-100px 0 0 -100px;position:relative;width:150px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBlockDocumentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: EuiBlockDocumentComponent, selector: "eui-block-document", inputs: { isBlocked: ["isBlocked", "isBlocked", booleanAttribute], ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: "<div class=\"eui-block-document__loader\"></div>\n", styles: [".eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0000001a;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.eui-block-document--blocked .eui-block-document__loader:not(:required):after{border-top:var(--eui-s-xs) solid currentcolor;border-right:var(--eui-s-xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-xs);border-left-width:var(--eui-s-xs);border-bottom-color:#0003;border-left-color:#0003;color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;height:120px;width:120px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiBlockDocumentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBlockDocumentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-block-document', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-block-document__loader\"></div>\n", styles: [".eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-base-z-index-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0006;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.eui-block-document--blocked .eui-block-document__loader:not(:required):after{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:10px solid transparent;border-radius:var(--eui-br-max);border-top-color:var(--eui-c-primary);content:\"\";display:block;height:150px;inset:50% 15px 15px 50%;margin:-100px 0 0 -100px;position:relative;width:150px}\n"] }]
+            args: [{ selector: 'eui-block-document', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-block-document__loader\"></div>\n", styles: [".eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0000001a;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.eui-block-document--blocked .eui-block-document__loader:not(:required):after{border-top:var(--eui-s-xs) solid currentcolor;border-right:var(--eui-s-xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-xs);border-left-width:var(--eui-s-xs);border-bottom-color:#0003;border-left-color:#0003;color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;height:120px;width:120px}\n"] }]
         }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/esm2022/eui-block-document/eui-block-document.module.mjs CHANGED Viewed

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { EuiBlockDocumentComponent } from './eui-block-document.component';
 import * as i0 from "@angular/core";
 export class EuiBlockDocumentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiBlockDocumentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiBlockDocumentModule, declarations: [EuiBlockDocumentComponent], imports: [CommonModule], exports: [EuiBlockDocumentComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiBlockDocumentModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBlockDocumentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBlockDocumentModule, declarations: [EuiBlockDocumentComponent], imports: [CommonModule], exports: [EuiBlockDocumentComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBlockDocumentModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiBlockDocumentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBlockDocumentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],