npm - @eui/components - Versions diffs - 18.2.3-snapshot-1732796143806 → 18.2.3-snapshot-1732815231192 - Mend

@eui/components 18.2.3-snapshot-1732796143806 → 18.2.3-snapshot-1732815231192

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 (396) hide show

package/fesm2022/eui-components-eui-paginator.mjs CHANGED Viewed

@@ -181,10 +181,10 @@ class EuiPaginatorComponent {
             this.goToPage(page, options);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiPaginatorComponent, deps: [{ token: i1.EuiAppShellService }, { token: i2.DecimalPipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: EuiPaginatorComponent, selector: "eui-paginator", inputs: { e2eAttr: "e2eAttr", pageSizeOptions: "pageSizeOptions", pageSize: "pageSize", page: "page", length: "length", nbPageNumberNavigation: "nbPageNumberNavigation", isHidden: ["isHidden", "isHidden", booleanAttribute], isBasicMode: ["isBasicMode", "isBasicMode", booleanAttribute], hasPageNumberNavigation: ["hasPageNumberNavigation", "hasPageNumberNavigation", booleanAttribute], hasDynamicLength: ["hasDynamicLength", "hasDynamicLength", booleanAttribute], hasPageSize: ["hasPageSize", "hasPageSize", booleanAttribute] }, outputs: { pageChange: "pageChange" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses" } }, providers: [DecimalPipe], usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-paginator__page\">\n    @if (!isBasicMode || hasPageSize) {\n        <div class=\"eui-paginator__page-selector\">\n            <div>{{ 'eui.euitable.ITEMS-PER-PAGE' | translate }}:</div>\n            <div class=\"eui-u-pl-xs eui-u-pb-2xs\">\n                <select euiSelect class=\"page-size__select\" aria-label=\"Page size selected\" [(ngModel)]=\"pageSize\" (ngModelChange)=\"changePageSize($event)\">\n                    <option *ngFor=\"let pageSizeOption of pageSizeOptions\" value=\"{{ pageSizeOption }}\">{{ pageSizeOption }}</option>\n                </select>\n            </div>\n        </div>\n        @if ((length$ | async) > 0) {\n            <div class=\"eui-paginator__page-range-main\">\n                {{ 'eui.euitable.SHOWING-RANGE' | translate: { range: range } }} {{ 'eui.euitable.RANGE-LABEL' | translate }}\n                {{ rangeLength | number }}\n            </div>\n        }\n    }\n</div>\n\n<div class=\"eui-paginator__page-navigation\">\n\n    @if (isBasicMode) {\n\n        <div class=\"eui-paginator__page-navigation-item\">\n            <button\n                type=\"button\"\n                euiSizeS\n                euiButton\n                euiIconButton\n                euiBasicButton\n                [euiDisabled]=\"page === 0 || length === 0\"\n                (click)=\"goPreviousPage()\">\n                <!-- to be compliant with DS as play-back is not existing in ionicons -->\n                <eui-icon-svg icon=\"play:sharp\" fillColor=\"primary\" transform=\"rotate-180\" aria-label=\"Go to previous page\"></eui-icon-svg>\n            </button>\n        </div>\n        <div class=\"eui-paginator__page-navigation-item\">\n            <button\n                type=\"button\"\n                euiSizeS\n                euiButton\n                euiIconButton\n                euiBasicButton\n                [euiDisabled]=\"page + 1 === nbPage || length === 0\"\n                (click)=\"goNextPage()\">\n                <eui-icon-svg icon=\"play:sharp\" fillColor=\"primary\" aria-label=\"Go to next page\"></eui-icon-svg>\n            </button>\n        </div>\n\n    } @else {\n        <div class=\"eui-paginator__page-navigation-item\">\n            <button\n                type=\"button\"\n                euiSizeS\n                euiButton\n                euiIconButton\n                euiBasicButton\n                [euiDisabled]=\"page === 0 || length === 0\"\n                (click)=\"goFirstPage()\">\n                <eui-icon-svg icon=\"play-skip-back:sharp\" fillColor=\"primary\" aria-label=\"Go to first page\"></eui-icon-svg>\n            </button>\n        </div>\n        <div class=\"eui-paginator__page-navigation-item\">\n            <button\n                type=\"button\"\n                euiSizeS\n                euiButton\n                euiIconButton\n                euiBasicButton\n                [euiDisabled]=\"page === 0 || length === 0\"\n                (click)=\"goPreviousPage()\">\n                <!-- to be compliant with DS as play-back is not existing in ionicons -->\n                <eui-icon-svg icon=\"play:sharp\" fillColor=\"primary\" transform=\"rotate-180\" aria-label=\"Go to previous page\"></eui-icon-svg>\n            </button>\n        </div>\n        <div\n            class=\"eui-paginator__page-navigation-numbers\"\n            *ngIf=\"hasPageNumberNavigation\">\n            <button\n                type=\"button\"\n                euiSizeS\n                *ngFor=\"let pageNumber of pageNumberNavigation\"\n                euiButton\n                euiBasicButton\n                [euiPrimary]=\"pageNumber === page\"\n                [euiOutline]=\"pageNumber === page\"\n                (click)=\"goToPage(pageNumber)\">\n                {{ pageNumber + 1 | number }}\n            </button>\n        </div>\n        <div *ngIf=\"(length$ | async) > 0\" class=\"eui-paginator__page-range\">\n            {{ range }} {{ 'eui.euitable.RANGE-LABEL' | translate }} {{ rangeLength }}\n        </div>\n        <div class=\"eui-paginator__page-navigation-item\">\n            <button\n                type=\"button\"\n                euiSizeS\n                euiButton\n                euiIconButton\n                euiBasicButton\n                [euiDisabled]=\"page + 1 === nbPage || length === 0\"\n                (click)=\"goNextPage()\">\n                <eui-icon-svg icon=\"play:sharp\" fillColor=\"primary\" aria-label=\"Go to next page\"></eui-icon-svg>\n            </button>\n        </div>\n        <div class=\"eui-paginator__page-navigation-item\">\n            <button\n                type=\"button\"\n                euiSizeS\n                euiButton\n                euiIconButton\n                euiBasicButton\n                [euiDisabled]=\"page + 1 === nbPage || length === 0\"\n                (click)=\"goLastPage()\">\n                <eui-icon-svg icon=\"play-skip-forward:sharp\" fillColor=\"primary\" aria-label=\"Go to last page\"></eui-icon-svg>\n            </button>\n        </div>\n    }\n</div>\n\n", styles: [".eui-18 .eui-paginator{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:var(--eui-s-s) 0;position:relative;width:100%}.eui-18 .eui-paginator--hidden{display:none}.eui-18 .eui-paginator__page{display:flex;flex-direction:column;font:var(--eui-f-l)}.eui-18 .eui-paginator__page-selector{align-items:center;display:inline-flex;flex-wrap:wrap;font:var(--eui-f-s)}.eui-18 .eui-paginator__page-selector .page-size__select{font-size:100%;min-height:var(--eui-s-xl);padding-bottom:0;padding-top:0}.eui-18 .eui-paginator__page-range{align-items:center;font:var(--eui-f-s);display:none}.eui-18 .eui-paginator__page-range-main{align-items:center;font:var(--eui-f-s)}.eui-18 .eui-paginator__page-navigation{align-items:center;display:flex}.eui-18 .eui-paginator__page-navigation-item,.eui-18 .eui-paginator__page-navigation-numbers{align-items:center;display:inline-flex}.eui-18 .eui-card.eui-card--no-content-padding .eui-card-content .eui-paginator{padding:var(--eui-s-s)}@media screen and (max-width: 767px){.eui-18 .eui-paginator{align-items:center;display:flex;justify-content:center;margin:var(--eui-s-s) 0;width:100%}.eui-18 .eui-paginator__page{display:none}.eui-18 .eui-paginator__page-range{display:inline-flex;margin:0 var(--eui-s-m)}.eui-18 .eui-paginator__page-navigation-numbers{display:none}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.EuiSelectComponent, selector: "select[euiSelect]", inputs: ["placeholder", "readonly", "isInvalid"] }, { kind: "directive", type: i6.EuiNgSelectOptionDirective, selector: "option:not([eclSelectOption]):not([eclMultiselectOption]), option[euiOption]", inputs: ["selected", "label", "ngValue"] }, { kind: "directive", type: i6.EuiSelectControlValueAccessor, selector: "select:not([multiple])[formControlName][euiSelect],select:not([multiple])[formControl][euiSelect],select:not([multiple])[ngModel][euiSelect]", inputs: ["placeholder"] }, { kind: "directive", type: i6.EuiSelectMultipleOption, selector: "option, option[euiOption]", inputs: ["ngValue", "value"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiPaginatorComponent, deps: [{ token: i1.EuiAppShellService }, { token: i2.DecimalPipe }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuiPaginatorComponent, selector: "eui-paginator", inputs: { e2eAttr: "e2eAttr", pageSizeOptions: "pageSizeOptions", pageSize: "pageSize", page: "page", length: "length", nbPageNumberNavigation: "nbPageNumberNavigation", isHidden: ["isHidden", "isHidden", booleanAttribute], isBasicMode: ["isBasicMode", "isBasicMode", booleanAttribute], hasPageNumberNavigation: ["hasPageNumberNavigation", "hasPageNumberNavigation", booleanAttribute], hasDynamicLength: ["hasDynamicLength", "hasDynamicLength", booleanAttribute], hasPageSize: ["hasPageSize", "hasPageSize", booleanAttribute] }, outputs: { pageChange: "pageChange" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses" } }, providers: [DecimalPipe], usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-paginator__page\">\n    @if (!isBasicMode || hasPageSize) {\n        <div class=\"eui-paginator__page-selector\">\n            <div>{{ 'eui.euitable.ITEMS-PER-PAGE' | translate }}:</div>\n            <div class=\"eui-u-pl-xs eui-u-pb-2xs\">\n                <select euiSelect class=\"page-size__select\" aria-label=\"Page size selected\" [(ngModel)]=\"pageSize\" (ngModelChange)=\"changePageSize($event)\">\n                    <option *ngFor=\"let pageSizeOption of pageSizeOptions\" value=\"{{ pageSizeOption }}\">{{ pageSizeOption }}</option>\n                </select>\n            </div>\n        </div>\n        @if ((length$ | async) > 0) {\n            <div class=\"eui-paginator__page-range-main\">\n                {{ 'eui.euitable.SHOWING-RANGE' | translate: { range: range } }} {{ 'eui.euitable.RANGE-LABEL' | translate }}\n                {{ rangeLength | number }}\n            </div>\n        }\n    }\n</div>\n\n<div class=\"eui-paginator__page-navigation\">\n\n    @if (isBasicMode) {\n\n        <div class=\"eui-paginator__page-navigation-item\">\n            <button\n                type=\"button\"\n                euiSizeS\n                euiButton\n                euiIconButton\n                euiBasicButton\n                [euiDisabled]=\"page === 0 || length === 0\"\n                (click)=\"goPreviousPage()\">\n                <!-- to be compliant with DS as play-back is not existing in ionicons -->\n                <eui-icon-svg icon=\"play:sharp\" fillColor=\"primary\" transform=\"rotate-180\" aria-label=\"Go to previous page\"></eui-icon-svg>\n            </button>\n        </div>\n        <div class=\"eui-paginator__page-navigation-item\">\n            <button\n                type=\"button\"\n                euiSizeS\n                euiButton\n                euiIconButton\n                euiBasicButton\n                [euiDisabled]=\"page + 1 === nbPage || length === 0\"\n                (click)=\"goNextPage()\">\n                <eui-icon-svg icon=\"play:sharp\" fillColor=\"primary\" aria-label=\"Go to next page\"></eui-icon-svg>\n            </button>\n        </div>\n\n    } @else {\n        <div class=\"eui-paginator__page-navigation-item\">\n            <button\n                type=\"button\"\n                euiSizeS\n                euiButton\n                euiIconButton\n                euiBasicButton\n                [euiDisabled]=\"page === 0 || length === 0\"\n                (click)=\"goFirstPage()\">\n                <eui-icon-svg icon=\"play-skip-back:sharp\" fillColor=\"primary\" aria-label=\"Go to first page\"></eui-icon-svg>\n            </button>\n        </div>\n        <div class=\"eui-paginator__page-navigation-item\">\n            <button\n                type=\"button\"\n                euiSizeS\n                euiButton\n                euiIconButton\n                euiBasicButton\n                [euiDisabled]=\"page === 0 || length === 0\"\n                (click)=\"goPreviousPage()\">\n                <!-- to be compliant with DS as play-back is not existing in ionicons -->\n                <eui-icon-svg icon=\"play:sharp\" fillColor=\"primary\" transform=\"rotate-180\" aria-label=\"Go to previous page\"></eui-icon-svg>\n            </button>\n        </div>\n        <div\n            class=\"eui-paginator__page-navigation-numbers\"\n            *ngIf=\"hasPageNumberNavigation\">\n            <button\n                type=\"button\"\n                euiSizeS\n                *ngFor=\"let pageNumber of pageNumberNavigation\"\n                euiButton\n                euiBasicButton\n                [euiPrimary]=\"pageNumber === page\"\n                [euiOutline]=\"pageNumber === page\"\n                (click)=\"goToPage(pageNumber)\">\n                {{ pageNumber + 1 | number }}\n            </button>\n        </div>\n        <div *ngIf=\"(length$ | async) > 0\" class=\"eui-paginator__page-range\">\n            {{ range }} {{ 'eui.euitable.RANGE-LABEL' | translate }} {{ rangeLength }}\n        </div>\n        <div class=\"eui-paginator__page-navigation-item\">\n            <button\n                type=\"button\"\n                euiSizeS\n                euiButton\n                euiIconButton\n                euiBasicButton\n                [euiDisabled]=\"page + 1 === nbPage || length === 0\"\n                (click)=\"goNextPage()\">\n                <eui-icon-svg icon=\"play:sharp\" fillColor=\"primary\" aria-label=\"Go to next page\"></eui-icon-svg>\n            </button>\n        </div>\n        <div class=\"eui-paginator__page-navigation-item\">\n            <button\n                type=\"button\"\n                euiSizeS\n                euiButton\n                euiIconButton\n                euiBasicButton\n                [euiDisabled]=\"page + 1 === nbPage || length === 0\"\n                (click)=\"goLastPage()\">\n                <eui-icon-svg icon=\"play-skip-forward:sharp\" fillColor=\"primary\" aria-label=\"Go to last page\"></eui-icon-svg>\n            </button>\n        </div>\n    }\n</div>\n\n", styles: [".eui-18 .eui-paginator{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:var(--eui-s-s) 0;position:relative;width:100%}.eui-18 .eui-paginator--hidden{display:none}.eui-18 .eui-paginator__page{display:flex;flex-direction:column;font:var(--eui-f-l)}.eui-18 .eui-paginator__page-selector{align-items:center;display:inline-flex;flex-wrap:wrap;font:var(--eui-f-s)}.eui-18 .eui-paginator__page-selector .page-size__select{font-size:100%;min-height:var(--eui-s-xl);padding-bottom:0;padding-top:0}.eui-18 .eui-paginator__page-range{align-items:center;font:var(--eui-f-s);display:none}.eui-18 .eui-paginator__page-range-main{align-items:center;font:var(--eui-f-s)}.eui-18 .eui-paginator__page-navigation{align-items:center;display:flex}.eui-18 .eui-paginator__page-navigation-item,.eui-18 .eui-paginator__page-navigation-numbers{align-items:center;display:inline-flex}.eui-18 .eui-card.eui-card--no-content-padding .eui-card-content .eui-paginator{padding:var(--eui-s-s)}@media screen and (max-width: 767px){.eui-18 .eui-paginator{align-items:center;display:flex;justify-content:center;margin:var(--eui-s-s) 0;width:100%}.eui-18 .eui-paginator__page{display:none}.eui-18 .eui-paginator__page-range{display:inline-flex;margin:0 var(--eui-s-m)}.eui-18 .eui-paginator__page-navigation-numbers{display:none}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.EuiSelectComponent, selector: "select[euiSelect]", inputs: ["placeholder", "readonly", "isInvalid"] }, { kind: "directive", type: i6.EuiNgSelectOptionDirective, selector: "option:not([eclSelectOption]):not([eclMultiselectOption]), option[euiOption]", inputs: ["selected", "label", "ngValue"] }, { kind: "directive", type: i6.EuiSelectControlValueAccessor, selector: "select:not([multiple])[formControlName][euiSelect],select:not([multiple])[formControl][euiSelect],select:not([multiple])[ngModel][euiSelect]", inputs: ["placeholder"] }, { kind: "directive", type: i6.EuiSelectMultipleOption, selector: "option, option[euiOption]", inputs: ["ngValue", "value"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiPaginatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiPaginatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-paginator', encapsulation: ViewEncapsulation.None, providers: [DecimalPipe], template: "<div class=\"eui-paginator__page\">\n    @if (!isBasicMode || hasPageSize) {\n        <div class=\"eui-paginator__page-selector\">\n            <div>{{ 'eui.euitable.ITEMS-PER-PAGE' | translate }}:</div>\n            <div class=\"eui-u-pl-xs eui-u-pb-2xs\">\n                <select euiSelect class=\"page-size__select\" aria-label=\"Page size selected\" [(ngModel)]=\"pageSize\" (ngModelChange)=\"changePageSize($event)\">\n                    <option *ngFor=\"let pageSizeOption of pageSizeOptions\" value=\"{{ pageSizeOption }}\">{{ pageSizeOption }}</option>\n                </select>\n            </div>\n        </div>\n        @if ((length$ | async) > 0) {\n            <div class=\"eui-paginator__page-range-main\">\n                {{ 'eui.euitable.SHOWING-RANGE' | translate: { range: range } }} {{ 'eui.euitable.RANGE-LABEL' | translate }}\n                {{ rangeLength | number }}\n            </div>\n        }\n    }\n</div>\n\n<div class=\"eui-paginator__page-navigation\">\n\n    @if (isBasicMode) {\n\n        <div class=\"eui-paginator__page-navigation-item\">\n            <button\n                type=\"button\"\n                euiSizeS\n                euiButton\n                euiIconButton\n                euiBasicButton\n                [euiDisabled]=\"page === 0 || length === 0\"\n                (click)=\"goPreviousPage()\">\n                <!-- to be compliant with DS as play-back is not existing in ionicons -->\n                <eui-icon-svg icon=\"play:sharp\" fillColor=\"primary\" transform=\"rotate-180\" aria-label=\"Go to previous page\"></eui-icon-svg>\n            </button>\n        </div>\n        <div class=\"eui-paginator__page-navigation-item\">\n            <button\n                type=\"button\"\n                euiSizeS\n                euiButton\n                euiIconButton\n                euiBasicButton\n                [euiDisabled]=\"page + 1 === nbPage || length === 0\"\n                (click)=\"goNextPage()\">\n                <eui-icon-svg icon=\"play:sharp\" fillColor=\"primary\" aria-label=\"Go to next page\"></eui-icon-svg>\n            </button>\n        </div>\n\n    } @else {\n        <div class=\"eui-paginator__page-navigation-item\">\n            <button\n                type=\"button\"\n                euiSizeS\n                euiButton\n                euiIconButton\n                euiBasicButton\n                [euiDisabled]=\"page === 0 || length === 0\"\n                (click)=\"goFirstPage()\">\n                <eui-icon-svg icon=\"play-skip-back:sharp\" fillColor=\"primary\" aria-label=\"Go to first page\"></eui-icon-svg>\n            </button>\n        </div>\n        <div class=\"eui-paginator__page-navigation-item\">\n            <button\n                type=\"button\"\n                euiSizeS\n                euiButton\n                euiIconButton\n                euiBasicButton\n                [euiDisabled]=\"page === 0 || length === 0\"\n                (click)=\"goPreviousPage()\">\n                <!-- to be compliant with DS as play-back is not existing in ionicons -->\n                <eui-icon-svg icon=\"play:sharp\" fillColor=\"primary\" transform=\"rotate-180\" aria-label=\"Go to previous page\"></eui-icon-svg>\n            </button>\n        </div>\n        <div\n            class=\"eui-paginator__page-navigation-numbers\"\n            *ngIf=\"hasPageNumberNavigation\">\n            <button\n                type=\"button\"\n                euiSizeS\n                *ngFor=\"let pageNumber of pageNumberNavigation\"\n                euiButton\n                euiBasicButton\n                [euiPrimary]=\"pageNumber === page\"\n                [euiOutline]=\"pageNumber === page\"\n                (click)=\"goToPage(pageNumber)\">\n                {{ pageNumber + 1 | number }}\n            </button>\n        </div>\n        <div *ngIf=\"(length$ | async) > 0\" class=\"eui-paginator__page-range\">\n            {{ range }} {{ 'eui.euitable.RANGE-LABEL' | translate }} {{ rangeLength }}\n        </div>\n        <div class=\"eui-paginator__page-navigation-item\">\n            <button\n                type=\"button\"\n                euiSizeS\n                euiButton\n                euiIconButton\n                euiBasicButton\n                [euiDisabled]=\"page + 1 === nbPage || length === 0\"\n                (click)=\"goNextPage()\">\n                <eui-icon-svg icon=\"play:sharp\" fillColor=\"primary\" aria-label=\"Go to next page\"></eui-icon-svg>\n            </button>\n        </div>\n        <div class=\"eui-paginator__page-navigation-item\">\n            <button\n                type=\"button\"\n                euiSizeS\n                euiButton\n                euiIconButton\n                euiBasicButton\n                [euiDisabled]=\"page + 1 === nbPage || length === 0\"\n                (click)=\"goLastPage()\">\n                <eui-icon-svg icon=\"play-skip-forward:sharp\" fillColor=\"primary\" aria-label=\"Go to last page\"></eui-icon-svg>\n            </button>\n        </div>\n    }\n</div>\n\n", styles: [".eui-18 .eui-paginator{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:var(--eui-s-s) 0;position:relative;width:100%}.eui-18 .eui-paginator--hidden{display:none}.eui-18 .eui-paginator__page{display:flex;flex-direction:column;font:var(--eui-f-l)}.eui-18 .eui-paginator__page-selector{align-items:center;display:inline-flex;flex-wrap:wrap;font:var(--eui-f-s)}.eui-18 .eui-paginator__page-selector .page-size__select{font-size:100%;min-height:var(--eui-s-xl);padding-bottom:0;padding-top:0}.eui-18 .eui-paginator__page-range{align-items:center;font:var(--eui-f-s);display:none}.eui-18 .eui-paginator__page-range-main{align-items:center;font:var(--eui-f-s)}.eui-18 .eui-paginator__page-navigation{align-items:center;display:flex}.eui-18 .eui-paginator__page-navigation-item,.eui-18 .eui-paginator__page-navigation-numbers{align-items:center;display:inline-flex}.eui-18 .eui-card.eui-card--no-content-padding .eui-card-content .eui-paginator{padding:var(--eui-s-s)}@media screen and (max-width: 767px){.eui-18 .eui-paginator{align-items:center;display:flex;justify-content:center;margin:var(--eui-s-s) 0;width:100%}.eui-18 .eui-paginator__page{display:none}.eui-18 .eui-paginator__page-range{display:inline-flex;margin:0 var(--eui-s-m)}.eui-18 .eui-paginator__page-navigation-numbers{display:none}}\n"] }]
         }], ctorParameters: () => [{ type: i1.EuiAppShellService }, { type: i2.DecimalPipe }], propDecorators: { e2eAttr: [{
@@ -225,21 +225,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImpo
             }] } });
 class EuiPaginatorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuiPaginatorModule, declarations: [EuiPaginatorComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuiPaginatorModule, declarations: [EuiPaginatorComponent], imports: [CommonModule,
             EuiIconModule,
             EuiButtonModule,
             TranslateModule,
             FormsModule,
             EuiSelectModule], exports: [EuiPaginatorComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiPaginatorModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiPaginatorModule, imports: [CommonModule,
             EuiIconModule,
             EuiButtonModule,
             TranslateModule,
             FormsModule,
             EuiSelectModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiPaginatorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiPaginatorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/eui-components-eui-popover.mjs CHANGED Viewed

@@ -74,10 +74,10 @@ class EuiPopoverArrowPositionDirective {
         }
         return '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiPopoverArrowPositionDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuiPopoverArrowPositionDirective, selector: "[euiPopoverArrowPosition]", inputs: { position$: ["euiPopoverArrowPosition", "position$"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiPopoverArrowPositionDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuiPopoverArrowPositionDirective, selector: "[euiPopoverArrowPosition]", inputs: { position$: ["euiPopoverArrowPosition", "position$"] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiPopoverArrowPositionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiPopoverArrowPositionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euiPopoverArrowPosition]',
@@ -248,10 +248,10 @@ class EuiPopoverComponent {
             return [position, rect];
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiPopoverComponent, deps: [{ token: i1.Overlay }, { token: i0.ViewContainerRef }, { token: i1.ScrollDispatcher }, { token: i2.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: EuiPopoverComponent, selector: "eui-popover", inputs: { title: "title", position: "position", size: "size", type: "type", width: "width", hasBackDrop: ["hasBackDrop", "hasBackDrop", booleanAttribute], hasCloseButton: ["hasCloseButton", "hasCloseButton", booleanAttribute], isDismissable: ["isDismissable", "isDismissable", booleanAttribute] }, outputs: { outsideClick: "outsideClick", popoverOpen: "popoverOpen", popoverClose: "popoverClose" }, viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeAuto", "euiSizeAuto", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<ng-template #templatePortalContent>\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n</ng-template>\n\n<ng-template #template>\n    <div class=\"eui-popover__container eui-popover__container--{{ type }} eui-18\" cdkTrapFocus cdkTrapFocusAutoCapture (keydown)=\"onKeyDown($event)\">\n        <div class=\"eui-popover__arrow\" [euiPopoverArrowPosition]=\"position$\">\n            <div class=\"eui-popover__arrow-inner\"></div>\n        </div>\n        @if (title) {\n            <div class=\"eui-popover__header\">\n                <div class=\"eui-popover__header-title\">{{ title }}</div>\n                @if (hasCloseButton) {\n                    <button\n                        class=\"eui-popover__header-close\"\n                        (click)=\"closePopover()\"\n                        euiButton\n                        euiSizeS\n                        euiIconButton\n                        euiRounded\n                        euiBasicButton\n                        aria-label=\"Dialog close icon\">\n                        <eui-icon-svg icon=\"close:outline\"></eui-icon-svg>\n                    </button>\n                }\n            </div>\n        }\n        <div (cdkObserveContent)=\"onContentChange()\" class=\"eui-popover__content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</ng-template>\n", styles: [".eui-18 .eui-popover-position .eui-popover__arrow{border-color:inherit;border-style:solid;border-width:8px;display:none;height:0;position:absolute;width:0}.eui-18 .eui-popover-position .eui-popover__arrow-inner{border-color:var(--eui-c-white);border-style:solid;border-width:7px;content:\" \";display:block;height:0;position:absolute;width:0}.eui-18 .eui-popover-position--top .eui-popover__arrow,.eui-18 .eui-popover-position--bottom .eui-popover__arrow,.eui-18 .eui-popover-position--left .eui-popover__arrow,.eui-18 .eui-popover-position--right .eui-popover__arrow{display:block}.eui-18 .eui-popover-position--top .eui-popover__arrow,.eui-18 .eui-popover-position--bottom .eui-popover__arrow{border-left-color:transparent;border-right-color:transparent;left:50%;transform:translate(-8px)}.eui-18 .eui-popover-position--top .eui-popover__arrow-inner,.eui-18 .eui-popover-position--bottom .eui-popover__arrow-inner{border-left-color:transparent;border-right-color:transparent;margin-left:-7px}.eui-18 .eui-popover-position--top .eui-popover__arrow{border-bottom-width:0;bottom:-7px}.eui-18 .eui-popover-position--top .eui-popover__arrow-inner{border-bottom-width:0;bottom:2px}.eui-18 .eui-popover-position--bottom .eui-popover__arrow{border-top-width:0;top:-7px}.eui-18 .eui-popover-position--bottom .eui-popover__arrow-inner{border-top-width:0;top:1px}.eui-18 .eui-popover-position--left .eui-popover__arrow,.eui-18 .eui-popover-position--right .eui-popover__arrow{border-bottom-color:transparent;border-top-color:transparent;top:50%;transform:translateY(-8px)}.eui-18 .eui-popover-position--left .eui-popover__arrow-inner,.eui-18 .eui-popover-position--right .eui-popover__arrow-inner{border-bottom-color:transparent;border-top-color:transparent;top:-7px}.eui-18 .eui-popover-position--left .eui-popover__arrow{border-right-width:0;right:-7px}.eui-18 .eui-popover-position--left .eui-popover__arrow-inner{border-right-width:0;right:2px}.eui-18 .eui-popover-position--right .eui-popover__arrow{border-left-width:0;left:-7px}.eui-18 .eui-popover-position--right .eui-popover__arrow-inner{border-left-width:0;border-right-color:var(--eui-c-white);left:2px}.eui-18 .eui-popover{background-color:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-2);width:25rem}.eui-18 .eui-popover__container{width:100%}.eui-18 .eui-popover__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;justify-content:space-between;padding:var(--eui-s-xs)}.eui-18 .eui-popover__header-title{font:var(--eui-f-m-bold)}.eui-18 .eui-popover__content{padding:var(--eui-s-xs)}.eui-18 .eui-popover--has-custom-width{width:100%!important}.eui-18 .eui-popover--size-s{max-width:12rem;width:12rem}.eui-18 .eui-popover--size-m{max-width:25rem;width:25rem}.eui-18 .eui-popover--size-l{max-width:35rem;width:35rem}.eui-18 .eui-popover--size-xl{max-width:50rem;width:50rem}.eui-18 .eui-popover--size-2xl{max-width:75rem;width:75rem}.eui-18 .eui-popover--size-auto{max-width:none;width:auto}.eui-18 .eui-popover__container--flat .eui-popover__header{border-bottom:none;padding-bottom:0}.eui-18 .eui-popover__container--colored-header{background:none;border:var(--eui-bw-none);border-color:var(--eui-c-neutral)}.eui-18 .eui-popover__container--colored-header .eui-popover__header{background-color:var(--eui-c-neutral);border:var(--eui-bw-none);color:var(--eui-c-white);border-top-left-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m)}.eui-18 .eui-popover__container--colored-header .eui-popover__header+.eui-popover__content{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.eui-18 .eui-popover__container--colored-header .eui-popover__header-title{color:var(--eui-c-white)}.eui-18 .eui-popover__container--colored-header .eui-popover__header-close .eui-icon-svg>svg{color:var(--eui-c-white)}.eui-18 .eui-popover__container--colored-header .eui-popover__header-close:hover .eui-icon-svg>svg,.eui-18 .eui-popover__container--colored-header .eui-popover__header-close:active .eui-icon-svg>svg{color:var(--eui-c-neutral)}.eui-18 .eui-popover__container--colored-header .eui-popover__content{background-color:var(--eui-c-white);border-color:inherit;border-radius:var(--eui-br-m);border-style:solid;border-width:2px}.eui-18 .eui-popover__container--colored-header.eui-popover--left .eui-popover__arrow-inner{right:3px}.eui-18 .eui-popover__container--colored-header.eui-popover--right .eui-popover__arrow-inner{left:3px}.eui-18 .eui-popover__container--colored-header.eui-popover--top .eui-popover__arrow-inner{bottom:3px}.eui-18 .eui-popover__container--colored-header.eui-popover--bottom .eui-popover__arrow-inner,.eui-18 .eui-popover__container--colored-header .eui-popover__arrow-inner{border:var(--eui-bw-none)}.eui-18 .eui-popover__container--colored-solid{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);border-style:none}.eui-18 .eui-popover__container--colored-solid .eui-popover__header{border-bottom-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-popover__container--colored-solid .eui-popover__header-title,.eui-18 .eui-popover__container--colored-solid .eui-popover__content{color:var(--eui-c-white)}.eui-18 .eui-popover__container--colored-solid .eui-popover__header-close .eui-icon-svg>svg{color:var(--eui-c-white)}.eui-18 .eui-popover__container--colored-solid .eui-popover__header-close:hover .eui-icon-svg>svg,.eui-18 .eui-popover__container--colored-solid .eui-popover__header-close:active .eui-icon-svg>svg{color:var(--eui-c-neutral)}.eui-18 .eui-popover__container--colored-solid .eui-popover__arrow-inner{border:var(--eui-bw-none)}\n"], dependencies: [{ kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "directive", type: i6.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i7.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { kind: "directive", type: EuiPopoverArrowPositionDirective, selector: "[euiPopoverArrowPosition]", inputs: ["euiPopoverArrowPosition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiPopoverComponent, deps: [{ token: i1.Overlay }, { token: i0.ViewContainerRef }, { token: i1.ScrollDispatcher }, { token: i2.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuiPopoverComponent, selector: "eui-popover", inputs: { title: "title", position: "position", size: "size", type: "type", width: "width", hasBackDrop: ["hasBackDrop", "hasBackDrop", booleanAttribute], hasCloseButton: ["hasCloseButton", "hasCloseButton", booleanAttribute], isDismissable: ["isDismissable", "isDismissable", booleanAttribute] }, outputs: { outsideClick: "outsideClick", popoverOpen: "popoverOpen", popoverClose: "popoverClose" }, viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeAuto", "euiSizeAuto", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<ng-template #templatePortalContent>\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n</ng-template>\n\n<ng-template #template>\n    <div class=\"eui-popover__container eui-popover__container--{{ type }} eui-18\" cdkTrapFocus cdkTrapFocusAutoCapture (keydown)=\"onKeyDown($event)\">\n        <div class=\"eui-popover__arrow\" [euiPopoverArrowPosition]=\"position$\">\n            <div class=\"eui-popover__arrow-inner\"></div>\n        </div>\n        @if (title) {\n            <div class=\"eui-popover__header\">\n                <div class=\"eui-popover__header-title\">{{ title }}</div>\n                @if (hasCloseButton) {\n                    <button\n                        class=\"eui-popover__header-close\"\n                        (click)=\"closePopover()\"\n                        euiButton\n                        euiSizeS\n                        euiIconButton\n                        euiRounded\n                        euiBasicButton\n                        aria-label=\"Dialog close icon\">\n                        <eui-icon-svg icon=\"close:outline\"></eui-icon-svg>\n                    </button>\n                }\n            </div>\n        }\n        <div (cdkObserveContent)=\"onContentChange()\" class=\"eui-popover__content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</ng-template>\n", styles: [".eui-18 .eui-popover-position .eui-popover__arrow{border-color:inherit;border-style:solid;border-width:8px;display:none;height:0;position:absolute;width:0}.eui-18 .eui-popover-position .eui-popover__arrow-inner{border-color:var(--eui-c-white);border-style:solid;border-width:7px;content:\" \";display:block;height:0;position:absolute;width:0}.eui-18 .eui-popover-position--top .eui-popover__arrow,.eui-18 .eui-popover-position--bottom .eui-popover__arrow,.eui-18 .eui-popover-position--left .eui-popover__arrow,.eui-18 .eui-popover-position--right .eui-popover__arrow{display:block}.eui-18 .eui-popover-position--top .eui-popover__arrow,.eui-18 .eui-popover-position--bottom .eui-popover__arrow{border-left-color:transparent;border-right-color:transparent;left:50%;transform:translate(-8px)}.eui-18 .eui-popover-position--top .eui-popover__arrow-inner,.eui-18 .eui-popover-position--bottom .eui-popover__arrow-inner{border-left-color:transparent;border-right-color:transparent;margin-left:-7px}.eui-18 .eui-popover-position--top .eui-popover__arrow{border-bottom-width:0;bottom:-7px}.eui-18 .eui-popover-position--top .eui-popover__arrow-inner{border-bottom-width:0;bottom:2px}.eui-18 .eui-popover-position--bottom .eui-popover__arrow{border-top-width:0;top:-7px}.eui-18 .eui-popover-position--bottom .eui-popover__arrow-inner{border-top-width:0;top:1px}.eui-18 .eui-popover-position--left .eui-popover__arrow,.eui-18 .eui-popover-position--right .eui-popover__arrow{border-bottom-color:transparent;border-top-color:transparent;top:50%;transform:translateY(-8px)}.eui-18 .eui-popover-position--left .eui-popover__arrow-inner,.eui-18 .eui-popover-position--right .eui-popover__arrow-inner{border-bottom-color:transparent;border-top-color:transparent;top:-7px}.eui-18 .eui-popover-position--left .eui-popover__arrow{border-right-width:0;right:-7px}.eui-18 .eui-popover-position--left .eui-popover__arrow-inner{border-right-width:0;right:2px}.eui-18 .eui-popover-position--right .eui-popover__arrow{border-left-width:0;left:-7px}.eui-18 .eui-popover-position--right .eui-popover__arrow-inner{border-left-width:0;border-right-color:var(--eui-c-white);left:2px}.eui-18 .eui-popover{background-color:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-2);width:25rem}.eui-18 .eui-popover__container{width:100%}.eui-18 .eui-popover__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;justify-content:space-between;padding:var(--eui-s-xs)}.eui-18 .eui-popover__header-title{font:var(--eui-f-m-bold)}.eui-18 .eui-popover__content{padding:var(--eui-s-xs)}.eui-18 .eui-popover--has-custom-width{width:100%!important}.eui-18 .eui-popover--size-s{max-width:12rem;width:12rem}.eui-18 .eui-popover--size-m{max-width:25rem;width:25rem}.eui-18 .eui-popover--size-l{max-width:35rem;width:35rem}.eui-18 .eui-popover--size-xl{max-width:50rem;width:50rem}.eui-18 .eui-popover--size-2xl{max-width:75rem;width:75rem}.eui-18 .eui-popover--size-auto{max-width:none;width:auto}.eui-18 .eui-popover__container--flat .eui-popover__header{border-bottom:none;padding-bottom:0}.eui-18 .eui-popover__container--colored-header{background:none;border:var(--eui-bw-none);border-color:var(--eui-c-neutral)}.eui-18 .eui-popover__container--colored-header .eui-popover__header{background-color:var(--eui-c-neutral);border:var(--eui-bw-none);color:var(--eui-c-white);border-top-left-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m)}.eui-18 .eui-popover__container--colored-header .eui-popover__header+.eui-popover__content{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.eui-18 .eui-popover__container--colored-header .eui-popover__header-title{color:var(--eui-c-white)}.eui-18 .eui-popover__container--colored-header .eui-popover__header-close .eui-icon-svg>svg{color:var(--eui-c-white)}.eui-18 .eui-popover__container--colored-header .eui-popover__header-close:hover .eui-icon-svg>svg,.eui-18 .eui-popover__container--colored-header .eui-popover__header-close:active .eui-icon-svg>svg{color:var(--eui-c-neutral)}.eui-18 .eui-popover__container--colored-header .eui-popover__content{background-color:var(--eui-c-white);border-color:inherit;border-radius:var(--eui-br-m);border-style:solid;border-width:2px}.eui-18 .eui-popover__container--colored-header.eui-popover--left .eui-popover__arrow-inner{right:3px}.eui-18 .eui-popover__container--colored-header.eui-popover--right .eui-popover__arrow-inner{left:3px}.eui-18 .eui-popover__container--colored-header.eui-popover--top .eui-popover__arrow-inner{bottom:3px}.eui-18 .eui-popover__container--colored-header.eui-popover--bottom .eui-popover__arrow-inner,.eui-18 .eui-popover__container--colored-header .eui-popover__arrow-inner{border:var(--eui-bw-none)}.eui-18 .eui-popover__container--colored-solid{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);border-style:none}.eui-18 .eui-popover__container--colored-solid .eui-popover__header{border-bottom-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-popover__container--colored-solid .eui-popover__header-title,.eui-18 .eui-popover__container--colored-solid .eui-popover__content{color:var(--eui-c-white)}.eui-18 .eui-popover__container--colored-solid .eui-popover__header-close .eui-icon-svg>svg{color:var(--eui-c-white)}.eui-18 .eui-popover__container--colored-solid .eui-popover__header-close:hover .eui-icon-svg>svg,.eui-18 .eui-popover__container--colored-solid .eui-popover__header-close:active .eui-icon-svg>svg{color:var(--eui-c-neutral)}.eui-18 .eui-popover__container--colored-solid .eui-popover__arrow-inner{border:var(--eui-bw-none)}\n"], dependencies: [{ kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "directive", type: i6.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i7.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { kind: "directive", type: EuiPopoverArrowPositionDirective, selector: "[euiPopoverArrowPosition]", inputs: ["euiPopoverArrowPosition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiPopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiPopoverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-popover', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {
@@ -298,11 +298,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImpo
             }] } });
 class EuiPopoverModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuiPopoverModule, declarations: [EuiPopoverComponent, EuiPopoverArrowPositionDirective], imports: [CommonModule, OverlayModule, EuiButtonModule, EuiIconModule, EuiIconButtonModule, A11yModule, ObserversModule], exports: [EuiPopoverComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiPopoverModule, imports: [CommonModule, OverlayModule, EuiButtonModule, EuiIconModule, EuiIconButtonModule, A11yModule, ObserversModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuiPopoverModule, declarations: [EuiPopoverComponent, EuiPopoverArrowPositionDirective], imports: [CommonModule, OverlayModule, EuiButtonModule, EuiIconModule, EuiIconButtonModule, A11yModule, ObserversModule], exports: [EuiPopoverComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiPopoverModule, imports: [CommonModule, OverlayModule, EuiButtonModule, EuiIconModule, EuiIconButtonModule, A11yModule, ObserversModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiPopoverModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiPopoverModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, OverlayModule, EuiButtonModule, EuiIconModule, EuiIconButtonModule, A11yModule, ObserversModule],

package/fesm2022/eui-components-eui-progress-bar.mjs CHANGED Viewed

@@ -35,10 +35,10 @@ class EuiProgressBarComponent {
             .join(' ')
             .trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiProgressBarComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.10", type: EuiProgressBarComponent, selector: "eui-progress-bar", inputs: { e2eAttr: "e2eAttr", label: "label", progress: ["progress", "progress", numberAttribute], isIndeterminate: ["isIndeterminate", "isIndeterminate", booleanAttribute], hasStatusIcon: ["hasStatusIcon", "hasStatusIcon", booleanAttribute] }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses" } }, usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiSize2XS", "euiSize2XS", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiVariant", "euiVariant", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<div *ngIf=\"label || hasStatusIcon\" class=\"eui-progress-bar__header\">\n    <div *ngIf=\"label\" class=\"eui-progress-bar__header-label\">{{ label }}</div>\n    <div *ngIf=\"hasStatusIcon\" class=\"eui-progress-bar__header-status\">\n        <eui-icon-svg *ngIf=\"baseStatesDirective?.euiSuccess\" icon=\"eui-ecl-success\" fillColor=\"success\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"baseStatesDirective?.euiWarning\" icon=\"eui-ecl-warning\" fillColor=\"warning\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"baseStatesDirective?.euiDanger\" icon=\"eui-ecl-error\" fillColor=\"danger\"></eui-icon-svg>\n    </div>\n</div>\n<div class=\"eui-progress-bar__indicator-container\">\n    <div class=\"eui-progress-bar__indicator\" [style.width]=\"!isIndeterminate ? progress + '%' : null\"></div>\n</div>\n", styles: [".eui-18 :host.eui-progress-bar{align-items:center;display:flex;flex-direction:column;position:relative}.eui-18 .eui-progress-bar__header{align-items:center;display:flex;justify-content:space-between;height:var(--eui-s-l);margin-bottom:var(--eui-s-s);width:100%}.eui-18 .eui-progress-bar__header-label{display:flex;justify-content:flex-start;font:var(--eui-f-m-bold)}.eui-18 .eui-progress-bar__header-status{display:flex;justify-content:flex-end}.eui-18 .eui-progress-bar__indicator-container{margin-bottom:var(--eui-s-2xs);background-color:var(--eui-c-neutral-lightest);height:var(--eui-s-2xs);position:relative;width:100%}.eui-18 .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-primary);height:100%;transition:width .25s ease}.eui-18 .eui-progress-bar--size-2xs .eui-progress-bar__indicator-container{height:var(--eui-s-2xs)}.eui-18 .eui-progress-bar--size-xs .eui-progress-bar__indicator-container{height:var(--eui-s-xs)}.eui-18 .eui-progress-bar--size-s .eui-progress-bar__indicator-container{height:var(--eui-s-s)}.eui-18 .eui-progress-bar--size-m .eui-progress-bar__indicator-container{height:var(--eui-s-m)}.eui-18 .eui-progress-bar--size-l .eui-progress-bar__indicator-container{height:var(--eui-s-l)}.eui-18 .eui-progress-bar--size-xl .eui-progress-bar__indicator-container{height:var(--eui-s-xl)}@media screen and (max-width: 767px){.eui-18 :host.eui-progress-bar--size-2xs .eui-progress-bar__indicator-container{height:var(--eui-s-xs)}}.eui-18 .eui-progress-bar--secondary .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-neutral-light)}.eui-18 .eui-progress-bar--success .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-success-dark)}.eui-18 .eui-progress-bar--info .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-info)}.eui-18 .eui-progress-bar--warning .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-warning)}.eui-18 .eui-progress-bar--danger .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-danger-dark)}.eui-18 .eui-progress-bar--accent .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-accent)}.eui-18 .eui-progress-bar--indeterminate .eui-progress-bar__indicator-container .eui-progress-bar__indicator{animation:progress-linear-indeterminate 2s infinite linear;background-color:var(--eui-c-neutral-lightest);background-size:200% 100%;background-image:linear-gradient(to right,transparent 50%,var(--eui-c-primary) 50%,var(--eui-c-primary) 60%,transparent 60%,transparent 71.5%,var(--eui-c-primary) 71.5%,var(--eui-c-primary) 84%,transparent 84%);transition:all .2s}@keyframes progress-linear-indeterminate{0%{background-size:200% 100%;background-position:left -31.25% top 0%}50%{background-size:800% 100%;background-position:left -49% top 0%}to{background-size:400% 100%;background-position:left -102% top 0%}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiProgressBarComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuiProgressBarComponent, selector: "eui-progress-bar", inputs: { e2eAttr: "e2eAttr", label: "label", progress: ["progress", "progress", numberAttribute], isIndeterminate: ["isIndeterminate", "isIndeterminate", booleanAttribute], hasStatusIcon: ["hasStatusIcon", "hasStatusIcon", booleanAttribute] }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses" } }, usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiSize2XS", "euiSize2XS", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiVariant", "euiVariant", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<div *ngIf=\"label || hasStatusIcon\" class=\"eui-progress-bar__header\">\n    <div *ngIf=\"label\" class=\"eui-progress-bar__header-label\">{{ label }}</div>\n    <div *ngIf=\"hasStatusIcon\" class=\"eui-progress-bar__header-status\">\n        <eui-icon-svg *ngIf=\"baseStatesDirective?.euiSuccess\" icon=\"eui-ecl-success\" fillColor=\"success\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"baseStatesDirective?.euiWarning\" icon=\"eui-ecl-warning\" fillColor=\"warning\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"baseStatesDirective?.euiDanger\" icon=\"eui-ecl-error\" fillColor=\"danger\"></eui-icon-svg>\n    </div>\n</div>\n<div class=\"eui-progress-bar__indicator-container\">\n    <div class=\"eui-progress-bar__indicator\" [style.width]=\"!isIndeterminate ? progress + '%' : null\"></div>\n</div>\n", styles: [".eui-18 :host.eui-progress-bar{align-items:center;display:flex;flex-direction:column;position:relative}.eui-18 .eui-progress-bar__header{align-items:center;display:flex;justify-content:space-between;height:var(--eui-s-l);margin-bottom:var(--eui-s-s);width:100%}.eui-18 .eui-progress-bar__header-label{display:flex;justify-content:flex-start;font:var(--eui-f-m-bold)}.eui-18 .eui-progress-bar__header-status{display:flex;justify-content:flex-end}.eui-18 .eui-progress-bar__indicator-container{margin-bottom:var(--eui-s-2xs);background-color:var(--eui-c-neutral-lightest);height:var(--eui-s-2xs);position:relative;width:100%}.eui-18 .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-primary);height:100%;transition:width .25s ease}.eui-18 .eui-progress-bar--size-2xs .eui-progress-bar__indicator-container{height:var(--eui-s-2xs)}.eui-18 .eui-progress-bar--size-xs .eui-progress-bar__indicator-container{height:var(--eui-s-xs)}.eui-18 .eui-progress-bar--size-s .eui-progress-bar__indicator-container{height:var(--eui-s-s)}.eui-18 .eui-progress-bar--size-m .eui-progress-bar__indicator-container{height:var(--eui-s-m)}.eui-18 .eui-progress-bar--size-l .eui-progress-bar__indicator-container{height:var(--eui-s-l)}.eui-18 .eui-progress-bar--size-xl .eui-progress-bar__indicator-container{height:var(--eui-s-xl)}@media screen and (max-width: 767px){.eui-18 :host.eui-progress-bar--size-2xs .eui-progress-bar__indicator-container{height:var(--eui-s-xs)}}.eui-18 .eui-progress-bar--secondary .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-neutral-light)}.eui-18 .eui-progress-bar--success .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-success-dark)}.eui-18 .eui-progress-bar--info .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-info)}.eui-18 .eui-progress-bar--warning .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-warning)}.eui-18 .eui-progress-bar--danger .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-danger-dark)}.eui-18 .eui-progress-bar--accent .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-accent)}.eui-18 .eui-progress-bar--indeterminate .eui-progress-bar__indicator-container .eui-progress-bar__indicator{animation:progress-linear-indeterminate 2s infinite linear;background-color:var(--eui-c-neutral-lightest);background-size:200% 100%;background-image:linear-gradient(to right,transparent 50%,var(--eui-c-primary) 50%,var(--eui-c-primary) 60%,transparent 60%,transparent 71.5%,var(--eui-c-primary) 71.5%,var(--eui-c-primary) 84%,transparent 84%);transition:all .2s}@keyframes progress-linear-indeterminate{0%{background-size:200% 100%;background-position:left -31.25% top 0%}50%{background-size:800% 100%;background-position:left -49% top 0%}to{background-size:400% 100%;background-position:left -102% top 0%}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiProgressBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {
@@ -83,11 +83,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImpo
             }] } });
 class EuiProgressBarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuiProgressBarModule, declarations: [EuiProgressBarComponent], imports: [CommonModule, EuiIconModule], exports: [EuiProgressBarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiProgressBarModule, imports: [CommonModule, EuiIconModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuiProgressBarModule, declarations: [EuiProgressBarComponent], imports: [CommonModule, EuiIconModule], exports: [EuiProgressBarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiProgressBarModule, imports: [CommonModule, EuiIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiProgressBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiProgressBarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EuiIconModule],

package/fesm2022/eui-components-eui-progress-circle.mjs CHANGED Viewed

@@ -90,10 +90,10 @@ class EuiProgressCircleComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiProgressCircleComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.10", type: EuiProgressCircleComponent, selector: "eui-progress-circle", inputs: { ariaLabel: "ariaLabel", isDefaultColorSteps: ["isDefaultColorSteps", "isDefaultColorSteps", booleanAttribute], hasBottomLabel: ["hasBottomLabel", "hasBottomLabel", booleanAttribute], value: "value", emptyLabel: "emptyLabel", valueLabel: "valueLabel", colorSteps: "colorSteps", colorType: "colorType", iconLabelClass: "iconLabelClass", iconLabelStyleClass: "iconLabelStyleClass", tabindex: "tabindex" }, host: { properties: { "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, viewQueries: [{ propertyName: "labelValueEl", first: true, predicate: ["labelValueEl"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<div\n    class=\"eui-progress-circle-content p{{ roundedValue }} {{ stateColorNumberClass }}\"\n    [class.eui-progress-circle-content--over50]=\"roundedValue > 50\">\n    <span class=\"eui-progress-circle-content__label\" *ngIf=\"!isLongLabel && !hasBottomLabel\">\n        <span #labelValueEl>{{ labelValue }}</span>\n    </span>\n    <div class=\"eui-progress-circle-content__left-half-clipper\">\n        <div class=\"eui-progress-circle-content__first50-bar\"></div>\n        <div class=\"eui-progress-circle-content__value-bar\"></div>\n    </div>\n</div>\n<div class=\"eui-progress-circle-content__bottom-label\" *ngIf=\"isLongLabel || hasBottomLabel\">\n    <span class=\"label\">{{ labelValue }}</span>\n</div>\n<div class=\"eui-progress-circle-content__icon-label\" *ngIf=\"iconLabelClass\">\n    <span class=\"{{ iconLabelClass }} {{ iconLabelStyleClass }}\"></span>\n</div>\n", styles: [".eui-18 .eui-progress-circle{position:relative}.eui-18 .eui-progress-circle-content{background-color:#f2e9e1;border-radius:var(--eui-br-max);box-shadow:var(--eui-sh-1);height:6rem;line-height:6rem;margin:var(--eui-s-m);padding:0;position:relative;width:6rem}.eui-18 .eui-progress-circle-content:after{background-color:var(--eui-c-white);border:var(--eui-bw-none);border-radius:var(--eui-br-max);content:\" \";display:block;height:4.5rem;left:.75rem;position:absolute;text-align:center;top:.75rem;width:4.5rem}.eui-18 .eui-progress-circle-content__label{display:block;font-size:1.3333333333rem;line-height:6rem;position:absolute;text-align:center;white-space:nowrap;width:6rem;z-index:2}.eui-18 .eui-progress-circle-content__label-block{text-align:center}.eui-18 .eui-progress-circle-content__label-block--large{padding-top:var(--eui-s-m)}.eui-18 .eui-progress-circle-content__left-half-clipper{border-radius:var(--eui-br-max);clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-18 .eui-progress-circle-content__value-bar{border:.7894736842rem solid var(--eui-c-primary);border-radius:var(--eui-br-max);box-sizing:border-box;clip:rect(0,3rem,6rem,0);height:6rem;position:absolute;width:6rem}.eui-18 .eui-progress-circle-content--over50 .eui-18 .eui-progress-circle-content__left-half-clipper{clip:rect(auto,auto,auto,auto)}.eui-18 .eui-progress-circle-content--over50 .eui-18 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info);border-radius:var(--eui-br-max);clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-18 .eui-progress-circle-content:not(.eui-18 .eui-progress-circle-content--over50) .eui-18 .eui-progress-circle-content__first50-bar{display:none}.eui-18 .eui-progress-circle-content--info .eui-progress-circle-content__value-bar{border-color:var(--eui-c-info)}.eui-18 .eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-c-success-dark)}.eui-18 .eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-c-warning)}.eui-18 .eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-c-danger-dark)}.eui-18 .eui-progress-circle-content.p0 .eui-progress-circle-content__value-bar{display:none}.eui-18 .eui-progress-circle-content.p1 .eui-progress-circle-content__value-bar{transform:rotate(3.6deg)}.eui-18 .eui-progress-circle-content.p2 .eui-progress-circle-content__value-bar{transform:rotate(7.2deg)}.eui-18 .eui-progress-circle-content.p3 .eui-progress-circle-content__value-bar{transform:rotate(10.8deg)}.eui-18 .eui-progress-circle-content.p4 .eui-progress-circle-content__value-bar{transform:rotate(14.4deg)}.eui-18 .eui-progress-circle-content.p5 .eui-progress-circle-content__value-bar{transform:rotate(18deg)}.eui-18 .eui-progress-circle-content.p6 .eui-progress-circle-content__value-bar{transform:rotate(21.6deg)}.eui-18 .eui-progress-circle-content.p7 .eui-progress-circle-content__value-bar{transform:rotate(25.2deg)}.eui-18 .eui-progress-circle-content.p8 .eui-progress-circle-content__value-bar{transform:rotate(28.8deg)}.eui-18 .eui-progress-circle-content.p9 .eui-progress-circle-content__value-bar{transform:rotate(32.4deg)}.eui-18 .eui-progress-circle-content.p10 .eui-progress-circle-content__value-bar{transform:rotate(36deg)}.eui-18 .eui-progress-circle-content.p11 .eui-progress-circle-content__value-bar{transform:rotate(39.6deg)}.eui-18 .eui-progress-circle-content.p12 .eui-progress-circle-content__value-bar{transform:rotate(43.2deg)}.eui-18 .eui-progress-circle-content.p13 .eui-progress-circle-content__value-bar{transform:rotate(46.8deg)}.eui-18 .eui-progress-circle-content.p14 .eui-progress-circle-content__value-bar{transform:rotate(50.4deg)}.eui-18 .eui-progress-circle-content.p15 .eui-progress-circle-content__value-bar{transform:rotate(54deg)}.eui-18 .eui-progress-circle-content.p16 .eui-progress-circle-content__value-bar{transform:rotate(57.6deg)}.eui-18 .eui-progress-circle-content.p17 .eui-progress-circle-content__value-bar{transform:rotate(61.2deg)}.eui-18 .eui-progress-circle-content.p18 .eui-progress-circle-content__value-bar{transform:rotate(64.8deg)}.eui-18 .eui-progress-circle-content.p19 .eui-progress-circle-content__value-bar{transform:rotate(68.4deg)}.eui-18 .eui-progress-circle-content.p20 .eui-progress-circle-content__value-bar{transform:rotate(72deg)}.eui-18 .eui-progress-circle-content.p21 .eui-progress-circle-content__value-bar{transform:rotate(75.6deg)}.eui-18 .eui-progress-circle-content.p22 .eui-progress-circle-content__value-bar{transform:rotate(79.2deg)}.eui-18 .eui-progress-circle-content.p23 .eui-progress-circle-content__value-bar{transform:rotate(82.8deg)}.eui-18 .eui-progress-circle-content.p24 .eui-progress-circle-content__value-bar{transform:rotate(86.4deg)}.eui-18 .eui-progress-circle-content.p25 .eui-progress-circle-content__value-bar{transform:rotate(90deg)}.eui-18 .eui-progress-circle-content.p26 .eui-progress-circle-content__value-bar{transform:rotate(93.6deg)}.eui-18 .eui-progress-circle-content.p27 .eui-progress-circle-content__value-bar{transform:rotate(97.2deg)}.eui-18 .eui-progress-circle-content.p28 .eui-progress-circle-content__value-bar{transform:rotate(100.8deg)}.eui-18 .eui-progress-circle-content.p29 .eui-progress-circle-content__value-bar{transform:rotate(104.4deg)}.eui-18 .eui-progress-circle-content.p30 .eui-progress-circle-content__value-bar{transform:rotate(108deg)}.eui-18 .eui-progress-circle-content.p31 .eui-progress-circle-content__value-bar{transform:rotate(111.6deg)}.eui-18 .eui-progress-circle-content.p32 .eui-progress-circle-content__value-bar{transform:rotate(115.2deg)}.eui-18 .eui-progress-circle-content.p33 .eui-progress-circle-content__value-bar{transform:rotate(118.8deg)}.eui-18 .eui-progress-circle-content.p34 .eui-progress-circle-content__value-bar{transform:rotate(122.4deg)}.eui-18 .eui-progress-circle-content.p35 .eui-progress-circle-content__value-bar{transform:rotate(126deg)}.eui-18 .eui-progress-circle-content.p36 .eui-progress-circle-content__value-bar{transform:rotate(129.6deg)}.eui-18 .eui-progress-circle-content.p37 .eui-progress-circle-content__value-bar{transform:rotate(133.2deg)}.eui-18 .eui-progress-circle-content.p38 .eui-progress-circle-content__value-bar{transform:rotate(136.8deg)}.eui-18 .eui-progress-circle-content.p39 .eui-progress-circle-content__value-bar{transform:rotate(140.4deg)}.eui-18 .eui-progress-circle-content.p40 .eui-progress-circle-content__value-bar{transform:rotate(144deg)}.eui-18 .eui-progress-circle-content.p41 .eui-progress-circle-content__value-bar{transform:rotate(147.6deg)}.eui-18 .eui-progress-circle-content.p42 .eui-progress-circle-content__value-bar{transform:rotate(151.2deg)}.eui-18 .eui-progress-circle-content.p43 .eui-progress-circle-content__value-bar{transform:rotate(154.8deg)}.eui-18 .eui-progress-circle-content.p44 .eui-progress-circle-content__value-bar{transform:rotate(158.4deg)}.eui-18 .eui-progress-circle-content.p45 .eui-progress-circle-content__value-bar{transform:rotate(162deg)}.eui-18 .eui-progress-circle-content.p46 .eui-progress-circle-content__value-bar{transform:rotate(165.6deg)}.eui-18 .eui-progress-circle-content.p47 .eui-progress-circle-content__value-bar{transform:rotate(169.2deg)}.eui-18 .eui-progress-circle-content.p48 .eui-progress-circle-content__value-bar{transform:rotate(172.8deg)}.eui-18 .eui-progress-circle-content.p49 .eui-progress-circle-content__value-bar{transform:rotate(176.4deg)}.eui-18 .eui-progress-circle-content.p50 .eui-progress-circle-content__value-bar{transform:rotate(180deg)}.eui-18 .eui-progress-circle-content.p51 .eui-progress-circle-content__value-bar{transform:rotate(183.6deg)}.eui-18 .eui-progress-circle-content.p52 .eui-progress-circle-content__value-bar{transform:rotate(187.2deg)}.eui-18 .eui-progress-circle-content.p53 .eui-progress-circle-content__value-bar{transform:rotate(190.8deg)}.eui-18 .eui-progress-circle-content.p54 .eui-progress-circle-content__value-bar{transform:rotate(194.4deg)}.eui-18 .eui-progress-circle-content.p55 .eui-progress-circle-content__value-bar{transform:rotate(198deg)}.eui-18 .eui-progress-circle-content.p56 .eui-progress-circle-content__value-bar{transform:rotate(201.6deg)}.eui-18 .eui-progress-circle-content.p57 .eui-progress-circle-content__value-bar{transform:rotate(205.2deg)}.eui-18 .eui-progress-circle-content.p58 .eui-progress-circle-content__value-bar{transform:rotate(208.8deg)}.eui-18 .eui-progress-circle-content.p59 .eui-progress-circle-content__value-bar{transform:rotate(212.4deg)}.eui-18 .eui-progress-circle-content.p60 .eui-progress-circle-content__value-bar{transform:rotate(216deg)}.eui-18 .eui-progress-circle-content.p61 .eui-progress-circle-content__value-bar{transform:rotate(219.6deg)}.eui-18 .eui-progress-circle-content.p62 .eui-progress-circle-content__value-bar{transform:rotate(223.2deg)}.eui-18 .eui-progress-circle-content.p63 .eui-progress-circle-content__value-bar{transform:rotate(226.8deg)}.eui-18 .eui-progress-circle-content.p64 .eui-progress-circle-content__value-bar{transform:rotate(230.4deg)}.eui-18 .eui-progress-circle-content.p65 .eui-progress-circle-content__value-bar{transform:rotate(234deg)}.eui-18 .eui-progress-circle-content.p66 .eui-progress-circle-content__value-bar{transform:rotate(237.6deg)}.eui-18 .eui-progress-circle-content.p67 .eui-progress-circle-content__value-bar{transform:rotate(241.2deg)}.eui-18 .eui-progress-circle-content.p68 .eui-progress-circle-content__value-bar{transform:rotate(244.8deg)}.eui-18 .eui-progress-circle-content.p69 .eui-progress-circle-content__value-bar{transform:rotate(248.4deg)}.eui-18 .eui-progress-circle-content.p70 .eui-progress-circle-content__value-bar{transform:rotate(252deg)}.eui-18 .eui-progress-circle-content.p71 .eui-progress-circle-content__value-bar{transform:rotate(255.6deg)}.eui-18 .eui-progress-circle-content.p72 .eui-progress-circle-content__value-bar{transform:rotate(259.2deg)}.eui-18 .eui-progress-circle-content.p73 .eui-progress-circle-content__value-bar{transform:rotate(262.8deg)}.eui-18 .eui-progress-circle-content.p74 .eui-progress-circle-content__value-bar{transform:rotate(266.4deg)}.eui-18 .eui-progress-circle-content.p75 .eui-progress-circle-content__value-bar{transform:rotate(270deg)}.eui-18 .eui-progress-circle-content.p76 .eui-progress-circle-content__value-bar{transform:rotate(273.6deg)}.eui-18 .eui-progress-circle-content.p77 .eui-progress-circle-content__value-bar{transform:rotate(277.2deg)}.eui-18 .eui-progress-circle-content.p78 .eui-progress-circle-content__value-bar{transform:rotate(280.8deg)}.eui-18 .eui-progress-circle-content.p79 .eui-progress-circle-content__value-bar{transform:rotate(284.4deg)}.eui-18 .eui-progress-circle-content.p80 .eui-progress-circle-content__value-bar{transform:rotate(288deg)}.eui-18 .eui-progress-circle-content.p81 .eui-progress-circle-content__value-bar{transform:rotate(291.6deg)}.eui-18 .eui-progress-circle-content.p82 .eui-progress-circle-content__value-bar{transform:rotate(295.2deg)}.eui-18 .eui-progress-circle-content.p83 .eui-progress-circle-content__value-bar{transform:rotate(298.8deg)}.eui-18 .eui-progress-circle-content.p84 .eui-progress-circle-content__value-bar{transform:rotate(302.4deg)}.eui-18 .eui-progress-circle-content.p85 .eui-progress-circle-content__value-bar{transform:rotate(306deg)}.eui-18 .eui-progress-circle-content.p86 .eui-progress-circle-content__value-bar{transform:rotate(309.6deg)}.eui-18 .eui-progress-circle-content.p87 .eui-progress-circle-content__value-bar{transform:rotate(313.2deg)}.eui-18 .eui-progress-circle-content.p88 .eui-progress-circle-content__value-bar{transform:rotate(316.8deg)}.eui-18 .eui-progress-circle-content.p89 .eui-progress-circle-content__value-bar{transform:rotate(320.4deg)}.eui-18 .eui-progress-circle-content.p90 .eui-progress-circle-content__value-bar{transform:rotate(324deg)}.eui-18 .eui-progress-circle-content.p91 .eui-progress-circle-content__value-bar{transform:rotate(327.6deg)}.eui-18 .eui-progress-circle-content.p92 .eui-progress-circle-content__value-bar{transform:rotate(331.2deg)}.eui-18 .eui-progress-circle-content.p93 .eui-progress-circle-content__value-bar{transform:rotate(334.8deg)}.eui-18 .eui-progress-circle-content.p94 .eui-progress-circle-content__value-bar{transform:rotate(338.4deg)}.eui-18 .eui-progress-circle-content.p95 .eui-progress-circle-content__value-bar{transform:rotate(342deg)}.eui-18 .eui-progress-circle-content.p96 .eui-progress-circle-content__value-bar{transform:rotate(345.6deg)}.eui-18 .eui-progress-circle-content.p97 .eui-progress-circle-content__value-bar{transform:rotate(349.2deg)}.eui-18 .eui-progress-circle-content.p98 .eui-progress-circle-content__value-bar{transform:rotate(352.8deg)}.eui-18 .eui-progress-circle-content.p99 .eui-progress-circle-content__value-bar{transform:rotate(356.4deg)}.eui-18 .eui-progress-circle-content.p100 .eui-progress-circle-content__value-bar{transform:rotate(360deg)}.eui-18 .eui-progress-circle-content__icon-label{font-size:26px;position:absolute;right:-10px;top:-7px}.eui-18 .eui-progress-circle-content__bottom-label{margin:-6px auto 0;text-align:center;width:9em;word-wrap:break-word}.eui-18 .eui-progress-circle-content--info.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info)}.eui-18 .eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-success-dark)}.eui-18 .eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-warning)}.eui-18 .eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-danger-dark)}.eui-18 .eui-progress-circle--size-s .eui-progress-circle-content{margin:var(--eui-s-s);transform:scale(.75)}.eui-18 .eui-progress-circle--size-s .eui-progress-circle-content__icon-label{font-size:20px;position:absolute;right:5px;top:-5px}.eui-18 .eui-progress-circle--size-s .eui-progress-circle-content__bottom-label{margin-top:-10px;width:7em}.eui-18 .eui-progress-circle--size-l .eui-progress-circle-content{margin:var(--eui-s-m) 3rem;transform:scale(1.5)}.eui-18 .eui-progress-circle--size-l .eui-progress-circle-content__icon-label{font-size:32px;position:absolute;right:-15px;top:-10px}.eui-18 .eui-progress-circle--size-l .eui-progress-circle-content__bottom-label{margin-left:25px;margin-right:25px;margin-top:45px}\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.2.13", ngImport: i0, type: EuiProgressCircleComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuiProgressCircleComponent, selector: "eui-progress-circle", inputs: { ariaLabel: "ariaLabel", isDefaultColorSteps: ["isDefaultColorSteps", "isDefaultColorSteps", booleanAttribute], hasBottomLabel: ["hasBottomLabel", "hasBottomLabel", booleanAttribute], value: "value", emptyLabel: "emptyLabel", valueLabel: "valueLabel", colorSteps: "colorSteps", colorType: "colorType", iconLabelClass: "iconLabelClass", iconLabelStyleClass: "iconLabelStyleClass", tabindex: "tabindex" }, host: { properties: { "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, viewQueries: [{ propertyName: "labelValueEl", first: true, predicate: ["labelValueEl"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<div\n    class=\"eui-progress-circle-content p{{ roundedValue }} {{ stateColorNumberClass }}\"\n    [class.eui-progress-circle-content--over50]=\"roundedValue > 50\">\n    <span class=\"eui-progress-circle-content__label\" *ngIf=\"!isLongLabel && !hasBottomLabel\">\n        <span #labelValueEl>{{ labelValue }}</span>\n    </span>\n    <div class=\"eui-progress-circle-content__left-half-clipper\">\n        <div class=\"eui-progress-circle-content__first50-bar\"></div>\n        <div class=\"eui-progress-circle-content__value-bar\"></div>\n    </div>\n</div>\n<div class=\"eui-progress-circle-content__bottom-label\" *ngIf=\"isLongLabel || hasBottomLabel\">\n    <span class=\"label\">{{ labelValue }}</span>\n</div>\n<div class=\"eui-progress-circle-content__icon-label\" *ngIf=\"iconLabelClass\">\n    <span class=\"{{ iconLabelClass }} {{ iconLabelStyleClass }}\"></span>\n</div>\n", styles: [".eui-18 .eui-progress-circle{position:relative}.eui-18 .eui-progress-circle-content{background-color:#f2e9e1;border-radius:var(--eui-br-max);box-shadow:var(--eui-sh-1);height:6rem;line-height:6rem;margin:var(--eui-s-m);padding:0;position:relative;width:6rem}.eui-18 .eui-progress-circle-content:after{background-color:var(--eui-c-white);border:var(--eui-bw-none);border-radius:var(--eui-br-max);content:\" \";display:block;height:4.5rem;left:.75rem;position:absolute;text-align:center;top:.75rem;width:4.5rem}.eui-18 .eui-progress-circle-content__label{display:block;font-size:1.3333333333rem;line-height:6rem;position:absolute;text-align:center;white-space:nowrap;width:6rem;z-index:2}.eui-18 .eui-progress-circle-content__label-block{text-align:center}.eui-18 .eui-progress-circle-content__label-block--large{padding-top:var(--eui-s-m)}.eui-18 .eui-progress-circle-content__left-half-clipper{border-radius:var(--eui-br-max);clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-18 .eui-progress-circle-content__value-bar{border:.7894736842rem solid var(--eui-c-primary);border-radius:var(--eui-br-max);box-sizing:border-box;clip:rect(0,3rem,6rem,0);height:6rem;position:absolute;width:6rem}.eui-18 .eui-progress-circle-content--over50 .eui-18 .eui-progress-circle-content__left-half-clipper{clip:rect(auto,auto,auto,auto)}.eui-18 .eui-progress-circle-content--over50 .eui-18 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info);border-radius:var(--eui-br-max);clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-18 .eui-progress-circle-content:not(.eui-18 .eui-progress-circle-content--over50) .eui-18 .eui-progress-circle-content__first50-bar{display:none}.eui-18 .eui-progress-circle-content--info .eui-progress-circle-content__value-bar{border-color:var(--eui-c-info)}.eui-18 .eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-c-success-dark)}.eui-18 .eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-c-warning)}.eui-18 .eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-c-danger-dark)}.eui-18 .eui-progress-circle-content.p0 .eui-progress-circle-content__value-bar{display:none}.eui-18 .eui-progress-circle-content.p1 .eui-progress-circle-content__value-bar{transform:rotate(3.6deg)}.eui-18 .eui-progress-circle-content.p2 .eui-progress-circle-content__value-bar{transform:rotate(7.2deg)}.eui-18 .eui-progress-circle-content.p3 .eui-progress-circle-content__value-bar{transform:rotate(10.8deg)}.eui-18 .eui-progress-circle-content.p4 .eui-progress-circle-content__value-bar{transform:rotate(14.4deg)}.eui-18 .eui-progress-circle-content.p5 .eui-progress-circle-content__value-bar{transform:rotate(18deg)}.eui-18 .eui-progress-circle-content.p6 .eui-progress-circle-content__value-bar{transform:rotate(21.6deg)}.eui-18 .eui-progress-circle-content.p7 .eui-progress-circle-content__value-bar{transform:rotate(25.2deg)}.eui-18 .eui-progress-circle-content.p8 .eui-progress-circle-content__value-bar{transform:rotate(28.8deg)}.eui-18 .eui-progress-circle-content.p9 .eui-progress-circle-content__value-bar{transform:rotate(32.4deg)}.eui-18 .eui-progress-circle-content.p10 .eui-progress-circle-content__value-bar{transform:rotate(36deg)}.eui-18 .eui-progress-circle-content.p11 .eui-progress-circle-content__value-bar{transform:rotate(39.6deg)}.eui-18 .eui-progress-circle-content.p12 .eui-progress-circle-content__value-bar{transform:rotate(43.2deg)}.eui-18 .eui-progress-circle-content.p13 .eui-progress-circle-content__value-bar{transform:rotate(46.8deg)}.eui-18 .eui-progress-circle-content.p14 .eui-progress-circle-content__value-bar{transform:rotate(50.4deg)}.eui-18 .eui-progress-circle-content.p15 .eui-progress-circle-content__value-bar{transform:rotate(54deg)}.eui-18 .eui-progress-circle-content.p16 .eui-progress-circle-content__value-bar{transform:rotate(57.6deg)}.eui-18 .eui-progress-circle-content.p17 .eui-progress-circle-content__value-bar{transform:rotate(61.2deg)}.eui-18 .eui-progress-circle-content.p18 .eui-progress-circle-content__value-bar{transform:rotate(64.8deg)}.eui-18 .eui-progress-circle-content.p19 .eui-progress-circle-content__value-bar{transform:rotate(68.4deg)}.eui-18 .eui-progress-circle-content.p20 .eui-progress-circle-content__value-bar{transform:rotate(72deg)}.eui-18 .eui-progress-circle-content.p21 .eui-progress-circle-content__value-bar{transform:rotate(75.6deg)}.eui-18 .eui-progress-circle-content.p22 .eui-progress-circle-content__value-bar{transform:rotate(79.2deg)}.eui-18 .eui-progress-circle-content.p23 .eui-progress-circle-content__value-bar{transform:rotate(82.8deg)}.eui-18 .eui-progress-circle-content.p24 .eui-progress-circle-content__value-bar{transform:rotate(86.4deg)}.eui-18 .eui-progress-circle-content.p25 .eui-progress-circle-content__value-bar{transform:rotate(90deg)}.eui-18 .eui-progress-circle-content.p26 .eui-progress-circle-content__value-bar{transform:rotate(93.6deg)}.eui-18 .eui-progress-circle-content.p27 .eui-progress-circle-content__value-bar{transform:rotate(97.2deg)}.eui-18 .eui-progress-circle-content.p28 .eui-progress-circle-content__value-bar{transform:rotate(100.8deg)}.eui-18 .eui-progress-circle-content.p29 .eui-progress-circle-content__value-bar{transform:rotate(104.4deg)}.eui-18 .eui-progress-circle-content.p30 .eui-progress-circle-content__value-bar{transform:rotate(108deg)}.eui-18 .eui-progress-circle-content.p31 .eui-progress-circle-content__value-bar{transform:rotate(111.6deg)}.eui-18 .eui-progress-circle-content.p32 .eui-progress-circle-content__value-bar{transform:rotate(115.2deg)}.eui-18 .eui-progress-circle-content.p33 .eui-progress-circle-content__value-bar{transform:rotate(118.8deg)}.eui-18 .eui-progress-circle-content.p34 .eui-progress-circle-content__value-bar{transform:rotate(122.4deg)}.eui-18 .eui-progress-circle-content.p35 .eui-progress-circle-content__value-bar{transform:rotate(126deg)}.eui-18 .eui-progress-circle-content.p36 .eui-progress-circle-content__value-bar{transform:rotate(129.6deg)}.eui-18 .eui-progress-circle-content.p37 .eui-progress-circle-content__value-bar{transform:rotate(133.2deg)}.eui-18 .eui-progress-circle-content.p38 .eui-progress-circle-content__value-bar{transform:rotate(136.8deg)}.eui-18 .eui-progress-circle-content.p39 .eui-progress-circle-content__value-bar{transform:rotate(140.4deg)}.eui-18 .eui-progress-circle-content.p40 .eui-progress-circle-content__value-bar{transform:rotate(144deg)}.eui-18 .eui-progress-circle-content.p41 .eui-progress-circle-content__value-bar{transform:rotate(147.6deg)}.eui-18 .eui-progress-circle-content.p42 .eui-progress-circle-content__value-bar{transform:rotate(151.2deg)}.eui-18 .eui-progress-circle-content.p43 .eui-progress-circle-content__value-bar{transform:rotate(154.8deg)}.eui-18 .eui-progress-circle-content.p44 .eui-progress-circle-content__value-bar{transform:rotate(158.4deg)}.eui-18 .eui-progress-circle-content.p45 .eui-progress-circle-content__value-bar{transform:rotate(162deg)}.eui-18 .eui-progress-circle-content.p46 .eui-progress-circle-content__value-bar{transform:rotate(165.6deg)}.eui-18 .eui-progress-circle-content.p47 .eui-progress-circle-content__value-bar{transform:rotate(169.2deg)}.eui-18 .eui-progress-circle-content.p48 .eui-progress-circle-content__value-bar{transform:rotate(172.8deg)}.eui-18 .eui-progress-circle-content.p49 .eui-progress-circle-content__value-bar{transform:rotate(176.4deg)}.eui-18 .eui-progress-circle-content.p50 .eui-progress-circle-content__value-bar{transform:rotate(180deg)}.eui-18 .eui-progress-circle-content.p51 .eui-progress-circle-content__value-bar{transform:rotate(183.6deg)}.eui-18 .eui-progress-circle-content.p52 .eui-progress-circle-content__value-bar{transform:rotate(187.2deg)}.eui-18 .eui-progress-circle-content.p53 .eui-progress-circle-content__value-bar{transform:rotate(190.8deg)}.eui-18 .eui-progress-circle-content.p54 .eui-progress-circle-content__value-bar{transform:rotate(194.4deg)}.eui-18 .eui-progress-circle-content.p55 .eui-progress-circle-content__value-bar{transform:rotate(198deg)}.eui-18 .eui-progress-circle-content.p56 .eui-progress-circle-content__value-bar{transform:rotate(201.6deg)}.eui-18 .eui-progress-circle-content.p57 .eui-progress-circle-content__value-bar{transform:rotate(205.2deg)}.eui-18 .eui-progress-circle-content.p58 .eui-progress-circle-content__value-bar{transform:rotate(208.8deg)}.eui-18 .eui-progress-circle-content.p59 .eui-progress-circle-content__value-bar{transform:rotate(212.4deg)}.eui-18 .eui-progress-circle-content.p60 .eui-progress-circle-content__value-bar{transform:rotate(216deg)}.eui-18 .eui-progress-circle-content.p61 .eui-progress-circle-content__value-bar{transform:rotate(219.6deg)}.eui-18 .eui-progress-circle-content.p62 .eui-progress-circle-content__value-bar{transform:rotate(223.2deg)}.eui-18 .eui-progress-circle-content.p63 .eui-progress-circle-content__value-bar{transform:rotate(226.8deg)}.eui-18 .eui-progress-circle-content.p64 .eui-progress-circle-content__value-bar{transform:rotate(230.4deg)}.eui-18 .eui-progress-circle-content.p65 .eui-progress-circle-content__value-bar{transform:rotate(234deg)}.eui-18 .eui-progress-circle-content.p66 .eui-progress-circle-content__value-bar{transform:rotate(237.6deg)}.eui-18 .eui-progress-circle-content.p67 .eui-progress-circle-content__value-bar{transform:rotate(241.2deg)}.eui-18 .eui-progress-circle-content.p68 .eui-progress-circle-content__value-bar{transform:rotate(244.8deg)}.eui-18 .eui-progress-circle-content.p69 .eui-progress-circle-content__value-bar{transform:rotate(248.4deg)}.eui-18 .eui-progress-circle-content.p70 .eui-progress-circle-content__value-bar{transform:rotate(252deg)}.eui-18 .eui-progress-circle-content.p71 .eui-progress-circle-content__value-bar{transform:rotate(255.6deg)}.eui-18 .eui-progress-circle-content.p72 .eui-progress-circle-content__value-bar{transform:rotate(259.2deg)}.eui-18 .eui-progress-circle-content.p73 .eui-progress-circle-content__value-bar{transform:rotate(262.8deg)}.eui-18 .eui-progress-circle-content.p74 .eui-progress-circle-content__value-bar{transform:rotate(266.4deg)}.eui-18 .eui-progress-circle-content.p75 .eui-progress-circle-content__value-bar{transform:rotate(270deg)}.eui-18 .eui-progress-circle-content.p76 .eui-progress-circle-content__value-bar{transform:rotate(273.6deg)}.eui-18 .eui-progress-circle-content.p77 .eui-progress-circle-content__value-bar{transform:rotate(277.2deg)}.eui-18 .eui-progress-circle-content.p78 .eui-progress-circle-content__value-bar{transform:rotate(280.8deg)}.eui-18 .eui-progress-circle-content.p79 .eui-progress-circle-content__value-bar{transform:rotate(284.4deg)}.eui-18 .eui-progress-circle-content.p80 .eui-progress-circle-content__value-bar{transform:rotate(288deg)}.eui-18 .eui-progress-circle-content.p81 .eui-progress-circle-content__value-bar{transform:rotate(291.6deg)}.eui-18 .eui-progress-circle-content.p82 .eui-progress-circle-content__value-bar{transform:rotate(295.2deg)}.eui-18 .eui-progress-circle-content.p83 .eui-progress-circle-content__value-bar{transform:rotate(298.8deg)}.eui-18 .eui-progress-circle-content.p84 .eui-progress-circle-content__value-bar{transform:rotate(302.4deg)}.eui-18 .eui-progress-circle-content.p85 .eui-progress-circle-content__value-bar{transform:rotate(306deg)}.eui-18 .eui-progress-circle-content.p86 .eui-progress-circle-content__value-bar{transform:rotate(309.6deg)}.eui-18 .eui-progress-circle-content.p87 .eui-progress-circle-content__value-bar{transform:rotate(313.2deg)}.eui-18 .eui-progress-circle-content.p88 .eui-progress-circle-content__value-bar{transform:rotate(316.8deg)}.eui-18 .eui-progress-circle-content.p89 .eui-progress-circle-content__value-bar{transform:rotate(320.4deg)}.eui-18 .eui-progress-circle-content.p90 .eui-progress-circle-content__value-bar{transform:rotate(324deg)}.eui-18 .eui-progress-circle-content.p91 .eui-progress-circle-content__value-bar{transform:rotate(327.6deg)}.eui-18 .eui-progress-circle-content.p92 .eui-progress-circle-content__value-bar{transform:rotate(331.2deg)}.eui-18 .eui-progress-circle-content.p93 .eui-progress-circle-content__value-bar{transform:rotate(334.8deg)}.eui-18 .eui-progress-circle-content.p94 .eui-progress-circle-content__value-bar{transform:rotate(338.4deg)}.eui-18 .eui-progress-circle-content.p95 .eui-progress-circle-content__value-bar{transform:rotate(342deg)}.eui-18 .eui-progress-circle-content.p96 .eui-progress-circle-content__value-bar{transform:rotate(345.6deg)}.eui-18 .eui-progress-circle-content.p97 .eui-progress-circle-content__value-bar{transform:rotate(349.2deg)}.eui-18 .eui-progress-circle-content.p98 .eui-progress-circle-content__value-bar{transform:rotate(352.8deg)}.eui-18 .eui-progress-circle-content.p99 .eui-progress-circle-content__value-bar{transform:rotate(356.4deg)}.eui-18 .eui-progress-circle-content.p100 .eui-progress-circle-content__value-bar{transform:rotate(360deg)}.eui-18 .eui-progress-circle-content__icon-label{font-size:26px;position:absolute;right:-10px;top:-7px}.eui-18 .eui-progress-circle-content__bottom-label{margin:-6px auto 0;text-align:center;width:9em;word-wrap:break-word}.eui-18 .eui-progress-circle-content--info.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info)}.eui-18 .eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-success-dark)}.eui-18 .eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-warning)}.eui-18 .eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-danger-dark)}.eui-18 .eui-progress-circle--size-s .eui-progress-circle-content{margin:var(--eui-s-s);transform:scale(.75)}.eui-18 .eui-progress-circle--size-s .eui-progress-circle-content__icon-label{font-size:20px;position:absolute;right:5px;top:-5px}.eui-18 .eui-progress-circle--size-s .eui-progress-circle-content__bottom-label{margin-top:-10px;width:7em}.eui-18 .eui-progress-circle--size-l .eui-progress-circle-content{margin:var(--eui-s-m) 3rem;transform:scale(1.5)}.eui-18 .eui-progress-circle--size-l .eui-progress-circle-content__icon-label{font-size:32px;position:absolute;right:-15px;top:-10px}.eui-18 .eui-progress-circle--size-l .eui-progress-circle-content__bottom-label{margin-left:25px;margin-right:25px;margin-top:45px}\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.2.10", ngImport: i0, type: EuiProgressCircleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiProgressCircleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-progress-circle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {
@@ -141,11 +141,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImpo
                 args: ['labelValueEl']
             }] } });
 class EuiProgressCircleModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiProgressCircleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuiProgressCircleModule, declarations: [EuiProgressCircleComponent], imports: [CommonModule], exports: [EuiProgressCircleComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiProgressCircleModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiProgressCircleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuiProgressCircleModule, declarations: [EuiProgressCircleComponent], imports: [CommonModule], exports: [EuiProgressCircleComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiProgressCircleModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiProgressCircleModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiProgressCircleModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/fesm2022/eui-components-eui-select.mjs CHANGED Viewed

@@ -141,10 +141,10 @@ class EuiSelectComponent {
             this.renderer.removeAttribute(placeholderOption, 'selected');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiSelectComponent, deps: [{ token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.10", type: EuiSelectComponent, selector: "select[euiSelect]", inputs: { placeholder: "placeholder", readonly: ["readonly", "readonly", booleanAttribute], isInvalid: "isInvalid" }, host: { listeners: { "change": "onChange($event.target.value)" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-18 .eui-select{font:var(--eui-f-m);appearance:none;background-color:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);box-shadow:none;color:var(--eui-c-text);padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-c-neutral);overflow-y:auto}.eui-18 .eui-select:not([hidden]){display:block}.eui-18 .eui-select::placeholder{color:var(--eui-c-neutral-lighter)!important;opacity:1}.eui-18 .eui-select[readonly]{background-color:transparent;border-color:transparent;box-shadow:none;height:inherit;padding-left:0;padding-right:0;pointer-events:none}.eui-18 .eui-select[readonly]+.eui-feedback-message,.eui-18 .eui-select[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-18 .eui-select[disabled]:not([readonly]),.eui-18 .eui-select--disabled:not([readonly]){background-color:var(--eui-c-neutral-bg-light)!important;border:1px solid var(--eui-c-neutral-lightest)!important;color:var(--eui-c-neutral-light);pointer-events:none}.eui-18 .eui-select--invalid,.eui-18 .eui-select--danger{border:1px solid var(--eui-c-danger)}.eui-18 .eui-select--clearable{padding-right:var(--eui-s-2xl)}.eui-18 .eui-select--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-18 .eui-select--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-18 .eui-select--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-18 .eui-select--loading{padding-right:var(--eui-s-2xl)}.eui-18 .eui-select--loading-icon{align-items:center;display:flex}.eui-18 .eui-select--loading-icon:after,.eui-18 .eui-select--loading-icon:before{content:\"\";height:var(--eui-s-l);position:absolute;right:var(--eui-s-s);width:var(--eui-s-l)}.eui-18 .eui-select--loading-icon:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-18 .eui-select--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-18 .eui-select--loading-icon--sm:after,.eui-18 .eui-select--loading-icon--sm:before{height:var(--eui-s-m);width:var(--eui-s-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-18 .eui-select::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-select::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-select{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-18 .eui-select:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select[readonly][multiple=true] option:checked{background:none}.eui-18 .eui-select[hidden],.eui-18 .eui-select[readonly][multiple=true] :not(option:checked){display:none}.eui-18 .eui-select[multiple=true],.eui-18 .eui-select[size]:not([size=\"1\"]):not([size=\"0\"]){background-image:none;height:auto;overflow:auto;padding:var(--eui-s-2xs) 0}.eui-18 .eui-select__placeholder{color:var(--eui-c-neutral-lighter)!important}.eui-18 .eui-select__item{color:var(--eui-c-neutral)}.eui-18 .eui-select optgroup{font:var(--eui-f-m-bold)}.eui-18 .eui-select optgroup,.eui-18 .eui-select option{appearance:none;color:var(--eui-c-neutral);display:block;padding:var(--eui-s-2xs);white-space:pre}.eui-18 .eui-select optgroup:disabled,.eui-18 .eui-select option:disabled{color:var(--eui-c-neutral-lightest)}.eui-18 .eui-select:not([readonly]):not([multiple]),.eui-18 .eui-select[size=\"1\"],.eui-18 .eui-select[size=\"0\"]{appearance:none;background-color:var(--eui-c-white);background-image:var(--eui-internal-icon-chevron-down-path);background-position:calc(100% - var(--eui-s-s)) center;background-repeat:no-repeat;background-size:var(--eui-s-m);padding-right:var(--eui-s-2xl)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiSelectComponent, deps: [{ token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuiSelectComponent, selector: "select[euiSelect]", inputs: { placeholder: "placeholder", readonly: ["readonly", "readonly", booleanAttribute], isInvalid: "isInvalid" }, host: { listeners: { "change": "onChange($event.target.value)" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-18 .eui-select{font:var(--eui-f-m);appearance:none;background-color:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);box-shadow:none;color:var(--eui-c-text);padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-c-neutral);overflow-y:auto}.eui-18 .eui-select:not([hidden]){display:block}.eui-18 .eui-select::placeholder{color:var(--eui-c-neutral-lighter)!important;opacity:1}.eui-18 .eui-select[readonly]{background-color:transparent;border-color:transparent;box-shadow:none;height:inherit;padding-left:0;padding-right:0;pointer-events:none}.eui-18 .eui-select[readonly]+.eui-feedback-message,.eui-18 .eui-select[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-18 .eui-select[disabled]:not([readonly]),.eui-18 .eui-select--disabled:not([readonly]){background-color:var(--eui-c-neutral-bg-light)!important;border:1px solid var(--eui-c-neutral-lightest)!important;color:var(--eui-c-neutral-light);pointer-events:none}.eui-18 .eui-select--invalid,.eui-18 .eui-select--danger{border:1px solid var(--eui-c-danger)}.eui-18 .eui-select--clearable{padding-right:var(--eui-s-2xl)}.eui-18 .eui-select--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-18 .eui-select--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-18 .eui-select--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-18 .eui-select--loading{padding-right:var(--eui-s-2xl)}.eui-18 .eui-select--loading-icon{align-items:center;display:flex}.eui-18 .eui-select--loading-icon:after,.eui-18 .eui-select--loading-icon:before{content:\"\";height:var(--eui-s-l);position:absolute;right:var(--eui-s-s);width:var(--eui-s-l)}.eui-18 .eui-select--loading-icon:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-18 .eui-select--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-18 .eui-select--loading-icon--sm:after,.eui-18 .eui-select--loading-icon--sm:before{height:var(--eui-s-m);width:var(--eui-s-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-18 .eui-select::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-select::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-select{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-18 .eui-select:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select[readonly][multiple=true] option:checked{background:none}.eui-18 .eui-select[hidden],.eui-18 .eui-select[readonly][multiple=true] :not(option:checked){display:none}.eui-18 .eui-select[multiple=true],.eui-18 .eui-select[size]:not([size=\"1\"]):not([size=\"0\"]){background-image:none;height:auto;overflow:auto;padding:var(--eui-s-2xs) 0}.eui-18 .eui-select__placeholder{color:var(--eui-c-neutral-lighter)!important}.eui-18 .eui-select__item{color:var(--eui-c-neutral)}.eui-18 .eui-select optgroup{font:var(--eui-f-m-bold)}.eui-18 .eui-select optgroup,.eui-18 .eui-select option{appearance:none;color:var(--eui-c-neutral);display:block;padding:var(--eui-s-2xs);white-space:pre}.eui-18 .eui-select optgroup:disabled,.eui-18 .eui-select option:disabled{color:var(--eui-c-neutral-lightest)}.eui-18 .eui-select:not([readonly]):not([multiple]),.eui-18 .eui-select[size=\"1\"],.eui-18 .eui-select[size=\"0\"]{appearance:none;background-color:var(--eui-c-white);background-image:var(--eui-internal-icon-chevron-down-path);background-position:calc(100% - var(--eui-s-s)) center;background-repeat:no-repeat;background-size:var(--eui-s-m);padding-right:var(--eui-s-2xl)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'select[euiSelect]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: [".eui-18 .eui-select{font:var(--eui-f-m);appearance:none;background-color:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);box-shadow:none;color:var(--eui-c-text);padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-c-neutral);overflow-y:auto}.eui-18 .eui-select:not([hidden]){display:block}.eui-18 .eui-select::placeholder{color:var(--eui-c-neutral-lighter)!important;opacity:1}.eui-18 .eui-select[readonly]{background-color:transparent;border-color:transparent;box-shadow:none;height:inherit;padding-left:0;padding-right:0;pointer-events:none}.eui-18 .eui-select[readonly]+.eui-feedback-message,.eui-18 .eui-select[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-18 .eui-select[disabled]:not([readonly]),.eui-18 .eui-select--disabled:not([readonly]){background-color:var(--eui-c-neutral-bg-light)!important;border:1px solid var(--eui-c-neutral-lightest)!important;color:var(--eui-c-neutral-light);pointer-events:none}.eui-18 .eui-select--invalid,.eui-18 .eui-select--danger{border:1px solid var(--eui-c-danger)}.eui-18 .eui-select--clearable{padding-right:var(--eui-s-2xl)}.eui-18 .eui-select--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-18 .eui-select--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-18 .eui-select--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-18 .eui-select--loading{padding-right:var(--eui-s-2xl)}.eui-18 .eui-select--loading-icon{align-items:center;display:flex}.eui-18 .eui-select--loading-icon:after,.eui-18 .eui-select--loading-icon:before{content:\"\";height:var(--eui-s-l);position:absolute;right:var(--eui-s-s);width:var(--eui-s-l)}.eui-18 .eui-select--loading-icon:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-18 .eui-select--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-18 .eui-select--loading-icon--sm:after,.eui-18 .eui-select--loading-icon--sm:before{height:var(--eui-s-m);width:var(--eui-s-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-18 .eui-select::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-select::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-select{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-18 .eui-select:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select[readonly][multiple=true] option:checked{background:none}.eui-18 .eui-select[hidden],.eui-18 .eui-select[readonly][multiple=true] :not(option:checked){display:none}.eui-18 .eui-select[multiple=true],.eui-18 .eui-select[size]:not([size=\"1\"]):not([size=\"0\"]){background-image:none;height:auto;overflow:auto;padding:var(--eui-s-2xs) 0}.eui-18 .eui-select__placeholder{color:var(--eui-c-neutral-lighter)!important}.eui-18 .eui-select__item{color:var(--eui-c-neutral)}.eui-18 .eui-select optgroup{font:var(--eui-f-m-bold)}.eui-18 .eui-select optgroup,.eui-18 .eui-select option{appearance:none;color:var(--eui-c-neutral);display:block;padding:var(--eui-s-2xs);white-space:pre}.eui-18 .eui-select optgroup:disabled,.eui-18 .eui-select option:disabled{color:var(--eui-c-neutral-lightest)}.eui-18 .eui-select:not([readonly]):not([multiple]),.eui-18 .eui-select[size=\"1\"],.eui-18 .eui-select[size=\"0\"]{appearance:none;background-color:var(--eui-c-white);background-image:var(--eui-internal-icon-chevron-down-path);background-position:calc(100% - var(--eui-s-s)) center;background-repeat:no-repeat;background-size:var(--eui-s-m);padding-right:var(--eui-s-2xl)}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.Injector }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }], propDecorators: { placeholder: [{
@@ -282,8 +282,8 @@ class EuiSelectControlValueAccessor extends SelectControlValueAccessor {
             this.renderer.removeClass(this.elementRef.nativeElement, 'eui-select__placeholder');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiSelectControlValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: EuiSelectComponent, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuiSelectControlValueAccessor, selector: "select:not([multiple])[formControlName][euiSelect],select:not([multiple])[formControl][euiSelect],select:not([multiple])[ngModel][euiSelect]", inputs: { placeholder: "placeholder" }, host: { listeners: { "blur": "onTouched()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiSelectControlValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: EuiSelectComponent, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuiSelectControlValueAccessor, selector: "select:not([multiple])[formControlName][euiSelect],select:not([multiple])[formControl][euiSelect],select:not([multiple])[ngModel][euiSelect]", inputs: { placeholder: "placeholder" }, host: { listeners: { "blur": "onTouched()" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => EuiSelectControlValueAccessor),
@@ -291,7 +291,7 @@ class EuiSelectControlValueAccessor extends SelectControlValueAccessor {
             },
         ], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiSelectControlValueAccessor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiSelectControlValueAccessor, decorators: [{
             type: Directive,
             args: [{
                     selector:
@@ -389,10 +389,10 @@ class EuiNgSelectOptionDirective extends NgSelectOption {
             this.selectComponent?.syncReadOnlyValue();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiNgSelectOptionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: EuiSelectControlValueAccessor, host: true, optional: true }, { token: i2.SelectControlValueAccessor, host: true, optional: true }, { token: EuiSelectComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.10", type: EuiNgSelectOptionDirective, selector: "option:not([eclSelectOption]):not([eclMultiselectOption]), option[euiOption]", inputs: { selected: ["selected", "selected", booleanAttribute], label: "label", ngValue: "ngValue" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiNgSelectOptionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: EuiSelectControlValueAccessor, host: true, optional: true }, { token: i2.SelectControlValueAccessor, host: true, optional: true }, { token: EuiSelectComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.13", type: EuiNgSelectOptionDirective, selector: "option:not([eclSelectOption]):not([eclMultiselectOption]), option[euiOption]", inputs: { selected: ["selected", "selected", booleanAttribute], label: "label", ngValue: "ngValue" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiNgSelectOptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiNgSelectOptionDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'option:not([eclSelectOption]):not([eclMultiselectOption]), option[euiOption]' }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: EuiSelectControlValueAccessor, decorators: [{
@@ -588,10 +588,10 @@ class EuiSelectMultipleControlValueAccessor extends SelectMultipleControlValueAc
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this._optionMap.has(id) ? this._optionMap.get(id)._value : valueString;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiSelectMultipleControlValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: EuiSelectComponent, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuiSelectMultipleControlValueAccessor, selector: "select[multiple][formControlName][euiSelect],select[multiple][formControl][euiSelect],select[multiple][ngModel][euiSelect]", inputs: { isInvalid: "isInvalid" }, host: { listeners: { "change": "onChange($event.target)", "blur": "onTouched()" } }, providers: [SELECT_MULTIPLE_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiSelectMultipleControlValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: EuiSelectComponent, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuiSelectMultipleControlValueAccessor, selector: "select[multiple][formControlName][euiSelect],select[multiple][formControl][euiSelect],select[multiple][ngModel][euiSelect]", inputs: { isInvalid: "isInvalid" }, host: { listeners: { "change": "onChange($event.target)", "blur": "onTouched()" } }, providers: [SELECT_MULTIPLE_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiSelectMultipleControlValueAccessor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiSelectMultipleControlValueAccessor, decorators: [{
             type: Directive,
             args: [{
                     selector:
@@ -669,10 +669,10 @@ class EuiSelectMultipleOption extends _NgSelectMultipleOption {
             this.select.writeValue(this.select.value);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiSelectMultipleOption, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: EuiSelectMultipleControlValueAccessor, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuiSelectMultipleOption, selector: "option, option[euiOption]", inputs: { ngValue: "ngValue", value: "value" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiSelectMultipleOption, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: EuiSelectMultipleControlValueAccessor, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuiSelectMultipleOption, selector: "option, option[euiOption]", inputs: { ngValue: "ngValue", value: "value" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiSelectMultipleOption, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiSelectMultipleOption, decorators: [{
             type: Directive,
             args: [{ selector: 'option, option[euiOption]' }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: EuiSelectMultipleControlValueAccessor, decorators: [{
@@ -686,8 +686,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImpo
             }] } });
 class EuiSelectModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuiSelectModule, declarations: [EuiSelectComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuiSelectModule, declarations: [EuiSelectComponent,
             EuiNgSelectOptionDirective,
             EuiSelectControlValueAccessor,
             EuiSelectMultipleControlValueAccessor,
@@ -696,9 +696,9 @@ class EuiSelectModule {
             EuiSelectControlValueAccessor,
             EuiSelectMultipleControlValueAccessor,
             EuiSelectMultipleOption] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiSelectModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiSelectModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiSelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/fesm2022/eui-components-eui-sidebar-menu.mjs CHANGED Viewed

@@ -25,10 +25,10 @@ class EuiSidebarMenuComponent {
     onMenuClicked(event) {
         this.menuClick.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiSidebarMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.10", type: EuiSidebarMenuComponent, isStandalone: true, selector: "eui-sidebar-menu", inputs: { items: "items", hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasFilter: ["hasFilter", "hasFilter", booleanAttribute], hasIcons: ["hasIcons", "hasIcons", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute], hasBoldRootLevel: ["hasBoldRootLevel", "hasBoldRootLevel", booleanAttribute], style: "style", fragmentId: "fragmentId", searchFilterLabel: "searchFilterLabel", externalTarget: "externalTarget", filterValue: "filterValue" }, outputs: { menuClick: "menuClick", itemClick: "itemClick" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<!--TODO: set the classes into one div container instead of two-->\n<div class=\"eui-sidebar-menu__container\" [class.eui-sidebar-menu__container--collapsed]=\"isCollapsed\" [style]=\"style\">\n    <div class=\"eui-sidebar-menu__content\">\n        <eui-menu\n            [items]=\"items\"\n            [hasFilter]=\"hasFilter\"\n            [hasIcons]=\"hasIcons\"\n            [hasTooltip]=\"hasTooltip\"\n            [isCollapsed]=\"isCollapsed\"\n            [hasCollapsedInitials]=\"hasCollapsedInitials\"\n            [expandAllItems]=\"expandAllItems\"\n            [fragmentId]=\"fragmentId\"\n            [searchFilterLabel]=\"searchFilterLabel\"\n            [filterValue]=\"filterValue\"\n            [hasBoldRootLevel]=\"hasBoldRootLevel\"\n            (isClick)=\"onMenuClicked($event)\"\n            (itemClick)=\"onMenuItemClicked($event)\">\n        </eui-menu>\n    </div>\n</div>\n", styles: [".eui-18 .eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container{background-color:var(--eui-c-bg);height:100%;width:100%}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{display:flex;flex-direction:column;height:100%;position:relative}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}\n"], dependencies: [{ kind: "ngmodule", type: EuiMenuModule }, { kind: "component", type: i1.EuiMenuComponent, selector: "eui-menu", inputs: ["items", "searchFilterLabel", "externalLinkLabel", "fragmentId", "filterValue", "isCollapsed", "hasCollapsedInitials", "hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "isFlat", "hasScrollToItem", "hasBoldRootLevel"], outputs: ["isClick", "itemClick", "expandToggle"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiSidebarMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuiSidebarMenuComponent, isStandalone: true, selector: "eui-sidebar-menu", inputs: { items: "items", hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasFilter: ["hasFilter", "hasFilter", booleanAttribute], hasIcons: ["hasIcons", "hasIcons", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute], hasBoldRootLevel: ["hasBoldRootLevel", "hasBoldRootLevel", booleanAttribute], style: "style", fragmentId: "fragmentId", searchFilterLabel: "searchFilterLabel", externalTarget: "externalTarget", filterValue: "filterValue" }, outputs: { menuClick: "menuClick", itemClick: "itemClick" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<!--TODO: set the classes into one div container instead of two-->\n<div class=\"eui-sidebar-menu__container\" [class.eui-sidebar-menu__container--collapsed]=\"isCollapsed\" [style]=\"style\">\n    <div class=\"eui-sidebar-menu__content\">\n        <eui-menu\n            [items]=\"items\"\n            [hasFilter]=\"hasFilter\"\n            [hasIcons]=\"hasIcons\"\n            [hasTooltip]=\"hasTooltip\"\n            [isCollapsed]=\"isCollapsed\"\n            [hasCollapsedInitials]=\"hasCollapsedInitials\"\n            [expandAllItems]=\"expandAllItems\"\n            [fragmentId]=\"fragmentId\"\n            [searchFilterLabel]=\"searchFilterLabel\"\n            [filterValue]=\"filterValue\"\n            [hasBoldRootLevel]=\"hasBoldRootLevel\"\n            (isClick)=\"onMenuClicked($event)\"\n            (itemClick)=\"onMenuItemClicked($event)\">\n        </eui-menu>\n    </div>\n</div>\n", styles: [".eui-18 .eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container{background-color:var(--eui-c-bg);height:100%;width:100%}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{display:flex;flex-direction:column;height:100%;position:relative}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}\n"], dependencies: [{ kind: "ngmodule", type: EuiMenuModule }, { kind: "component", type: i1.EuiMenuComponent, selector: "eui-menu", inputs: ["items", "searchFilterLabel", "externalLinkLabel", "fragmentId", "filterValue", "isCollapsed", "hasCollapsedInitials", "hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "isFlat", "hasScrollToItem", "hasBoldRootLevel"], outputs: ["isClick", "itemClick", "expandToggle"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiSidebarMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiSidebarMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-sidebar-menu', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, standalone: true, imports: [EuiMenuModule], template: "<!--TODO: set the classes into one div container instead of two-->\n<div class=\"eui-sidebar-menu__container\" [class.eui-sidebar-menu__container--collapsed]=\"isCollapsed\" [style]=\"style\">\n    <div class=\"eui-sidebar-menu__content\">\n        <eui-menu\n            [items]=\"items\"\n            [hasFilter]=\"hasFilter\"\n            [hasIcons]=\"hasIcons\"\n            [hasTooltip]=\"hasTooltip\"\n            [isCollapsed]=\"isCollapsed\"\n            [hasCollapsedInitials]=\"hasCollapsedInitials\"\n            [expandAllItems]=\"expandAllItems\"\n            [fragmentId]=\"fragmentId\"\n            [searchFilterLabel]=\"searchFilterLabel\"\n            [filterValue]=\"filterValue\"\n            [hasBoldRootLevel]=\"hasBoldRootLevel\"\n            (isClick)=\"onMenuClicked($event)\"\n            (itemClick)=\"onMenuItemClicked($event)\">\n        </eui-menu>\n    </div>\n</div>\n", styles: [".eui-18 .eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container{background-color:var(--eui-c-bg);height:100%;width:100%}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{display:flex;flex-direction:column;height:100%;position:relative}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}\n"] }]
         }], propDecorators: { string: [{
@@ -77,11 +77,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImpo
  * @deprecated Use `EuiSidebarMenuComponent` instead.
  */
 class EuiSidebarMenuModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiSidebarMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuiSidebarMenuModule, imports: [EuiSidebarMenuComponent], exports: [EuiSidebarMenuComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiSidebarMenuModule, imports: [EuiSidebarMenuComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiSidebarMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuiSidebarMenuModule, imports: [EuiSidebarMenuComponent], exports: [EuiSidebarMenuComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiSidebarMenuModule, imports: [EuiSidebarMenuComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiSidebarMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiSidebarMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuiSidebarMenuComponent],