@eui/components 18.0.0-next.32 → 18.0.0-next.34

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

@@ -241,7 +241,7 @@ var EuiPopoverComponent = class _EuiPopoverComponent {
     this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i02, type: _EuiPopoverComponent, deps: [{ token: i1.Overlay }, { token: i02.ViewContainerRef }, { token: i1.ScrollDispatcher }, { token: i2.BaseStatesDirective }], target: i02.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", 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", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i02, template: '<ng-template #templatePortalContent>\n    @if (cdkTrapFocusAutoCapture) {\n        <ng-container *ngTemplateOutlet="template; context: { $implicit: true }"></ng-container>\n    }\n    @if (!cdkTrapFocusAutoCapture) {\n        <ng-container *ngTemplateOutlet="template; context: { $implicit: false }"></ng-container>\n    }\n</ng-template>\n\n<ng-template #template let-autoCapture>\n    <div class="eui-popover__container" cdkTrapFocus [cdkTrapFocusAutoCapture]="autoCapture" (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 (title) {\n                    <button euiButton euiRounded euiIconButton euiBasicButton euiSizeS class="eui-popover__header-close" aria-label="Close Icon Button" (click)="closePopover()">\n                        <eui-icon-svg icon="eui-close" fillColor="primary-100" aria-label="Close Icon" class="eui-popover__header-close-icon"></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-popover-position .eui-popover__arrow{border-color:inherit;border-style:solid;border-width:8px;display:none;height:0;position:absolute;width:0}.eui-popover-position .eui-popover__arrow-inner{border-color:var(--eui-ctx-c-white);border-style:solid;border-width:7px;content:" ";display:block;height:0;position:absolute;width:0}.eui-popover-position--top .eui-popover__arrow,.eui-popover-position--bottom .eui-popover__arrow,.eui-popover-position--left .eui-popover__arrow,.eui-popover-position--right .eui-popover__arrow{display:block}.eui-popover-position--top .eui-popover__arrow,.eui-popover-position--bottom .eui-popover__arrow{border-left-color:transparent;border-right-color:transparent;left:50%;transform:translate(-8px)}.eui-popover-position--top .eui-popover__arrow-inner,.eui-popover-position--bottom .eui-popover__arrow-inner{border-left-color:transparent;border-right-color:transparent;margin-left:-7px}.eui-popover-position--top .eui-popover__arrow{border-bottom-width:0;bottom:-7px}.eui-popover-position--top .eui-popover__arrow-inner{border-bottom-width:0;bottom:2px}.eui-popover-position--bottom .eui-popover__arrow{border-top-width:0;top:-7px}.eui-popover-position--bottom .eui-popover__arrow-inner{border-top-width:0;top:1px}.eui-popover-position--left .eui-popover__arrow,.eui-popover-position--right .eui-popover__arrow{border-bottom-color:transparent;border-top-color:transparent;top:50%;transform:translateY(-8px)}.eui-popover-position--left .eui-popover__arrow-inner,.eui-popover-position--right .eui-popover__arrow-inner{border-bottom-color:transparent;border-top-color:transparent;top:-7px}.eui-popover-position--left .eui-popover__arrow{border-right-width:0;right:-7px}.eui-popover-position--left .eui-popover__arrow-inner{border-right-width:0;right:2px}.eui-popover-position--right .eui-popover__arrow{border-left-width:0;left:-7px}.eui-popover-position--right .eui-popover__arrow-inner{border-left-width:0;border-right-color:var(--eui-ctx-c-white);left:2px}.eui-popover{background-color:var(--eui-ctx-c-white);border:1px solid var(--eui-ctx-c-s-lightest);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-2);max-width:25rem;width:25rem}.eui-popover__container{width:100%}.eui-popover__header{align-items:center;border-bottom:1px solid var(--eui-ctx-c-s-lightest);display:flex;justify-content:space-between;padding:var(--eui-base-spacing-xs)}.eui-popover__header-title{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-popover__content{padding:var(--eui-base-spacing-xs)}.eui-popover--has-custom-width{width:100%!important}.eui-popover--size-s{max-width:12rem;width:12rem}.eui-popover--size-m{max-width:25rem;width:25rem}.eui-popover--size-l{max-width:35rem;width:35rem}.eui-popover--size-xl{max-width:50rem;width:50rem}.eui-popover--size-2xl{max-width:75rem;width:75rem}.eui-popover--size-auto{max-width:none;width:auto}.eui-popover--flat .eui-popover__header{border-bottom:none;padding-bottom:0}.eui-popover--colored-header{background:none;border:none;border-color:var(--eui-ctx-c-s)}.eui-popover--colored-header .eui-popover__header{background-color:var(--eui-ctx-c-s);border:0;color:var(--eui-ctx-c-white);border-top-left-radius:var(--eui-base-border-radius);border-top-right-radius:var(--eui-base-border-radius)}.eui-popover--colored-header .eui-popover__header+.eui-popover__content{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.eui-popover--colored-header .eui-popover__header-title{color:var(--eui-ctx-c-white)}.eui-popover--colored-header .eui-popover__header-close .eui-popover__header-close-icon>svg{fill:var(--eui-ctx-c-white)}.eui-popover--colored-header .eui-popover__header-close:hover .eui-popover__header-close-icon>svg,.eui-popover--colored-header .eui-popover__header-close:focus .eui-popover__header-close-icon>svg,.eui-popover--colored-header .eui-popover__header-close:active .eui-popover__header-close-icon>svg{fill:var(--eui-ctx-c-p)}.eui-popover--colored-header .eui-popover__content{background-color:var(--eui-ctx-c-white);border-color:inherit;border-radius:var(--eui-base-border-radius);border-style:solid;border-width:2px}.eui-popover--colored-header.eui-popover--left .eui-popover__arrow-inner{right:3px}.eui-popover--colored-header.eui-popover--right .eui-popover__arrow-inner{left:3px}.eui-popover--colored-header.eui-popover--top .eui-popover__arrow-inner{bottom:3px}.eui-popover--colored-header.eui-popover--bottom .eui-popover__arrow-inner,.eui-popover--colored-header .eui-popover__arrow-inner{border:none}.eui-popover--colored-solid{background-color:var(--eui-ctx-c-s);border-color:var(--eui-ctx-c-s);border-style:none}.eui-popover--colored-solid .eui-popover__header{border-bottom-color:var(--eui-ctx-c-s-bg-light)}.eui-popover--colored-solid .eui-popover__header-title,.eui-popover--colored-solid .eui-popover__content{color:var(--eui-ctx-c-white)}.eui-popover--colored-solid .eui-popover__header-close .eui-popover__header-close-icon>svg{fill:var(--eui-ctx-c-white)}.eui-popover--colored-solid .eui-popover__header-close:hover .eui-popover__header-close-icon>svg,.eui-popover--colored-solid .eui-popover__header-close:focus .eui-popover__header-close-icon>svg,.eui-popover--colored-solid .eui-popover__header-close:active .eui-popover__header-close-icon>svg{fill:var(--eui-ctx-c-in)}.eui-popover--colored-solid .eui-popover__arrow-inner{border: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", "isLoading", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "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: i02.ChangeDetectionStrategy.OnPush, encapsulation: i02.ViewEncapsulation.None });
+    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", 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", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i02, template: '<ng-template #templatePortalContent>\n    @if (cdkTrapFocusAutoCapture) {\n        <ng-container *ngTemplateOutlet="template; context: { $implicit: true }"></ng-container>\n    }\n    @if (!cdkTrapFocusAutoCapture) {\n        <ng-container *ngTemplateOutlet="template; context: { $implicit: false }"></ng-container>\n    }\n</ng-template>\n\n<ng-template #template let-autoCapture>\n    <div class="eui-popover__container" cdkTrapFocus [cdkTrapFocusAutoCapture]="autoCapture" (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 (title) {\n                    <button euiButton euiRounded euiIconButton euiBasicButton euiSizeS class="eui-popover__header-close" aria-label="Close Icon Button" (click)="closePopover()">\n                        <eui-icon-svg icon="eui-close" fillColor="primary-100" aria-label="Close Icon" class="eui-popover__header-close-icon"></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-popover-position .eui-popover__arrow{border-color:inherit;border-style:solid;border-width:8px;display:none;height:0;position:absolute;width:0}.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-popover-position--top .eui-popover__arrow,.eui-popover-position--bottom .eui-popover__arrow,.eui-popover-position--left .eui-popover__arrow,.eui-popover-position--right .eui-popover__arrow{display:block}.eui-popover-position--top .eui-popover__arrow,.eui-popover-position--bottom .eui-popover__arrow{border-left-color:transparent;border-right-color:transparent;left:50%;transform:translate(-8px)}.eui-popover-position--top .eui-popover__arrow-inner,.eui-popover-position--bottom .eui-popover__arrow-inner{border-left-color:transparent;border-right-color:transparent;margin-left:-7px}.eui-popover-position--top .eui-popover__arrow{border-bottom-width:0;bottom:-7px}.eui-popover-position--top .eui-popover__arrow-inner{border-bottom-width:0;bottom:2px}.eui-popover-position--bottom .eui-popover__arrow{border-top-width:0;top:-7px}.eui-popover-position--bottom .eui-popover__arrow-inner{border-top-width:0;top:1px}.eui-popover-position--left .eui-popover__arrow,.eui-popover-position--right .eui-popover__arrow{border-bottom-color:transparent;border-top-color:transparent;top:50%;transform:translateY(-8px)}.eui-popover-position--left .eui-popover__arrow-inner,.eui-popover-position--right .eui-popover__arrow-inner{border-bottom-color:transparent;border-top-color:transparent;top:-7px}.eui-popover-position--left .eui-popover__arrow{border-right-width:0;right:-7px}.eui-popover-position--left .eui-popover__arrow-inner{border-right-width:0;right:2px}.eui-popover-position--right .eui-popover__arrow{border-left-width:0;left:-7px}.eui-popover-position--right .eui-popover__arrow-inner{border-left-width:0;border-right-color:var(--eui-c-white);left:2px}.eui-popover{background-color:var(--eui-c-white);border:1px solid var(--eui-c-secondary-lightest);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-2);max-width:25rem;width:25rem}.eui-popover__container{width:100%}.eui-popover__header{align-items:center;border-bottom:1px solid var(--eui-c-secondary-lightest);display:flex;justify-content:space-between;padding:var(--eui-base-spacing-xs)}.eui-popover__header-title{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-popover__content{padding:var(--eui-base-spacing-xs)}.eui-popover--has-custom-width{width:100%!important}.eui-popover--size-s{max-width:12rem;width:12rem}.eui-popover--size-m{max-width:25rem;width:25rem}.eui-popover--size-l{max-width:35rem;width:35rem}.eui-popover--size-xl{max-width:50rem;width:50rem}.eui-popover--size-2xl{max-width:75rem;width:75rem}.eui-popover--size-auto{max-width:none;width:auto}.eui-popover--flat .eui-popover__header{border-bottom:none;padding-bottom:0}.eui-popover--colored-header{background:none;border:none;border-color:var(--eui-c-secondary)}.eui-popover--colored-header .eui-popover__header{background-color:var(--eui-c-secondary);border:0;color:var(--eui-c-white);border-top-left-radius:var(--eui-base-border-radius);border-top-right-radius:var(--eui-base-border-radius)}.eui-popover--colored-header .eui-popover__header+.eui-popover__content{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.eui-popover--colored-header .eui-popover__header-title{color:var(--eui-c-white)}.eui-popover--colored-header .eui-popover__header-close .eui-popover__header-close-icon>svg{fill:var(--eui-c-white)}.eui-popover--colored-header .eui-popover__header-close:hover .eui-popover__header-close-icon>svg,.eui-popover--colored-header .eui-popover__header-close:focus .eui-popover__header-close-icon>svg,.eui-popover--colored-header .eui-popover__header-close:active .eui-popover__header-close-icon>svg{fill:var(--eui-c-primary)}.eui-popover--colored-header .eui-popover__content{background-color:var(--eui-c-white);border-color:inherit;border-radius:var(--eui-base-border-radius);border-style:solid;border-width:2px}.eui-popover--colored-header.eui-popover--left .eui-popover__arrow-inner{right:3px}.eui-popover--colored-header.eui-popover--right .eui-popover__arrow-inner{left:3px}.eui-popover--colored-header.eui-popover--top .eui-popover__arrow-inner{bottom:3px}.eui-popover--colored-header.eui-popover--bottom .eui-popover__arrow-inner,.eui-popover--colored-header .eui-popover__arrow-inner{border:none}.eui-popover--colored-solid{background-color:var(--eui-c-secondary);border-color:var(--eui-c-secondary);border-style:none}.eui-popover--colored-solid .eui-popover__header{border-bottom-color:var(--eui-c-secondary-bg-light)}.eui-popover--colored-solid .eui-popover__header-title,.eui-popover--colored-solid .eui-popover__content{color:var(--eui-c-white)}.eui-popover--colored-solid .eui-popover__header-close .eui-popover__header-close-icon>svg{fill:var(--eui-c-white)}.eui-popover--colored-solid .eui-popover__header-close:hover .eui-popover__header-close-icon>svg,.eui-popover--colored-solid .eui-popover__header-close:focus .eui-popover__header-close-icon>svg,.eui-popover--colored-solid .eui-popover__header-close:active .eui-popover__header-close-icon>svg{fill:var(--eui-c-info)}.eui-popover--colored-solid .eui-popover__arrow-inner{border: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", "ariaLabelledby", "role", "style", "iconUrl", "transform", "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: i02.ChangeDetectionStrategy.OnPush, encapsulation: i02.ViewEncapsulation.None });
   }
 };
 i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i02, type: EuiPopoverComponent, decorators: [{
@@ -258,7 +258,7 @@ i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
         "euiSizeVariant"
       ]
     }
-  ], template: '<ng-template #templatePortalContent>\n    @if (cdkTrapFocusAutoCapture) {\n        <ng-container *ngTemplateOutlet="template; context: { $implicit: true }"></ng-container>\n    }\n    @if (!cdkTrapFocusAutoCapture) {\n        <ng-container *ngTemplateOutlet="template; context: { $implicit: false }"></ng-container>\n    }\n</ng-template>\n\n<ng-template #template let-autoCapture>\n    <div class="eui-popover__container" cdkTrapFocus [cdkTrapFocusAutoCapture]="autoCapture" (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 (title) {\n                    <button euiButton euiRounded euiIconButton euiBasicButton euiSizeS class="eui-popover__header-close" aria-label="Close Icon Button" (click)="closePopover()">\n                        <eui-icon-svg icon="eui-close" fillColor="primary-100" aria-label="Close Icon" class="eui-popover__header-close-icon"></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-popover-position .eui-popover__arrow{border-color:inherit;border-style:solid;border-width:8px;display:none;height:0;position:absolute;width:0}.eui-popover-position .eui-popover__arrow-inner{border-color:var(--eui-ctx-c-white);border-style:solid;border-width:7px;content:" ";display:block;height:0;position:absolute;width:0}.eui-popover-position--top .eui-popover__arrow,.eui-popover-position--bottom .eui-popover__arrow,.eui-popover-position--left .eui-popover__arrow,.eui-popover-position--right .eui-popover__arrow{display:block}.eui-popover-position--top .eui-popover__arrow,.eui-popover-position--bottom .eui-popover__arrow{border-left-color:transparent;border-right-color:transparent;left:50%;transform:translate(-8px)}.eui-popover-position--top .eui-popover__arrow-inner,.eui-popover-position--bottom .eui-popover__arrow-inner{border-left-color:transparent;border-right-color:transparent;margin-left:-7px}.eui-popover-position--top .eui-popover__arrow{border-bottom-width:0;bottom:-7px}.eui-popover-position--top .eui-popover__arrow-inner{border-bottom-width:0;bottom:2px}.eui-popover-position--bottom .eui-popover__arrow{border-top-width:0;top:-7px}.eui-popover-position--bottom .eui-popover__arrow-inner{border-top-width:0;top:1px}.eui-popover-position--left .eui-popover__arrow,.eui-popover-position--right .eui-popover__arrow{border-bottom-color:transparent;border-top-color:transparent;top:50%;transform:translateY(-8px)}.eui-popover-position--left .eui-popover__arrow-inner,.eui-popover-position--right .eui-popover__arrow-inner{border-bottom-color:transparent;border-top-color:transparent;top:-7px}.eui-popover-position--left .eui-popover__arrow{border-right-width:0;right:-7px}.eui-popover-position--left .eui-popover__arrow-inner{border-right-width:0;right:2px}.eui-popover-position--right .eui-popover__arrow{border-left-width:0;left:-7px}.eui-popover-position--right .eui-popover__arrow-inner{border-left-width:0;border-right-color:var(--eui-ctx-c-white);left:2px}.eui-popover{background-color:var(--eui-ctx-c-white);border:1px solid var(--eui-ctx-c-s-lightest);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-2);max-width:25rem;width:25rem}.eui-popover__container{width:100%}.eui-popover__header{align-items:center;border-bottom:1px solid var(--eui-ctx-c-s-lightest);display:flex;justify-content:space-between;padding:var(--eui-base-spacing-xs)}.eui-popover__header-title{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-popover__content{padding:var(--eui-base-spacing-xs)}.eui-popover--has-custom-width{width:100%!important}.eui-popover--size-s{max-width:12rem;width:12rem}.eui-popover--size-m{max-width:25rem;width:25rem}.eui-popover--size-l{max-width:35rem;width:35rem}.eui-popover--size-xl{max-width:50rem;width:50rem}.eui-popover--size-2xl{max-width:75rem;width:75rem}.eui-popover--size-auto{max-width:none;width:auto}.eui-popover--flat .eui-popover__header{border-bottom:none;padding-bottom:0}.eui-popover--colored-header{background:none;border:none;border-color:var(--eui-ctx-c-s)}.eui-popover--colored-header .eui-popover__header{background-color:var(--eui-ctx-c-s);border:0;color:var(--eui-ctx-c-white);border-top-left-radius:var(--eui-base-border-radius);border-top-right-radius:var(--eui-base-border-radius)}.eui-popover--colored-header .eui-popover__header+.eui-popover__content{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.eui-popover--colored-header .eui-popover__header-title{color:var(--eui-ctx-c-white)}.eui-popover--colored-header .eui-popover__header-close .eui-popover__header-close-icon>svg{fill:var(--eui-ctx-c-white)}.eui-popover--colored-header .eui-popover__header-close:hover .eui-popover__header-close-icon>svg,.eui-popover--colored-header .eui-popover__header-close:focus .eui-popover__header-close-icon>svg,.eui-popover--colored-header .eui-popover__header-close:active .eui-popover__header-close-icon>svg{fill:var(--eui-ctx-c-p)}.eui-popover--colored-header .eui-popover__content{background-color:var(--eui-ctx-c-white);border-color:inherit;border-radius:var(--eui-base-border-radius);border-style:solid;border-width:2px}.eui-popover--colored-header.eui-popover--left .eui-popover__arrow-inner{right:3px}.eui-popover--colored-header.eui-popover--right .eui-popover__arrow-inner{left:3px}.eui-popover--colored-header.eui-popover--top .eui-popover__arrow-inner{bottom:3px}.eui-popover--colored-header.eui-popover--bottom .eui-popover__arrow-inner,.eui-popover--colored-header .eui-popover__arrow-inner{border:none}.eui-popover--colored-solid{background-color:var(--eui-ctx-c-s);border-color:var(--eui-ctx-c-s);border-style:none}.eui-popover--colored-solid .eui-popover__header{border-bottom-color:var(--eui-ctx-c-s-bg-light)}.eui-popover--colored-solid .eui-popover__header-title,.eui-popover--colored-solid .eui-popover__content{color:var(--eui-ctx-c-white)}.eui-popover--colored-solid .eui-popover__header-close .eui-popover__header-close-icon>svg{fill:var(--eui-ctx-c-white)}.eui-popover--colored-solid .eui-popover__header-close:hover .eui-popover__header-close-icon>svg,.eui-popover--colored-solid .eui-popover__header-close:focus .eui-popover__header-close-icon>svg,.eui-popover--colored-solid .eui-popover__header-close:active .eui-popover__header-close-icon>svg{fill:var(--eui-ctx-c-in)}.eui-popover--colored-solid .eui-popover__arrow-inner{border:none}\n'] }]
+  ], template: '<ng-template #templatePortalContent>\n    @if (cdkTrapFocusAutoCapture) {\n        <ng-container *ngTemplateOutlet="template; context: { $implicit: true }"></ng-container>\n    }\n    @if (!cdkTrapFocusAutoCapture) {\n        <ng-container *ngTemplateOutlet="template; context: { $implicit: false }"></ng-container>\n    }\n</ng-template>\n\n<ng-template #template let-autoCapture>\n    <div class="eui-popover__container" cdkTrapFocus [cdkTrapFocusAutoCapture]="autoCapture" (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 (title) {\n                    <button euiButton euiRounded euiIconButton euiBasicButton euiSizeS class="eui-popover__header-close" aria-label="Close Icon Button" (click)="closePopover()">\n                        <eui-icon-svg icon="eui-close" fillColor="primary-100" aria-label="Close Icon" class="eui-popover__header-close-icon"></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-popover-position .eui-popover__arrow{border-color:inherit;border-style:solid;border-width:8px;display:none;height:0;position:absolute;width:0}.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-popover-position--top .eui-popover__arrow,.eui-popover-position--bottom .eui-popover__arrow,.eui-popover-position--left .eui-popover__arrow,.eui-popover-position--right .eui-popover__arrow{display:block}.eui-popover-position--top .eui-popover__arrow,.eui-popover-position--bottom .eui-popover__arrow{border-left-color:transparent;border-right-color:transparent;left:50%;transform:translate(-8px)}.eui-popover-position--top .eui-popover__arrow-inner,.eui-popover-position--bottom .eui-popover__arrow-inner{border-left-color:transparent;border-right-color:transparent;margin-left:-7px}.eui-popover-position--top .eui-popover__arrow{border-bottom-width:0;bottom:-7px}.eui-popover-position--top .eui-popover__arrow-inner{border-bottom-width:0;bottom:2px}.eui-popover-position--bottom .eui-popover__arrow{border-top-width:0;top:-7px}.eui-popover-position--bottom .eui-popover__arrow-inner{border-top-width:0;top:1px}.eui-popover-position--left .eui-popover__arrow,.eui-popover-position--right .eui-popover__arrow{border-bottom-color:transparent;border-top-color:transparent;top:50%;transform:translateY(-8px)}.eui-popover-position--left .eui-popover__arrow-inner,.eui-popover-position--right .eui-popover__arrow-inner{border-bottom-color:transparent;border-top-color:transparent;top:-7px}.eui-popover-position--left .eui-popover__arrow{border-right-width:0;right:-7px}.eui-popover-position--left .eui-popover__arrow-inner{border-right-width:0;right:2px}.eui-popover-position--right .eui-popover__arrow{border-left-width:0;left:-7px}.eui-popover-position--right .eui-popover__arrow-inner{border-left-width:0;border-right-color:var(--eui-c-white);left:2px}.eui-popover{background-color:var(--eui-c-white);border:1px solid var(--eui-c-secondary-lightest);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-2);max-width:25rem;width:25rem}.eui-popover__container{width:100%}.eui-popover__header{align-items:center;border-bottom:1px solid var(--eui-c-secondary-lightest);display:flex;justify-content:space-between;padding:var(--eui-base-spacing-xs)}.eui-popover__header-title{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-popover__content{padding:var(--eui-base-spacing-xs)}.eui-popover--has-custom-width{width:100%!important}.eui-popover--size-s{max-width:12rem;width:12rem}.eui-popover--size-m{max-width:25rem;width:25rem}.eui-popover--size-l{max-width:35rem;width:35rem}.eui-popover--size-xl{max-width:50rem;width:50rem}.eui-popover--size-2xl{max-width:75rem;width:75rem}.eui-popover--size-auto{max-width:none;width:auto}.eui-popover--flat .eui-popover__header{border-bottom:none;padding-bottom:0}.eui-popover--colored-header{background:none;border:none;border-color:var(--eui-c-secondary)}.eui-popover--colored-header .eui-popover__header{background-color:var(--eui-c-secondary);border:0;color:var(--eui-c-white);border-top-left-radius:var(--eui-base-border-radius);border-top-right-radius:var(--eui-base-border-radius)}.eui-popover--colored-header .eui-popover__header+.eui-popover__content{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.eui-popover--colored-header .eui-popover__header-title{color:var(--eui-c-white)}.eui-popover--colored-header .eui-popover__header-close .eui-popover__header-close-icon>svg{fill:var(--eui-c-white)}.eui-popover--colored-header .eui-popover__header-close:hover .eui-popover__header-close-icon>svg,.eui-popover--colored-header .eui-popover__header-close:focus .eui-popover__header-close-icon>svg,.eui-popover--colored-header .eui-popover__header-close:active .eui-popover__header-close-icon>svg{fill:var(--eui-c-primary)}.eui-popover--colored-header .eui-popover__content{background-color:var(--eui-c-white);border-color:inherit;border-radius:var(--eui-base-border-radius);border-style:solid;border-width:2px}.eui-popover--colored-header.eui-popover--left .eui-popover__arrow-inner{right:3px}.eui-popover--colored-header.eui-popover--right .eui-popover__arrow-inner{left:3px}.eui-popover--colored-header.eui-popover--top .eui-popover__arrow-inner{bottom:3px}.eui-popover--colored-header.eui-popover--bottom .eui-popover__arrow-inner,.eui-popover--colored-header .eui-popover__arrow-inner{border:none}.eui-popover--colored-solid{background-color:var(--eui-c-secondary);border-color:var(--eui-c-secondary);border-style:none}.eui-popover--colored-solid .eui-popover__header{border-bottom-color:var(--eui-c-secondary-bg-light)}.eui-popover--colored-solid .eui-popover__header-title,.eui-popover--colored-solid .eui-popover__content{color:var(--eui-c-white)}.eui-popover--colored-solid .eui-popover__header-close .eui-popover__header-close-icon>svg{fill:var(--eui-c-white)}.eui-popover--colored-solid .eui-popover__header-close:hover .eui-popover__header-close-icon>svg,.eui-popover--colored-solid .eui-popover__header-close:focus .eui-popover__header-close-icon>svg,.eui-popover--colored-solid .eui-popover__header-close:active .eui-popover__header-close-icon>svg{fill:var(--eui-c-info)}.eui-popover--colored-solid .eui-popover__arrow-inner{border:none}\n'] }]
 }], ctorParameters: () => [{ type: i1.Overlay }, { type: i02.ViewContainerRef }, { type: i1.ScrollDispatcher }, { type: i2.BaseStatesDirective }], propDecorators: { title: [{
   type: Input2
 }], position: [{

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-popover/models/eui-popover-position.model.ts", "../../eui-popover/directives/eui-popover-arrow-position.directive.ts", "../../eui-popover/eui-popover.component.ts", "../../eui-popover/eui-popover.component.html", "../../eui-popover/eui-popover.module.ts"],
   "sourcesContent": ["import { ConnectedOverlayPositionChange, ConnectionPositionPair } from '@angular/cdk/overlay';\n\nexport type EuiPopoverPosition = 'top' | 'right' | 'bottom' | 'left';\n\nexport const TOP = new ConnectionPositionPair({ originX: 'center', originY: 'top' }, { overlayX: 'center', overlayY: 'bottom' }, 0, 0, ['eui-popover-position', 'eui-popover-position--top']);\nexport const BOTTOM = new ConnectionPositionPair({ originX: 'center', originY: 'bottom' }, { overlayX: 'center', overlayY: 'top' }, 0, 0, ['eui-popover-position', 'eui-popover-position--bottom']);\nexport const LEFT = new ConnectionPositionPair({ originX: 'start', originY: 'center' }, { overlayX: 'end', overlayY: 'center' }, 0, 0, ['eui-popover-position', 'eui-popover-position--left']);\nexport const RIGHT = new ConnectionPositionPair({ originX: 'end', originY: 'center' }, { overlayX: 'start', overlayY: 'center' }, 0, 0, ['eui-popover-position', 'eui-popover-position--right']);\n\nexport const getPosition = ({ connectionPair }: ConnectedOverlayPositionChange): EuiPopoverPosition => {\n    switch (connectionPair) {\n        case TOP:\n            return 'top';\n        case BOTTOM:\n            return 'bottom';\n        case LEFT:\n            return 'left';\n        case RIGHT:\n            return 'right';\n    }\n};\n", "import { DOCUMENT } from '@angular/common';\nimport { Directive, ElementRef, Inject, Input, OnDestroy, OnInit, Renderer2 } from '@angular/core';\nimport { Observable, Subject, takeUntil } from 'rxjs';\n\nimport { EuiPopoverPosition } from '../models/eui-popover-position.model';\n\n@Directive({\n    selector: '[euiPopoverArrowPosition]',\n})\nexport class EuiPopoverArrowPositionDirective implements OnInit, OnDestroy {\n    @Input('euiPopoverArrowPosition')\n    public position$: Observable<[EuiPopoverPosition, DOMRect]>;\n\n    private destroy$: Subject<void> = new Subject();\n\n    constructor(\n        private renderer: Renderer2,\n        private elementRef: ElementRef,\n        @Inject(DOCUMENT) private document: Document,\n    ) {}\n\n    ngOnInit(): void {\n        this.position$.pipe(takeUntil(this.destroy$)).subscribe(([position, originRect]) => {\n            this.renderer.setProperty(this.elementRef.nativeElement, 'style', this.getStyle(position, originRect));\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.destroy$.complete();\n    }\n\n    private getStyle(position: EuiPopoverPosition, originRect: DOMRect): string {\n        const arrowRect: DOMRect = this.elementRef.nativeElement.getBoundingClientRect();\n\n        if (position === 'left' || position === 'right') {\n            const verticalDiff: number =\n                Math.floor(arrowRect.top + arrowRect.height / 2) - Math.floor(originRect.top + originRect.height / 2);\n\n            if (verticalDiff > 0) {\n                return `top: ${originRect.top + originRect.height / 2}px`;\n            } else if (verticalDiff < 0) {\n                return `top: unset; bottom: ${\n                    this.document.body.clientHeight - originRect.bottom + originRect.height / 2 - arrowRect.height\n                }px`;\n            }\n        }\n        if (position === 'top' || position === 'bottom') {\n            const horizontalDiff: number =\n                Math.floor(arrowRect.left + arrowRect.width / 2) - Math.floor(originRect.left + originRect.width / 2);\n\n            if (horizontalDiff > 0) {\n                return `left: ${originRect.left + originRect.width / 2}px`;\n            } else if (horizontalDiff < 0) {\n                return `left: unset; right: ${\n                    this.document.body.clientWidth - originRect.right + originRect.width / 2 - arrowRect.width\n                }px`;\n            }\n        }\n        return '';\n    }\n}\n", "import {\n    Component,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    Input,\n    ViewChild,\n    TemplateRef,\n    ViewContainerRef,\n    AfterViewInit,\n    OnDestroy,\n    OnInit,\n    Output,\n    EventEmitter,\n    ElementRef,\n    OnChanges,\n    SimpleChanges,\n    booleanAttribute,\n} from '@angular/core';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport {\n    Overlay,\n    OverlayRef,\n    ConnectionPositionPair,\n    FlexibleConnectedPositionStrategyOrigin,\n    ScrollDispatcher,\n    CdkScrollable,\n    FlexibleConnectedPositionStrategy,\n} from '@angular/cdk/overlay';\nimport { BehaviorSubject, Observable, Subject, Subscription } from 'rxjs';\nimport { distinctUntilChanged, map, switchMap, takeUntil } from 'rxjs/operators';\n\nimport { BaseDirective, BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiPopoverPosition, BOTTOM, LEFT, RIGHT, TOP, getPosition } from './models/eui-popover-position.model';\n\n@Component({\n    selector: 'eui-popover',\n    templateUrl: './eui-popover.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSize2XL',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EuiPopoverComponent implements AfterViewInit, OnDestroy, OnInit, OnChanges {\n    @Input() title: string;\n    @Input() position: EuiPopoverPosition = 'bottom';\n    @Input() size: 'default' | 'small' | 'large' | 'auto' | 's' | 'm' | 'l' | 'xl' | string = 'default';\n    @Input() type: 'default' | 'flat' | 'colored-header' | 'colored-solid' = 'default';\n    @Input() width: string = null;\n    @Input({ transform: booleanAttribute }) hasBackDrop = false;\n    @Input({ transform: booleanAttribute }) hasCloseButton = true;\n    @Input({ transform: booleanAttribute }) isDismissable = true;\n\n    @Output() outsideClick = new EventEmitter();\n    @Output() popoverOpen = new EventEmitter();\n    @Output() popoverClose = new EventEmitter();\n\n    public cdkTrapFocusAutoCapture = true;\n    public position$: Observable<[EuiPopoverPosition, DOMRect]>;\n\n    @ViewChild('templatePortalContent') templatePortalContent: TemplateRef<unknown>;\n\n    private templatePortal: TemplatePortal;\n    private overlayRef: OverlayRef;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private isOpen$: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);\n    private scrollDispatcherSubscription = new Subscription();\n    private origin: ElementRef;\n    private preferredPositons: ConnectionPositionPair[] = [BOTTOM, TOP, LEFT, RIGHT];\n    private positionStrategy: FlexibleConnectedPositionStrategy;\n    private positionStrategyUpdate$: Subject<void> = new Subject();\n\n    constructor(private overlay: Overlay,\n                private viewContainerRef: ViewContainerRef,\n                private scrollDispatcher: ScrollDispatcher,\n                private baseStatesDirective: BaseStatesDirective){\n    }\n\n    ngOnChanges(c: SimpleChanges): void {\n        if (this.position === 'top') {\n            this.preferredPositons = [TOP, BOTTOM, LEFT, RIGHT];\n        } else if (this.position === 'right') {\n            this.preferredPositons = [RIGHT, LEFT, TOP, BOTTOM];\n        } else if (this.position === 'left') {\n            this.preferredPositons = [LEFT, RIGHT, TOP, BOTTOM];\n        } else {\n            this.preferredPositons = [BOTTOM, TOP, LEFT, RIGHT];\n        }\n    }\n\n    ngOnInit(): void {\n        this.setPositionStream();\n    }\n\n    ngAfterViewInit(): void {\n        this.templatePortal = new TemplatePortal(this.templatePortalContent, this.viewContainerRef);\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n        this.scrollDispatcherSubscription.unsubscribe();\n        this.overlayRef?.dispose();\n        this.overlayRef = null;\n    }\n\n    /** @deprecated This will be removed in next version of eui in favor of isOpen */\n    get isPopoverOpen(): boolean {\n        return this.isOpen$.value;\n    }\n\n    /**\n     * Whether the eui-popover is open.\n     *\n     * @usageNotes\n     * ```html\n     * <eui-popover #popover>\n     *     \\@if (popover.isOpen) {\n     *          <my-component></my-component>\n     *     }\n     * </eui-popover>\n     * ```\n     * @returns A boolean with value `true` when open, otherwise `false`.\n     */\n    get isOpen(): boolean {\n        return this.isOpen$.value;\n    }\n\n    public onContentChange(): void {\n        this.positionStrategy = this.getPositionStrategy();\n        this.positionStrategyUpdate$.next();\n        this.overlayRef.updatePositionStrategy(this.positionStrategy);\n    }\n\n    /**\n     * Open a popover\n     *\n     * @param origin Origin of the popover position\n     */\n    public openPopover(origin: ElementRef): void {\n        if (!this.isPopoverOpen) {\n            this.cdkTrapFocusAutoCapture = true;\n            this.scrollDispatcherSubscription = this.scrollDispatcher.ancestorScrolled(origin).subscribe((event: CdkScrollable) => {\n                const scrollableParent = event ? event.getElementRef().nativeElement : document.querySelector('body');\n                if (!this.isVisible(origin as unknown as HTMLElement, scrollableParent)) {\n                    this.closePopover();\n                }\n            });\n\n            this.origin = origin;\n            const positionStrategy = this.getPositionStrategy();\n\n            const scrollStrategy = this.overlay.scrollStrategies.reposition({ scrollThrottle: 10 });\n\n            this.overlayRef = this.overlay.create({\n                positionStrategy,\n                scrollStrategy,\n                disposeOnNavigation: true,\n                width: this.width,\n                panelClass: this.baseStatesDirective.getCssClasses('eui-popover').split(' '),\n            });\n            this.overlayRef.attach(this.templatePortal);\n\n            this.positionStrategy = positionStrategy;\n            this.positionStrategyUpdate$.next();\n\n            this.overlayRef\n                .outsidePointerEvents()\n                .pipe(takeUntil(this.destroy$))\n                .subscribe(() => {\n                    if (this.isDismissable) {\n                        this.outsideClick.emit();\n                        this.closePopover();\n                    }\n                });\n\n            this.isOpen$.next(true);\n            this.popoverOpen.emit();\n        }\n    }\n\n    /**\n     * Close a popover\n     */\n    public closePopover(): void {\n        this.scrollDispatcherSubscription.unsubscribe();\n        this.overlayRef.dispose();\n        this.overlayRef = null;\n        this.isOpen$.next(false);\n        this.popoverClose.emit();\n    }\n\n    /**\n     * Reacts on the Esc keydown event to close the popup. Can be used as alternative to the close icon button,\n     * or as the main way to close the popup when hasCloseButton is false\n     *\n     * @param event The key event pressed\n     */\n    public onKeyDown(event: KeyboardEvent): void {\n        if (event.key === 'Escape') {\n            this.closePopover();\n        }\n    }\n\n    private isVisible(origin: HTMLElement, scrollableParent: HTMLElement): boolean {\n        const originY = origin.getBoundingClientRect().y;\n        const scrollableParentY = Math.abs(scrollableParent.getBoundingClientRect().y);\n        const scrollableParentHeight = scrollableParent.getBoundingClientRect().height - 50;\n\n        return (\n            (originY > 0 && originY < scrollableParentHeight) ||\n            (originY - scrollableParentY > 0 && originY < scrollableParentY + scrollableParentHeight)\n        );\n    }\n\n    private getPositionStrategy(): FlexibleConnectedPositionStrategy {\n        return this.overlay\n            .position()\n            .flexibleConnectedTo(this.origin as FlexibleConnectedPositionStrategyOrigin)\n            .withPositions(this.preferredPositons)\n            .withFlexibleDimensions(false)\n            .withLockedPosition(true);\n    }\n\n    private setPositionStream(): void {\n        this.position$ = this.positionStrategyUpdate$.pipe(\n            switchMap(() => this.positionStrategy.positionChanges),\n            map(getPosition),\n            distinctUntilChanged(),\n            map((position) => {\n                const rect = this.origin.nativeElement ?\n                    this.origin.nativeElement.getBoundingClientRect() :\n                    (this.origin as unknown as HTMLElement).getBoundingClientRect();\n                return [position, rect];\n            }),\n        );\n    }\n}\n", "<ng-template #templatePortalContent>\n    @if (cdkTrapFocusAutoCapture) {\n        <ng-container *ngTemplateOutlet=\"template; context: { $implicit: true }\"></ng-container>\n    }\n    @if (!cdkTrapFocusAutoCapture) {\n        <ng-container *ngTemplateOutlet=\"template; context: { $implicit: false }\"></ng-container>\n    }\n</ng-template>\n\n<ng-template #template let-autoCapture>\n    <div class=\"eui-popover__container\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"autoCapture\" (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 (title) {\n                    <button euiButton euiRounded euiIconButton euiBasicButton euiSizeS class=\"eui-popover__header-close\" aria-label=\"Close Icon Button\" (click)=\"closePopover()\">\n                        <eui-icon-svg icon=\"eui-close\" fillColor=\"primary-100\" aria-label=\"Close Icon\" class=\"eui-popover__header-close-icon\"></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", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { ObserversModule } from '@angular/cdk/observers';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\nimport { EuiPopoverComponent } from './eui-popover.component';\nimport { EuiPopoverArrowPositionDirective } from './directives/eui-popover-arrow-position.directive';\n\n@NgModule({\n    imports: [CommonModule, OverlayModule, EuiButtonModule, EuiIconModule, A11yModule, ObserversModule],\n    declarations: [EuiPopoverComponent, EuiPopoverArrowPositionDirective],\n    exports: [EuiPopoverComponent],\n})\nexport class EuiPopoverModule {}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["document", "Input", "Subject", "takeUntil", "i0"]
 }

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

@@ -46,7 +46,7 @@ var EuiProgressBarComponent = class _EuiProgressBarComponent {
 <div class="eui-progress-bar__indicator-container">
     <div class="eui-progress-bar__indicator" [style.width]="!isIndeterminate ? progress + '%' : null"></div>
 </div>
-`, styles: [":host.eui-progress-bar{align-items:center;display:flex;flex-direction:column;position:relative}.eui-progress-bar__header{align-items:center;display:flex;justify-content:space-between;height:var(--eui-base-spacing-l);margin-bottom:var(--eui-base-spacing-s);width:100%}.eui-progress-bar__header-label{display:flex;justify-content:flex-start;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-progress-bar__header-status{display:flex;justify-content:flex-end}.eui-progress-bar__indicator-container{margin-bottom:var(--eui-base-spacing-2xs);background-color:var(--eui-ctx-c-s-lightest);height:var(--eui-base-spacing-2xs);position:relative;width:100%}.eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-ctx-c-p);height:100%;transition:width .25s ease}:host.eui-progress-bar--size-2xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-2xs)}:host.eui-progress-bar--size-xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xs)}:host.eui-progress-bar--size-s .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-s)}:host.eui-progress-bar--size-m .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-m)}:host.eui-progress-bar--size-l .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-l)}:host.eui-progress-bar--size-xl .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xl)}@media screen and (max-width: 767px){:host.eui-progress-bar--size-2xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xs)}}:host.eui-progress-bar--secondary .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-ctx-c-s-bg-light)}:host.eui-progress-bar--success .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-ctx-c-su)}:host.eui-progress-bar--info .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-ctx-c-in)}:host.eui-progress-bar--warning .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-ctx-c-wa)}:host.eui-progress-bar--danger .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-ctx-c-da)}:host.eui-progress-bar--accent .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-ctx-c-ac)}:host.eui-progress-bar--indeterminate .eui-progress-bar__indicator-container .eui-progress-bar__indicator{animation:progress-linear-indeterminate 2s infinite linear;background-color:var(--eui-ctx-c-s-lightest);background-size:200% 100%;background-image:linear-gradient(to right,transparent 50%,var(--eui-ctx-c-p) 50%,var(--eui-ctx-c-p) 60%,transparent 60%,transparent 71.5%,var(--eui-ctx-c-p) 71.5%,var(--eui-ctx-c-p) 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", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+`, styles: [":host.eui-progress-bar{align-items:center;display:flex;flex-direction:column;position:relative}.eui-progress-bar__header{align-items:center;display:flex;justify-content:space-between;height:var(--eui-base-spacing-l);margin-bottom:var(--eui-base-spacing-s);width:100%}.eui-progress-bar__header-label{display:flex;justify-content:flex-start;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-progress-bar__header-status{display:flex;justify-content:flex-end}.eui-progress-bar__indicator-container{margin-bottom:var(--eui-base-spacing-2xs);background-color:var(--eui-c-secondary-lightest);height:var(--eui-base-spacing-2xs);position:relative;width:100%}.eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-primary);height:100%;transition:width .25s ease}:host.eui-progress-bar--size-2xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-2xs)}:host.eui-progress-bar--size-xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xs)}:host.eui-progress-bar--size-s .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-s)}:host.eui-progress-bar--size-m .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-m)}:host.eui-progress-bar--size-l .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-l)}:host.eui-progress-bar--size-xl .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xl)}@media screen and (max-width: 767px){:host.eui-progress-bar--size-2xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xs)}}:host.eui-progress-bar--secondary .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-secondary-bg-light)}:host.eui-progress-bar--success .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-success)}:host.eui-progress-bar--info .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-info)}:host.eui-progress-bar--warning .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-warning)}:host.eui-progress-bar--danger .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-danger)}:host.eui-progress-bar--accent .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-accent)}:host.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-secondary-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", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiProgressBarComponent, decorators: [{
@@ -82,7 +82,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
 <div class="eui-progress-bar__indicator-container">
     <div class="eui-progress-bar__indicator" [style.width]="!isIndeterminate ? progress + '%' : null"></div>
 </div>
-`, styles: [":host.eui-progress-bar{align-items:center;display:flex;flex-direction:column;position:relative}.eui-progress-bar__header{align-items:center;display:flex;justify-content:space-between;height:var(--eui-base-spacing-l);margin-bottom:var(--eui-base-spacing-s);width:100%}.eui-progress-bar__header-label{display:flex;justify-content:flex-start;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-progress-bar__header-status{display:flex;justify-content:flex-end}.eui-progress-bar__indicator-container{margin-bottom:var(--eui-base-spacing-2xs);background-color:var(--eui-ctx-c-s-lightest);height:var(--eui-base-spacing-2xs);position:relative;width:100%}.eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-ctx-c-p);height:100%;transition:width .25s ease}:host.eui-progress-bar--size-2xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-2xs)}:host.eui-progress-bar--size-xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xs)}:host.eui-progress-bar--size-s .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-s)}:host.eui-progress-bar--size-m .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-m)}:host.eui-progress-bar--size-l .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-l)}:host.eui-progress-bar--size-xl .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xl)}@media screen and (max-width: 767px){:host.eui-progress-bar--size-2xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xs)}}:host.eui-progress-bar--secondary .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-ctx-c-s-bg-light)}:host.eui-progress-bar--success .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-ctx-c-su)}:host.eui-progress-bar--info .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-ctx-c-in)}:host.eui-progress-bar--warning .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-ctx-c-wa)}:host.eui-progress-bar--danger .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-ctx-c-da)}:host.eui-progress-bar--accent .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-ctx-c-ac)}:host.eui-progress-bar--indeterminate .eui-progress-bar__indicator-container .eui-progress-bar__indicator{animation:progress-linear-indeterminate 2s infinite linear;background-color:var(--eui-ctx-c-s-lightest);background-size:200% 100%;background-image:linear-gradient(to right,transparent 50%,var(--eui-ctx-c-p) 50%,var(--eui-ctx-c-p) 60%,transparent 60%,transparent 71.5%,var(--eui-ctx-c-p) 71.5%,var(--eui-ctx-c-p) 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"] }]
+`, styles: [":host.eui-progress-bar{align-items:center;display:flex;flex-direction:column;position:relative}.eui-progress-bar__header{align-items:center;display:flex;justify-content:space-between;height:var(--eui-base-spacing-l);margin-bottom:var(--eui-base-spacing-s);width:100%}.eui-progress-bar__header-label{display:flex;justify-content:flex-start;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-progress-bar__header-status{display:flex;justify-content:flex-end}.eui-progress-bar__indicator-container{margin-bottom:var(--eui-base-spacing-2xs);background-color:var(--eui-c-secondary-lightest);height:var(--eui-base-spacing-2xs);position:relative;width:100%}.eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-primary);height:100%;transition:width .25s ease}:host.eui-progress-bar--size-2xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-2xs)}:host.eui-progress-bar--size-xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xs)}:host.eui-progress-bar--size-s .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-s)}:host.eui-progress-bar--size-m .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-m)}:host.eui-progress-bar--size-l .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-l)}:host.eui-progress-bar--size-xl .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xl)}@media screen and (max-width: 767px){:host.eui-progress-bar--size-2xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xs)}}:host.eui-progress-bar--secondary .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-secondary-bg-light)}:host.eui-progress-bar--success .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-success)}:host.eui-progress-bar--info .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-info)}:host.eui-progress-bar--warning .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-warning)}:host.eui-progress-bar--danger .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-danger)}:host.eui-progress-bar--accent .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-accent)}:host.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-secondary-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"] }]
 }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { e2eAttr: [{
   type: HostBinding,
   args: ["attr.data-e2e"]

package/fesm2022/eui-components-eui-progress-bar.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-progress-bar/eui-progress-bar.component.ts", "../../eui-progress-bar/eui-progress-bar.component.html", "../../eui-progress-bar/eui-progress-bar.module.ts"],
   "sourcesContent": ["import {\n    Component,\n    Input,\n    ChangeDetectionStrategy,\n    SimpleChanges,\n    OnChanges,\n    HostBinding,\n    booleanAttribute,\n    numberAttribute,\n} from '@angular/core';\nimport { BooleanInput, NumberInput } from '@angular/cdk/coercion';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    templateUrl: './eui-progress-bar.component.html',\n    selector: 'eui-progress-bar',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiSize2XS',\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiVariant',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EuiProgressBarComponent implements OnChanges {\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-progress-bar';\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n\n    @Input() label = '';\n\n    @Input({ transform: numberAttribute })\n    progress: NumberInput;\n\n    @Input({ transform: booleanAttribute })\n    isIndeterminate: BooleanInput = false;\n\n    @Input({ transform: booleanAttribute })\n    hasStatusIcon: BooleanInput = false;\n\n    constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['progress']) {\n            this.progress = changes['progress'].currentValue;\n            if ((this?.progress as number) > 100) {\n                this.progress = 100;\n            }\n        }\n    }\n\n    private getCssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-progress-bar'),\n            this.isIndeterminate ? 'eui-progress-bar--indeterminate' : '',\n            this.hasStatusIcon ? 'eui-progress-bar--hasStatusIcon' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n}\n", "<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-100\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"baseStatesDirective?.euiWarning\" icon=\"eui-ecl-warning\" fillColor=\"warning-100\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"baseStatesDirective?.euiDanger\" icon=\"eui-ecl-error\" fillColor=\"danger-100\"></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", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiProgressBarComponent } from './eui-progress-bar.component';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule],\n    declarations: [EuiProgressBarComponent],\n    exports: [EuiProgressBarComponent],\n})\nexport class EuiProgressBarModule {}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

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

@@ -87,7 +87,7 @@ var EuiProgressCircleComponent = class _EuiProgressCircleComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", 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.0.0-next.4", 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-progress-circle{position:relative}.eui-progress-circle-content{background-color:#f2e9e1;border-radius:100%;box-shadow:var(--eui-base-shadow-1);height:6rem;line-height:6rem;margin:var(--eui-base-spacing-m);padding:0;position:relative;width:6rem}.eui-progress-circle-content:after{background-color:var(--eui-ctx-c-white);border:none;border-radius:50%;content:" ";display:block;height:4.5rem;left:.75rem;position:absolute;text-align:center;top:.75rem;width:4.5rem}.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-progress-circle-content__label-block{text-align:center}.eui-progress-circle-content__label-block--large{padding-top:var(--eui-base-spacing-m)}.eui-progress-circle-content__left-half-clipper{border-radius:50%;clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content__value-bar{border:.7894736842rem solid var(--eui-ctx-c-p);border-radius:50%;box-sizing:border-box;clip:rect(0,3rem,6rem,0);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content--over50 .eui-progress-circle-content__left-half-clipper{clip:rect(auto,auto,auto,auto)}.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-in);border-radius:50%;clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content:not(.eui-progress-circle-content--over50) .eui-progress-circle-content__first50-bar{display:none}.eui-progress-circle-content--info .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-in)}.eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-su)}.eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-wa)}.eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-da)}.eui-progress-circle-content.p0 .eui-progress-circle-content__value-bar{display:none}.eui-progress-circle-content.p1 .eui-progress-circle-content__value-bar{transform:rotate(3.6deg)}.eui-progress-circle-content.p2 .eui-progress-circle-content__value-bar{transform:rotate(7.2deg)}.eui-progress-circle-content.p3 .eui-progress-circle-content__value-bar{transform:rotate(10.8deg)}.eui-progress-circle-content.p4 .eui-progress-circle-content__value-bar{transform:rotate(14.4deg)}.eui-progress-circle-content.p5 .eui-progress-circle-content__value-bar{transform:rotate(18deg)}.eui-progress-circle-content.p6 .eui-progress-circle-content__value-bar{transform:rotate(21.6deg)}.eui-progress-circle-content.p7 .eui-progress-circle-content__value-bar{transform:rotate(25.2deg)}.eui-progress-circle-content.p8 .eui-progress-circle-content__value-bar{transform:rotate(28.8deg)}.eui-progress-circle-content.p9 .eui-progress-circle-content__value-bar{transform:rotate(32.4deg)}.eui-progress-circle-content.p10 .eui-progress-circle-content__value-bar{transform:rotate(36deg)}.eui-progress-circle-content.p11 .eui-progress-circle-content__value-bar{transform:rotate(39.6deg)}.eui-progress-circle-content.p12 .eui-progress-circle-content__value-bar{transform:rotate(43.2deg)}.eui-progress-circle-content.p13 .eui-progress-circle-content__value-bar{transform:rotate(46.8deg)}.eui-progress-circle-content.p14 .eui-progress-circle-content__value-bar{transform:rotate(50.4deg)}.eui-progress-circle-content.p15 .eui-progress-circle-content__value-bar{transform:rotate(54deg)}.eui-progress-circle-content.p16 .eui-progress-circle-content__value-bar{transform:rotate(57.6deg)}.eui-progress-circle-content.p17 .eui-progress-circle-content__value-bar{transform:rotate(61.2deg)}.eui-progress-circle-content.p18 .eui-progress-circle-content__value-bar{transform:rotate(64.8deg)}.eui-progress-circle-content.p19 .eui-progress-circle-content__value-bar{transform:rotate(68.4deg)}.eui-progress-circle-content.p20 .eui-progress-circle-content__value-bar{transform:rotate(72deg)}.eui-progress-circle-content.p21 .eui-progress-circle-content__value-bar{transform:rotate(75.6deg)}.eui-progress-circle-content.p22 .eui-progress-circle-content__value-bar{transform:rotate(79.2deg)}.eui-progress-circle-content.p23 .eui-progress-circle-content__value-bar{transform:rotate(82.8deg)}.eui-progress-circle-content.p24 .eui-progress-circle-content__value-bar{transform:rotate(86.4deg)}.eui-progress-circle-content.p25 .eui-progress-circle-content__value-bar{transform:rotate(90deg)}.eui-progress-circle-content.p26 .eui-progress-circle-content__value-bar{transform:rotate(93.6deg)}.eui-progress-circle-content.p27 .eui-progress-circle-content__value-bar{transform:rotate(97.2deg)}.eui-progress-circle-content.p28 .eui-progress-circle-content__value-bar{transform:rotate(100.8deg)}.eui-progress-circle-content.p29 .eui-progress-circle-content__value-bar{transform:rotate(104.4deg)}.eui-progress-circle-content.p30 .eui-progress-circle-content__value-bar{transform:rotate(108deg)}.eui-progress-circle-content.p31 .eui-progress-circle-content__value-bar{transform:rotate(111.6deg)}.eui-progress-circle-content.p32 .eui-progress-circle-content__value-bar{transform:rotate(115.2deg)}.eui-progress-circle-content.p33 .eui-progress-circle-content__value-bar{transform:rotate(118.8deg)}.eui-progress-circle-content.p34 .eui-progress-circle-content__value-bar{transform:rotate(122.4deg)}.eui-progress-circle-content.p35 .eui-progress-circle-content__value-bar{transform:rotate(126deg)}.eui-progress-circle-content.p36 .eui-progress-circle-content__value-bar{transform:rotate(129.6deg)}.eui-progress-circle-content.p37 .eui-progress-circle-content__value-bar{transform:rotate(133.2deg)}.eui-progress-circle-content.p38 .eui-progress-circle-content__value-bar{transform:rotate(136.8deg)}.eui-progress-circle-content.p39 .eui-progress-circle-content__value-bar{transform:rotate(140.4deg)}.eui-progress-circle-content.p40 .eui-progress-circle-content__value-bar{transform:rotate(144deg)}.eui-progress-circle-content.p41 .eui-progress-circle-content__value-bar{transform:rotate(147.6deg)}.eui-progress-circle-content.p42 .eui-progress-circle-content__value-bar{transform:rotate(151.2deg)}.eui-progress-circle-content.p43 .eui-progress-circle-content__value-bar{transform:rotate(154.8deg)}.eui-progress-circle-content.p44 .eui-progress-circle-content__value-bar{transform:rotate(158.4deg)}.eui-progress-circle-content.p45 .eui-progress-circle-content__value-bar{transform:rotate(162deg)}.eui-progress-circle-content.p46 .eui-progress-circle-content__value-bar{transform:rotate(165.6deg)}.eui-progress-circle-content.p47 .eui-progress-circle-content__value-bar{transform:rotate(169.2deg)}.eui-progress-circle-content.p48 .eui-progress-circle-content__value-bar{transform:rotate(172.8deg)}.eui-progress-circle-content.p49 .eui-progress-circle-content__value-bar{transform:rotate(176.4deg)}.eui-progress-circle-content.p50 .eui-progress-circle-content__value-bar{transform:rotate(180deg)}.eui-progress-circle-content.p51 .eui-progress-circle-content__value-bar{transform:rotate(183.6deg)}.eui-progress-circle-content.p52 .eui-progress-circle-content__value-bar{transform:rotate(187.2deg)}.eui-progress-circle-content.p53 .eui-progress-circle-content__value-bar{transform:rotate(190.8deg)}.eui-progress-circle-content.p54 .eui-progress-circle-content__value-bar{transform:rotate(194.4deg)}.eui-progress-circle-content.p55 .eui-progress-circle-content__value-bar{transform:rotate(198deg)}.eui-progress-circle-content.p56 .eui-progress-circle-content__value-bar{transform:rotate(201.6deg)}.eui-progress-circle-content.p57 .eui-progress-circle-content__value-bar{transform:rotate(205.2deg)}.eui-progress-circle-content.p58 .eui-progress-circle-content__value-bar{transform:rotate(208.8deg)}.eui-progress-circle-content.p59 .eui-progress-circle-content__value-bar{transform:rotate(212.4deg)}.eui-progress-circle-content.p60 .eui-progress-circle-content__value-bar{transform:rotate(216deg)}.eui-progress-circle-content.p61 .eui-progress-circle-content__value-bar{transform:rotate(219.6deg)}.eui-progress-circle-content.p62 .eui-progress-circle-content__value-bar{transform:rotate(223.2deg)}.eui-progress-circle-content.p63 .eui-progress-circle-content__value-bar{transform:rotate(226.8deg)}.eui-progress-circle-content.p64 .eui-progress-circle-content__value-bar{transform:rotate(230.4deg)}.eui-progress-circle-content.p65 .eui-progress-circle-content__value-bar{transform:rotate(234deg)}.eui-progress-circle-content.p66 .eui-progress-circle-content__value-bar{transform:rotate(237.6deg)}.eui-progress-circle-content.p67 .eui-progress-circle-content__value-bar{transform:rotate(241.2deg)}.eui-progress-circle-content.p68 .eui-progress-circle-content__value-bar{transform:rotate(244.8deg)}.eui-progress-circle-content.p69 .eui-progress-circle-content__value-bar{transform:rotate(248.4deg)}.eui-progress-circle-content.p70 .eui-progress-circle-content__value-bar{transform:rotate(252deg)}.eui-progress-circle-content.p71 .eui-progress-circle-content__value-bar{transform:rotate(255.6deg)}.eui-progress-circle-content.p72 .eui-progress-circle-content__value-bar{transform:rotate(259.2deg)}.eui-progress-circle-content.p73 .eui-progress-circle-content__value-bar{transform:rotate(262.8deg)}.eui-progress-circle-content.p74 .eui-progress-circle-content__value-bar{transform:rotate(266.4deg)}.eui-progress-circle-content.p75 .eui-progress-circle-content__value-bar{transform:rotate(270deg)}.eui-progress-circle-content.p76 .eui-progress-circle-content__value-bar{transform:rotate(273.6deg)}.eui-progress-circle-content.p77 .eui-progress-circle-content__value-bar{transform:rotate(277.2deg)}.eui-progress-circle-content.p78 .eui-progress-circle-content__value-bar{transform:rotate(280.8deg)}.eui-progress-circle-content.p79 .eui-progress-circle-content__value-bar{transform:rotate(284.4deg)}.eui-progress-circle-content.p80 .eui-progress-circle-content__value-bar{transform:rotate(288deg)}.eui-progress-circle-content.p81 .eui-progress-circle-content__value-bar{transform:rotate(291.6deg)}.eui-progress-circle-content.p82 .eui-progress-circle-content__value-bar{transform:rotate(295.2deg)}.eui-progress-circle-content.p83 .eui-progress-circle-content__value-bar{transform:rotate(298.8deg)}.eui-progress-circle-content.p84 .eui-progress-circle-content__value-bar{transform:rotate(302.4deg)}.eui-progress-circle-content.p85 .eui-progress-circle-content__value-bar{transform:rotate(306deg)}.eui-progress-circle-content.p86 .eui-progress-circle-content__value-bar{transform:rotate(309.6deg)}.eui-progress-circle-content.p87 .eui-progress-circle-content__value-bar{transform:rotate(313.2deg)}.eui-progress-circle-content.p88 .eui-progress-circle-content__value-bar{transform:rotate(316.8deg)}.eui-progress-circle-content.p89 .eui-progress-circle-content__value-bar{transform:rotate(320.4deg)}.eui-progress-circle-content.p90 .eui-progress-circle-content__value-bar{transform:rotate(324deg)}.eui-progress-circle-content.p91 .eui-progress-circle-content__value-bar{transform:rotate(327.6deg)}.eui-progress-circle-content.p92 .eui-progress-circle-content__value-bar{transform:rotate(331.2deg)}.eui-progress-circle-content.p93 .eui-progress-circle-content__value-bar{transform:rotate(334.8deg)}.eui-progress-circle-content.p94 .eui-progress-circle-content__value-bar{transform:rotate(338.4deg)}.eui-progress-circle-content.p95 .eui-progress-circle-content__value-bar{transform:rotate(342deg)}.eui-progress-circle-content.p96 .eui-progress-circle-content__value-bar{transform:rotate(345.6deg)}.eui-progress-circle-content.p97 .eui-progress-circle-content__value-bar{transform:rotate(349.2deg)}.eui-progress-circle-content.p98 .eui-progress-circle-content__value-bar{transform:rotate(352.8deg)}.eui-progress-circle-content.p99 .eui-progress-circle-content__value-bar{transform:rotate(356.4deg)}.eui-progress-circle-content.p100 .eui-progress-circle-content__value-bar{transform:rotate(360deg)}.eui-progress-circle-content__icon-label{font-size:26px;position:absolute;right:-10px;top:-7px}.eui-progress-circle-content__bottom-label{margin:-6px auto 0;text-align:center;width:9em;word-wrap:break-word}.eui-progress-circle-content--info.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-in)}.eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-su)}.eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-wa)}.eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-da)}.eui-progress-circle--size-s .eui-progress-circle-content{margin:var(--eui-base-spacing-s);transform:scale(.75)}.eui-progress-circle--size-s .eui-progress-circle-content__icon-label{font-size:20px;position:absolute;right:5px;top:-5px}.eui-progress-circle--size-s .eui-progress-circle-content__bottom-label{margin-top:-10px;width:7em}.eui-progress-circle--size-l .eui-progress-circle-content{margin:var(--eui-base-spacing-m) 3rem;transform:scale(1.5)}.eui-progress-circle--size-l .eui-progress-circle-content__icon-label{font-size:32px;position:absolute;right:-15px;top:-10px}.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 });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", 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-progress-circle{position:relative}.eui-progress-circle-content{background-color:#f2e9e1;border-radius:100%;box-shadow:var(--eui-base-shadow-1);height:6rem;line-height:6rem;margin:var(--eui-base-spacing-m);padding:0;position:relative;width:6rem}.eui-progress-circle-content:after{background-color:var(--eui-c-white);border:none;border-radius:50%;content:" ";display:block;height:4.5rem;left:.75rem;position:absolute;text-align:center;top:.75rem;width:4.5rem}.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-progress-circle-content__label-block{text-align:center}.eui-progress-circle-content__label-block--large{padding-top:var(--eui-base-spacing-m)}.eui-progress-circle-content__left-half-clipper{border-radius:50%;clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content__value-bar{border:.7894736842rem solid var(--eui-c-primary);border-radius:50%;box-sizing:border-box;clip:rect(0,3rem,6rem,0);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content--over50 .eui-progress-circle-content__left-half-clipper{clip:rect(auto,auto,auto,auto)}.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info);border-radius:50%;clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content:not(.eui-progress-circle-content--over50) .eui-progress-circle-content__first50-bar{display:none}.eui-progress-circle-content--info .eui-progress-circle-content__value-bar{border-color:var(--eui-c-info)}.eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-c-success)}.eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-c-warning)}.eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-c-danger)}.eui-progress-circle-content.p0 .eui-progress-circle-content__value-bar{display:none}.eui-progress-circle-content.p1 .eui-progress-circle-content__value-bar{transform:rotate(3.6deg)}.eui-progress-circle-content.p2 .eui-progress-circle-content__value-bar{transform:rotate(7.2deg)}.eui-progress-circle-content.p3 .eui-progress-circle-content__value-bar{transform:rotate(10.8deg)}.eui-progress-circle-content.p4 .eui-progress-circle-content__value-bar{transform:rotate(14.4deg)}.eui-progress-circle-content.p5 .eui-progress-circle-content__value-bar{transform:rotate(18deg)}.eui-progress-circle-content.p6 .eui-progress-circle-content__value-bar{transform:rotate(21.6deg)}.eui-progress-circle-content.p7 .eui-progress-circle-content__value-bar{transform:rotate(25.2deg)}.eui-progress-circle-content.p8 .eui-progress-circle-content__value-bar{transform:rotate(28.8deg)}.eui-progress-circle-content.p9 .eui-progress-circle-content__value-bar{transform:rotate(32.4deg)}.eui-progress-circle-content.p10 .eui-progress-circle-content__value-bar{transform:rotate(36deg)}.eui-progress-circle-content.p11 .eui-progress-circle-content__value-bar{transform:rotate(39.6deg)}.eui-progress-circle-content.p12 .eui-progress-circle-content__value-bar{transform:rotate(43.2deg)}.eui-progress-circle-content.p13 .eui-progress-circle-content__value-bar{transform:rotate(46.8deg)}.eui-progress-circle-content.p14 .eui-progress-circle-content__value-bar{transform:rotate(50.4deg)}.eui-progress-circle-content.p15 .eui-progress-circle-content__value-bar{transform:rotate(54deg)}.eui-progress-circle-content.p16 .eui-progress-circle-content__value-bar{transform:rotate(57.6deg)}.eui-progress-circle-content.p17 .eui-progress-circle-content__value-bar{transform:rotate(61.2deg)}.eui-progress-circle-content.p18 .eui-progress-circle-content__value-bar{transform:rotate(64.8deg)}.eui-progress-circle-content.p19 .eui-progress-circle-content__value-bar{transform:rotate(68.4deg)}.eui-progress-circle-content.p20 .eui-progress-circle-content__value-bar{transform:rotate(72deg)}.eui-progress-circle-content.p21 .eui-progress-circle-content__value-bar{transform:rotate(75.6deg)}.eui-progress-circle-content.p22 .eui-progress-circle-content__value-bar{transform:rotate(79.2deg)}.eui-progress-circle-content.p23 .eui-progress-circle-content__value-bar{transform:rotate(82.8deg)}.eui-progress-circle-content.p24 .eui-progress-circle-content__value-bar{transform:rotate(86.4deg)}.eui-progress-circle-content.p25 .eui-progress-circle-content__value-bar{transform:rotate(90deg)}.eui-progress-circle-content.p26 .eui-progress-circle-content__value-bar{transform:rotate(93.6deg)}.eui-progress-circle-content.p27 .eui-progress-circle-content__value-bar{transform:rotate(97.2deg)}.eui-progress-circle-content.p28 .eui-progress-circle-content__value-bar{transform:rotate(100.8deg)}.eui-progress-circle-content.p29 .eui-progress-circle-content__value-bar{transform:rotate(104.4deg)}.eui-progress-circle-content.p30 .eui-progress-circle-content__value-bar{transform:rotate(108deg)}.eui-progress-circle-content.p31 .eui-progress-circle-content__value-bar{transform:rotate(111.6deg)}.eui-progress-circle-content.p32 .eui-progress-circle-content__value-bar{transform:rotate(115.2deg)}.eui-progress-circle-content.p33 .eui-progress-circle-content__value-bar{transform:rotate(118.8deg)}.eui-progress-circle-content.p34 .eui-progress-circle-content__value-bar{transform:rotate(122.4deg)}.eui-progress-circle-content.p35 .eui-progress-circle-content__value-bar{transform:rotate(126deg)}.eui-progress-circle-content.p36 .eui-progress-circle-content__value-bar{transform:rotate(129.6deg)}.eui-progress-circle-content.p37 .eui-progress-circle-content__value-bar{transform:rotate(133.2deg)}.eui-progress-circle-content.p38 .eui-progress-circle-content__value-bar{transform:rotate(136.8deg)}.eui-progress-circle-content.p39 .eui-progress-circle-content__value-bar{transform:rotate(140.4deg)}.eui-progress-circle-content.p40 .eui-progress-circle-content__value-bar{transform:rotate(144deg)}.eui-progress-circle-content.p41 .eui-progress-circle-content__value-bar{transform:rotate(147.6deg)}.eui-progress-circle-content.p42 .eui-progress-circle-content__value-bar{transform:rotate(151.2deg)}.eui-progress-circle-content.p43 .eui-progress-circle-content__value-bar{transform:rotate(154.8deg)}.eui-progress-circle-content.p44 .eui-progress-circle-content__value-bar{transform:rotate(158.4deg)}.eui-progress-circle-content.p45 .eui-progress-circle-content__value-bar{transform:rotate(162deg)}.eui-progress-circle-content.p46 .eui-progress-circle-content__value-bar{transform:rotate(165.6deg)}.eui-progress-circle-content.p47 .eui-progress-circle-content__value-bar{transform:rotate(169.2deg)}.eui-progress-circle-content.p48 .eui-progress-circle-content__value-bar{transform:rotate(172.8deg)}.eui-progress-circle-content.p49 .eui-progress-circle-content__value-bar{transform:rotate(176.4deg)}.eui-progress-circle-content.p50 .eui-progress-circle-content__value-bar{transform:rotate(180deg)}.eui-progress-circle-content.p51 .eui-progress-circle-content__value-bar{transform:rotate(183.6deg)}.eui-progress-circle-content.p52 .eui-progress-circle-content__value-bar{transform:rotate(187.2deg)}.eui-progress-circle-content.p53 .eui-progress-circle-content__value-bar{transform:rotate(190.8deg)}.eui-progress-circle-content.p54 .eui-progress-circle-content__value-bar{transform:rotate(194.4deg)}.eui-progress-circle-content.p55 .eui-progress-circle-content__value-bar{transform:rotate(198deg)}.eui-progress-circle-content.p56 .eui-progress-circle-content__value-bar{transform:rotate(201.6deg)}.eui-progress-circle-content.p57 .eui-progress-circle-content__value-bar{transform:rotate(205.2deg)}.eui-progress-circle-content.p58 .eui-progress-circle-content__value-bar{transform:rotate(208.8deg)}.eui-progress-circle-content.p59 .eui-progress-circle-content__value-bar{transform:rotate(212.4deg)}.eui-progress-circle-content.p60 .eui-progress-circle-content__value-bar{transform:rotate(216deg)}.eui-progress-circle-content.p61 .eui-progress-circle-content__value-bar{transform:rotate(219.6deg)}.eui-progress-circle-content.p62 .eui-progress-circle-content__value-bar{transform:rotate(223.2deg)}.eui-progress-circle-content.p63 .eui-progress-circle-content__value-bar{transform:rotate(226.8deg)}.eui-progress-circle-content.p64 .eui-progress-circle-content__value-bar{transform:rotate(230.4deg)}.eui-progress-circle-content.p65 .eui-progress-circle-content__value-bar{transform:rotate(234deg)}.eui-progress-circle-content.p66 .eui-progress-circle-content__value-bar{transform:rotate(237.6deg)}.eui-progress-circle-content.p67 .eui-progress-circle-content__value-bar{transform:rotate(241.2deg)}.eui-progress-circle-content.p68 .eui-progress-circle-content__value-bar{transform:rotate(244.8deg)}.eui-progress-circle-content.p69 .eui-progress-circle-content__value-bar{transform:rotate(248.4deg)}.eui-progress-circle-content.p70 .eui-progress-circle-content__value-bar{transform:rotate(252deg)}.eui-progress-circle-content.p71 .eui-progress-circle-content__value-bar{transform:rotate(255.6deg)}.eui-progress-circle-content.p72 .eui-progress-circle-content__value-bar{transform:rotate(259.2deg)}.eui-progress-circle-content.p73 .eui-progress-circle-content__value-bar{transform:rotate(262.8deg)}.eui-progress-circle-content.p74 .eui-progress-circle-content__value-bar{transform:rotate(266.4deg)}.eui-progress-circle-content.p75 .eui-progress-circle-content__value-bar{transform:rotate(270deg)}.eui-progress-circle-content.p76 .eui-progress-circle-content__value-bar{transform:rotate(273.6deg)}.eui-progress-circle-content.p77 .eui-progress-circle-content__value-bar{transform:rotate(277.2deg)}.eui-progress-circle-content.p78 .eui-progress-circle-content__value-bar{transform:rotate(280.8deg)}.eui-progress-circle-content.p79 .eui-progress-circle-content__value-bar{transform:rotate(284.4deg)}.eui-progress-circle-content.p80 .eui-progress-circle-content__value-bar{transform:rotate(288deg)}.eui-progress-circle-content.p81 .eui-progress-circle-content__value-bar{transform:rotate(291.6deg)}.eui-progress-circle-content.p82 .eui-progress-circle-content__value-bar{transform:rotate(295.2deg)}.eui-progress-circle-content.p83 .eui-progress-circle-content__value-bar{transform:rotate(298.8deg)}.eui-progress-circle-content.p84 .eui-progress-circle-content__value-bar{transform:rotate(302.4deg)}.eui-progress-circle-content.p85 .eui-progress-circle-content__value-bar{transform:rotate(306deg)}.eui-progress-circle-content.p86 .eui-progress-circle-content__value-bar{transform:rotate(309.6deg)}.eui-progress-circle-content.p87 .eui-progress-circle-content__value-bar{transform:rotate(313.2deg)}.eui-progress-circle-content.p88 .eui-progress-circle-content__value-bar{transform:rotate(316.8deg)}.eui-progress-circle-content.p89 .eui-progress-circle-content__value-bar{transform:rotate(320.4deg)}.eui-progress-circle-content.p90 .eui-progress-circle-content__value-bar{transform:rotate(324deg)}.eui-progress-circle-content.p91 .eui-progress-circle-content__value-bar{transform:rotate(327.6deg)}.eui-progress-circle-content.p92 .eui-progress-circle-content__value-bar{transform:rotate(331.2deg)}.eui-progress-circle-content.p93 .eui-progress-circle-content__value-bar{transform:rotate(334.8deg)}.eui-progress-circle-content.p94 .eui-progress-circle-content__value-bar{transform:rotate(338.4deg)}.eui-progress-circle-content.p95 .eui-progress-circle-content__value-bar{transform:rotate(342deg)}.eui-progress-circle-content.p96 .eui-progress-circle-content__value-bar{transform:rotate(345.6deg)}.eui-progress-circle-content.p97 .eui-progress-circle-content__value-bar{transform:rotate(349.2deg)}.eui-progress-circle-content.p98 .eui-progress-circle-content__value-bar{transform:rotate(352.8deg)}.eui-progress-circle-content.p99 .eui-progress-circle-content__value-bar{transform:rotate(356.4deg)}.eui-progress-circle-content.p100 .eui-progress-circle-content__value-bar{transform:rotate(360deg)}.eui-progress-circle-content__icon-label{font-size:26px;position:absolute;right:-10px;top:-7px}.eui-progress-circle-content__bottom-label{margin:-6px auto 0;text-align:center;width:9em;word-wrap:break-word}.eui-progress-circle-content--info.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info)}.eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-success)}.eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-warning)}.eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-danger)}.eui-progress-circle--size-s .eui-progress-circle-content{margin:var(--eui-base-spacing-s);transform:scale(.75)}.eui-progress-circle--size-s .eui-progress-circle-content__icon-label{font-size:20px;position:absolute;right:5px;top:-5px}.eui-progress-circle--size-s .eui-progress-circle-content__bottom-label{margin-top:-10px;width:7em}.eui-progress-circle--size-l .eui-progress-circle-content{margin:var(--eui-base-spacing-m) 3rem;transform:scale(1.5)}.eui-progress-circle--size-l .eui-progress-circle-content__icon-label{font-size:32px;position:absolute;right:-15px;top:-10px}.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.0.0-next.4", ngImport: i0, type: EuiProgressCircleComponent, decorators: [{
@@ -102,7 +102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
         "euiSizeVariant"
       ]
     }
-  ], 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-progress-circle{position:relative}.eui-progress-circle-content{background-color:#f2e9e1;border-radius:100%;box-shadow:var(--eui-base-shadow-1);height:6rem;line-height:6rem;margin:var(--eui-base-spacing-m);padding:0;position:relative;width:6rem}.eui-progress-circle-content:after{background-color:var(--eui-ctx-c-white);border:none;border-radius:50%;content:" ";display:block;height:4.5rem;left:.75rem;position:absolute;text-align:center;top:.75rem;width:4.5rem}.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-progress-circle-content__label-block{text-align:center}.eui-progress-circle-content__label-block--large{padding-top:var(--eui-base-spacing-m)}.eui-progress-circle-content__left-half-clipper{border-radius:50%;clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content__value-bar{border:.7894736842rem solid var(--eui-ctx-c-p);border-radius:50%;box-sizing:border-box;clip:rect(0,3rem,6rem,0);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content--over50 .eui-progress-circle-content__left-half-clipper{clip:rect(auto,auto,auto,auto)}.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-in);border-radius:50%;clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content:not(.eui-progress-circle-content--over50) .eui-progress-circle-content__first50-bar{display:none}.eui-progress-circle-content--info .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-in)}.eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-su)}.eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-wa)}.eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-da)}.eui-progress-circle-content.p0 .eui-progress-circle-content__value-bar{display:none}.eui-progress-circle-content.p1 .eui-progress-circle-content__value-bar{transform:rotate(3.6deg)}.eui-progress-circle-content.p2 .eui-progress-circle-content__value-bar{transform:rotate(7.2deg)}.eui-progress-circle-content.p3 .eui-progress-circle-content__value-bar{transform:rotate(10.8deg)}.eui-progress-circle-content.p4 .eui-progress-circle-content__value-bar{transform:rotate(14.4deg)}.eui-progress-circle-content.p5 .eui-progress-circle-content__value-bar{transform:rotate(18deg)}.eui-progress-circle-content.p6 .eui-progress-circle-content__value-bar{transform:rotate(21.6deg)}.eui-progress-circle-content.p7 .eui-progress-circle-content__value-bar{transform:rotate(25.2deg)}.eui-progress-circle-content.p8 .eui-progress-circle-content__value-bar{transform:rotate(28.8deg)}.eui-progress-circle-content.p9 .eui-progress-circle-content__value-bar{transform:rotate(32.4deg)}.eui-progress-circle-content.p10 .eui-progress-circle-content__value-bar{transform:rotate(36deg)}.eui-progress-circle-content.p11 .eui-progress-circle-content__value-bar{transform:rotate(39.6deg)}.eui-progress-circle-content.p12 .eui-progress-circle-content__value-bar{transform:rotate(43.2deg)}.eui-progress-circle-content.p13 .eui-progress-circle-content__value-bar{transform:rotate(46.8deg)}.eui-progress-circle-content.p14 .eui-progress-circle-content__value-bar{transform:rotate(50.4deg)}.eui-progress-circle-content.p15 .eui-progress-circle-content__value-bar{transform:rotate(54deg)}.eui-progress-circle-content.p16 .eui-progress-circle-content__value-bar{transform:rotate(57.6deg)}.eui-progress-circle-content.p17 .eui-progress-circle-content__value-bar{transform:rotate(61.2deg)}.eui-progress-circle-content.p18 .eui-progress-circle-content__value-bar{transform:rotate(64.8deg)}.eui-progress-circle-content.p19 .eui-progress-circle-content__value-bar{transform:rotate(68.4deg)}.eui-progress-circle-content.p20 .eui-progress-circle-content__value-bar{transform:rotate(72deg)}.eui-progress-circle-content.p21 .eui-progress-circle-content__value-bar{transform:rotate(75.6deg)}.eui-progress-circle-content.p22 .eui-progress-circle-content__value-bar{transform:rotate(79.2deg)}.eui-progress-circle-content.p23 .eui-progress-circle-content__value-bar{transform:rotate(82.8deg)}.eui-progress-circle-content.p24 .eui-progress-circle-content__value-bar{transform:rotate(86.4deg)}.eui-progress-circle-content.p25 .eui-progress-circle-content__value-bar{transform:rotate(90deg)}.eui-progress-circle-content.p26 .eui-progress-circle-content__value-bar{transform:rotate(93.6deg)}.eui-progress-circle-content.p27 .eui-progress-circle-content__value-bar{transform:rotate(97.2deg)}.eui-progress-circle-content.p28 .eui-progress-circle-content__value-bar{transform:rotate(100.8deg)}.eui-progress-circle-content.p29 .eui-progress-circle-content__value-bar{transform:rotate(104.4deg)}.eui-progress-circle-content.p30 .eui-progress-circle-content__value-bar{transform:rotate(108deg)}.eui-progress-circle-content.p31 .eui-progress-circle-content__value-bar{transform:rotate(111.6deg)}.eui-progress-circle-content.p32 .eui-progress-circle-content__value-bar{transform:rotate(115.2deg)}.eui-progress-circle-content.p33 .eui-progress-circle-content__value-bar{transform:rotate(118.8deg)}.eui-progress-circle-content.p34 .eui-progress-circle-content__value-bar{transform:rotate(122.4deg)}.eui-progress-circle-content.p35 .eui-progress-circle-content__value-bar{transform:rotate(126deg)}.eui-progress-circle-content.p36 .eui-progress-circle-content__value-bar{transform:rotate(129.6deg)}.eui-progress-circle-content.p37 .eui-progress-circle-content__value-bar{transform:rotate(133.2deg)}.eui-progress-circle-content.p38 .eui-progress-circle-content__value-bar{transform:rotate(136.8deg)}.eui-progress-circle-content.p39 .eui-progress-circle-content__value-bar{transform:rotate(140.4deg)}.eui-progress-circle-content.p40 .eui-progress-circle-content__value-bar{transform:rotate(144deg)}.eui-progress-circle-content.p41 .eui-progress-circle-content__value-bar{transform:rotate(147.6deg)}.eui-progress-circle-content.p42 .eui-progress-circle-content__value-bar{transform:rotate(151.2deg)}.eui-progress-circle-content.p43 .eui-progress-circle-content__value-bar{transform:rotate(154.8deg)}.eui-progress-circle-content.p44 .eui-progress-circle-content__value-bar{transform:rotate(158.4deg)}.eui-progress-circle-content.p45 .eui-progress-circle-content__value-bar{transform:rotate(162deg)}.eui-progress-circle-content.p46 .eui-progress-circle-content__value-bar{transform:rotate(165.6deg)}.eui-progress-circle-content.p47 .eui-progress-circle-content__value-bar{transform:rotate(169.2deg)}.eui-progress-circle-content.p48 .eui-progress-circle-content__value-bar{transform:rotate(172.8deg)}.eui-progress-circle-content.p49 .eui-progress-circle-content__value-bar{transform:rotate(176.4deg)}.eui-progress-circle-content.p50 .eui-progress-circle-content__value-bar{transform:rotate(180deg)}.eui-progress-circle-content.p51 .eui-progress-circle-content__value-bar{transform:rotate(183.6deg)}.eui-progress-circle-content.p52 .eui-progress-circle-content__value-bar{transform:rotate(187.2deg)}.eui-progress-circle-content.p53 .eui-progress-circle-content__value-bar{transform:rotate(190.8deg)}.eui-progress-circle-content.p54 .eui-progress-circle-content__value-bar{transform:rotate(194.4deg)}.eui-progress-circle-content.p55 .eui-progress-circle-content__value-bar{transform:rotate(198deg)}.eui-progress-circle-content.p56 .eui-progress-circle-content__value-bar{transform:rotate(201.6deg)}.eui-progress-circle-content.p57 .eui-progress-circle-content__value-bar{transform:rotate(205.2deg)}.eui-progress-circle-content.p58 .eui-progress-circle-content__value-bar{transform:rotate(208.8deg)}.eui-progress-circle-content.p59 .eui-progress-circle-content__value-bar{transform:rotate(212.4deg)}.eui-progress-circle-content.p60 .eui-progress-circle-content__value-bar{transform:rotate(216deg)}.eui-progress-circle-content.p61 .eui-progress-circle-content__value-bar{transform:rotate(219.6deg)}.eui-progress-circle-content.p62 .eui-progress-circle-content__value-bar{transform:rotate(223.2deg)}.eui-progress-circle-content.p63 .eui-progress-circle-content__value-bar{transform:rotate(226.8deg)}.eui-progress-circle-content.p64 .eui-progress-circle-content__value-bar{transform:rotate(230.4deg)}.eui-progress-circle-content.p65 .eui-progress-circle-content__value-bar{transform:rotate(234deg)}.eui-progress-circle-content.p66 .eui-progress-circle-content__value-bar{transform:rotate(237.6deg)}.eui-progress-circle-content.p67 .eui-progress-circle-content__value-bar{transform:rotate(241.2deg)}.eui-progress-circle-content.p68 .eui-progress-circle-content__value-bar{transform:rotate(244.8deg)}.eui-progress-circle-content.p69 .eui-progress-circle-content__value-bar{transform:rotate(248.4deg)}.eui-progress-circle-content.p70 .eui-progress-circle-content__value-bar{transform:rotate(252deg)}.eui-progress-circle-content.p71 .eui-progress-circle-content__value-bar{transform:rotate(255.6deg)}.eui-progress-circle-content.p72 .eui-progress-circle-content__value-bar{transform:rotate(259.2deg)}.eui-progress-circle-content.p73 .eui-progress-circle-content__value-bar{transform:rotate(262.8deg)}.eui-progress-circle-content.p74 .eui-progress-circle-content__value-bar{transform:rotate(266.4deg)}.eui-progress-circle-content.p75 .eui-progress-circle-content__value-bar{transform:rotate(270deg)}.eui-progress-circle-content.p76 .eui-progress-circle-content__value-bar{transform:rotate(273.6deg)}.eui-progress-circle-content.p77 .eui-progress-circle-content__value-bar{transform:rotate(277.2deg)}.eui-progress-circle-content.p78 .eui-progress-circle-content__value-bar{transform:rotate(280.8deg)}.eui-progress-circle-content.p79 .eui-progress-circle-content__value-bar{transform:rotate(284.4deg)}.eui-progress-circle-content.p80 .eui-progress-circle-content__value-bar{transform:rotate(288deg)}.eui-progress-circle-content.p81 .eui-progress-circle-content__value-bar{transform:rotate(291.6deg)}.eui-progress-circle-content.p82 .eui-progress-circle-content__value-bar{transform:rotate(295.2deg)}.eui-progress-circle-content.p83 .eui-progress-circle-content__value-bar{transform:rotate(298.8deg)}.eui-progress-circle-content.p84 .eui-progress-circle-content__value-bar{transform:rotate(302.4deg)}.eui-progress-circle-content.p85 .eui-progress-circle-content__value-bar{transform:rotate(306deg)}.eui-progress-circle-content.p86 .eui-progress-circle-content__value-bar{transform:rotate(309.6deg)}.eui-progress-circle-content.p87 .eui-progress-circle-content__value-bar{transform:rotate(313.2deg)}.eui-progress-circle-content.p88 .eui-progress-circle-content__value-bar{transform:rotate(316.8deg)}.eui-progress-circle-content.p89 .eui-progress-circle-content__value-bar{transform:rotate(320.4deg)}.eui-progress-circle-content.p90 .eui-progress-circle-content__value-bar{transform:rotate(324deg)}.eui-progress-circle-content.p91 .eui-progress-circle-content__value-bar{transform:rotate(327.6deg)}.eui-progress-circle-content.p92 .eui-progress-circle-content__value-bar{transform:rotate(331.2deg)}.eui-progress-circle-content.p93 .eui-progress-circle-content__value-bar{transform:rotate(334.8deg)}.eui-progress-circle-content.p94 .eui-progress-circle-content__value-bar{transform:rotate(338.4deg)}.eui-progress-circle-content.p95 .eui-progress-circle-content__value-bar{transform:rotate(342deg)}.eui-progress-circle-content.p96 .eui-progress-circle-content__value-bar{transform:rotate(345.6deg)}.eui-progress-circle-content.p97 .eui-progress-circle-content__value-bar{transform:rotate(349.2deg)}.eui-progress-circle-content.p98 .eui-progress-circle-content__value-bar{transform:rotate(352.8deg)}.eui-progress-circle-content.p99 .eui-progress-circle-content__value-bar{transform:rotate(356.4deg)}.eui-progress-circle-content.p100 .eui-progress-circle-content__value-bar{transform:rotate(360deg)}.eui-progress-circle-content__icon-label{font-size:26px;position:absolute;right:-10px;top:-7px}.eui-progress-circle-content__bottom-label{margin:-6px auto 0;text-align:center;width:9em;word-wrap:break-word}.eui-progress-circle-content--info.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-in)}.eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-su)}.eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-wa)}.eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-da)}.eui-progress-circle--size-s .eui-progress-circle-content{margin:var(--eui-base-spacing-s);transform:scale(.75)}.eui-progress-circle--size-s .eui-progress-circle-content__icon-label{font-size:20px;position:absolute;right:5px;top:-5px}.eui-progress-circle--size-s .eui-progress-circle-content__bottom-label{margin-top:-10px;width:7em}.eui-progress-circle--size-l .eui-progress-circle-content{margin:var(--eui-base-spacing-m) 3rem;transform:scale(1.5)}.eui-progress-circle--size-l .eui-progress-circle-content__icon-label{font-size:32px;position:absolute;right:-15px;top:-10px}.eui-progress-circle--size-l .eui-progress-circle-content__bottom-label{margin-left:25px;margin-right:25px;margin-top:45px}\n'] }]
+  ], 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-progress-circle{position:relative}.eui-progress-circle-content{background-color:#f2e9e1;border-radius:100%;box-shadow:var(--eui-base-shadow-1);height:6rem;line-height:6rem;margin:var(--eui-base-spacing-m);padding:0;position:relative;width:6rem}.eui-progress-circle-content:after{background-color:var(--eui-c-white);border:none;border-radius:50%;content:" ";display:block;height:4.5rem;left:.75rem;position:absolute;text-align:center;top:.75rem;width:4.5rem}.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-progress-circle-content__label-block{text-align:center}.eui-progress-circle-content__label-block--large{padding-top:var(--eui-base-spacing-m)}.eui-progress-circle-content__left-half-clipper{border-radius:50%;clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content__value-bar{border:.7894736842rem solid var(--eui-c-primary);border-radius:50%;box-sizing:border-box;clip:rect(0,3rem,6rem,0);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content--over50 .eui-progress-circle-content__left-half-clipper{clip:rect(auto,auto,auto,auto)}.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info);border-radius:50%;clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content:not(.eui-progress-circle-content--over50) .eui-progress-circle-content__first50-bar{display:none}.eui-progress-circle-content--info .eui-progress-circle-content__value-bar{border-color:var(--eui-c-info)}.eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-c-success)}.eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-c-warning)}.eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-c-danger)}.eui-progress-circle-content.p0 .eui-progress-circle-content__value-bar{display:none}.eui-progress-circle-content.p1 .eui-progress-circle-content__value-bar{transform:rotate(3.6deg)}.eui-progress-circle-content.p2 .eui-progress-circle-content__value-bar{transform:rotate(7.2deg)}.eui-progress-circle-content.p3 .eui-progress-circle-content__value-bar{transform:rotate(10.8deg)}.eui-progress-circle-content.p4 .eui-progress-circle-content__value-bar{transform:rotate(14.4deg)}.eui-progress-circle-content.p5 .eui-progress-circle-content__value-bar{transform:rotate(18deg)}.eui-progress-circle-content.p6 .eui-progress-circle-content__value-bar{transform:rotate(21.6deg)}.eui-progress-circle-content.p7 .eui-progress-circle-content__value-bar{transform:rotate(25.2deg)}.eui-progress-circle-content.p8 .eui-progress-circle-content__value-bar{transform:rotate(28.8deg)}.eui-progress-circle-content.p9 .eui-progress-circle-content__value-bar{transform:rotate(32.4deg)}.eui-progress-circle-content.p10 .eui-progress-circle-content__value-bar{transform:rotate(36deg)}.eui-progress-circle-content.p11 .eui-progress-circle-content__value-bar{transform:rotate(39.6deg)}.eui-progress-circle-content.p12 .eui-progress-circle-content__value-bar{transform:rotate(43.2deg)}.eui-progress-circle-content.p13 .eui-progress-circle-content__value-bar{transform:rotate(46.8deg)}.eui-progress-circle-content.p14 .eui-progress-circle-content__value-bar{transform:rotate(50.4deg)}.eui-progress-circle-content.p15 .eui-progress-circle-content__value-bar{transform:rotate(54deg)}.eui-progress-circle-content.p16 .eui-progress-circle-content__value-bar{transform:rotate(57.6deg)}.eui-progress-circle-content.p17 .eui-progress-circle-content__value-bar{transform:rotate(61.2deg)}.eui-progress-circle-content.p18 .eui-progress-circle-content__value-bar{transform:rotate(64.8deg)}.eui-progress-circle-content.p19 .eui-progress-circle-content__value-bar{transform:rotate(68.4deg)}.eui-progress-circle-content.p20 .eui-progress-circle-content__value-bar{transform:rotate(72deg)}.eui-progress-circle-content.p21 .eui-progress-circle-content__value-bar{transform:rotate(75.6deg)}.eui-progress-circle-content.p22 .eui-progress-circle-content__value-bar{transform:rotate(79.2deg)}.eui-progress-circle-content.p23 .eui-progress-circle-content__value-bar{transform:rotate(82.8deg)}.eui-progress-circle-content.p24 .eui-progress-circle-content__value-bar{transform:rotate(86.4deg)}.eui-progress-circle-content.p25 .eui-progress-circle-content__value-bar{transform:rotate(90deg)}.eui-progress-circle-content.p26 .eui-progress-circle-content__value-bar{transform:rotate(93.6deg)}.eui-progress-circle-content.p27 .eui-progress-circle-content__value-bar{transform:rotate(97.2deg)}.eui-progress-circle-content.p28 .eui-progress-circle-content__value-bar{transform:rotate(100.8deg)}.eui-progress-circle-content.p29 .eui-progress-circle-content__value-bar{transform:rotate(104.4deg)}.eui-progress-circle-content.p30 .eui-progress-circle-content__value-bar{transform:rotate(108deg)}.eui-progress-circle-content.p31 .eui-progress-circle-content__value-bar{transform:rotate(111.6deg)}.eui-progress-circle-content.p32 .eui-progress-circle-content__value-bar{transform:rotate(115.2deg)}.eui-progress-circle-content.p33 .eui-progress-circle-content__value-bar{transform:rotate(118.8deg)}.eui-progress-circle-content.p34 .eui-progress-circle-content__value-bar{transform:rotate(122.4deg)}.eui-progress-circle-content.p35 .eui-progress-circle-content__value-bar{transform:rotate(126deg)}.eui-progress-circle-content.p36 .eui-progress-circle-content__value-bar{transform:rotate(129.6deg)}.eui-progress-circle-content.p37 .eui-progress-circle-content__value-bar{transform:rotate(133.2deg)}.eui-progress-circle-content.p38 .eui-progress-circle-content__value-bar{transform:rotate(136.8deg)}.eui-progress-circle-content.p39 .eui-progress-circle-content__value-bar{transform:rotate(140.4deg)}.eui-progress-circle-content.p40 .eui-progress-circle-content__value-bar{transform:rotate(144deg)}.eui-progress-circle-content.p41 .eui-progress-circle-content__value-bar{transform:rotate(147.6deg)}.eui-progress-circle-content.p42 .eui-progress-circle-content__value-bar{transform:rotate(151.2deg)}.eui-progress-circle-content.p43 .eui-progress-circle-content__value-bar{transform:rotate(154.8deg)}.eui-progress-circle-content.p44 .eui-progress-circle-content__value-bar{transform:rotate(158.4deg)}.eui-progress-circle-content.p45 .eui-progress-circle-content__value-bar{transform:rotate(162deg)}.eui-progress-circle-content.p46 .eui-progress-circle-content__value-bar{transform:rotate(165.6deg)}.eui-progress-circle-content.p47 .eui-progress-circle-content__value-bar{transform:rotate(169.2deg)}.eui-progress-circle-content.p48 .eui-progress-circle-content__value-bar{transform:rotate(172.8deg)}.eui-progress-circle-content.p49 .eui-progress-circle-content__value-bar{transform:rotate(176.4deg)}.eui-progress-circle-content.p50 .eui-progress-circle-content__value-bar{transform:rotate(180deg)}.eui-progress-circle-content.p51 .eui-progress-circle-content__value-bar{transform:rotate(183.6deg)}.eui-progress-circle-content.p52 .eui-progress-circle-content__value-bar{transform:rotate(187.2deg)}.eui-progress-circle-content.p53 .eui-progress-circle-content__value-bar{transform:rotate(190.8deg)}.eui-progress-circle-content.p54 .eui-progress-circle-content__value-bar{transform:rotate(194.4deg)}.eui-progress-circle-content.p55 .eui-progress-circle-content__value-bar{transform:rotate(198deg)}.eui-progress-circle-content.p56 .eui-progress-circle-content__value-bar{transform:rotate(201.6deg)}.eui-progress-circle-content.p57 .eui-progress-circle-content__value-bar{transform:rotate(205.2deg)}.eui-progress-circle-content.p58 .eui-progress-circle-content__value-bar{transform:rotate(208.8deg)}.eui-progress-circle-content.p59 .eui-progress-circle-content__value-bar{transform:rotate(212.4deg)}.eui-progress-circle-content.p60 .eui-progress-circle-content__value-bar{transform:rotate(216deg)}.eui-progress-circle-content.p61 .eui-progress-circle-content__value-bar{transform:rotate(219.6deg)}.eui-progress-circle-content.p62 .eui-progress-circle-content__value-bar{transform:rotate(223.2deg)}.eui-progress-circle-content.p63 .eui-progress-circle-content__value-bar{transform:rotate(226.8deg)}.eui-progress-circle-content.p64 .eui-progress-circle-content__value-bar{transform:rotate(230.4deg)}.eui-progress-circle-content.p65 .eui-progress-circle-content__value-bar{transform:rotate(234deg)}.eui-progress-circle-content.p66 .eui-progress-circle-content__value-bar{transform:rotate(237.6deg)}.eui-progress-circle-content.p67 .eui-progress-circle-content__value-bar{transform:rotate(241.2deg)}.eui-progress-circle-content.p68 .eui-progress-circle-content__value-bar{transform:rotate(244.8deg)}.eui-progress-circle-content.p69 .eui-progress-circle-content__value-bar{transform:rotate(248.4deg)}.eui-progress-circle-content.p70 .eui-progress-circle-content__value-bar{transform:rotate(252deg)}.eui-progress-circle-content.p71 .eui-progress-circle-content__value-bar{transform:rotate(255.6deg)}.eui-progress-circle-content.p72 .eui-progress-circle-content__value-bar{transform:rotate(259.2deg)}.eui-progress-circle-content.p73 .eui-progress-circle-content__value-bar{transform:rotate(262.8deg)}.eui-progress-circle-content.p74 .eui-progress-circle-content__value-bar{transform:rotate(266.4deg)}.eui-progress-circle-content.p75 .eui-progress-circle-content__value-bar{transform:rotate(270deg)}.eui-progress-circle-content.p76 .eui-progress-circle-content__value-bar{transform:rotate(273.6deg)}.eui-progress-circle-content.p77 .eui-progress-circle-content__value-bar{transform:rotate(277.2deg)}.eui-progress-circle-content.p78 .eui-progress-circle-content__value-bar{transform:rotate(280.8deg)}.eui-progress-circle-content.p79 .eui-progress-circle-content__value-bar{transform:rotate(284.4deg)}.eui-progress-circle-content.p80 .eui-progress-circle-content__value-bar{transform:rotate(288deg)}.eui-progress-circle-content.p81 .eui-progress-circle-content__value-bar{transform:rotate(291.6deg)}.eui-progress-circle-content.p82 .eui-progress-circle-content__value-bar{transform:rotate(295.2deg)}.eui-progress-circle-content.p83 .eui-progress-circle-content__value-bar{transform:rotate(298.8deg)}.eui-progress-circle-content.p84 .eui-progress-circle-content__value-bar{transform:rotate(302.4deg)}.eui-progress-circle-content.p85 .eui-progress-circle-content__value-bar{transform:rotate(306deg)}.eui-progress-circle-content.p86 .eui-progress-circle-content__value-bar{transform:rotate(309.6deg)}.eui-progress-circle-content.p87 .eui-progress-circle-content__value-bar{transform:rotate(313.2deg)}.eui-progress-circle-content.p88 .eui-progress-circle-content__value-bar{transform:rotate(316.8deg)}.eui-progress-circle-content.p89 .eui-progress-circle-content__value-bar{transform:rotate(320.4deg)}.eui-progress-circle-content.p90 .eui-progress-circle-content__value-bar{transform:rotate(324deg)}.eui-progress-circle-content.p91 .eui-progress-circle-content__value-bar{transform:rotate(327.6deg)}.eui-progress-circle-content.p92 .eui-progress-circle-content__value-bar{transform:rotate(331.2deg)}.eui-progress-circle-content.p93 .eui-progress-circle-content__value-bar{transform:rotate(334.8deg)}.eui-progress-circle-content.p94 .eui-progress-circle-content__value-bar{transform:rotate(338.4deg)}.eui-progress-circle-content.p95 .eui-progress-circle-content__value-bar{transform:rotate(342deg)}.eui-progress-circle-content.p96 .eui-progress-circle-content__value-bar{transform:rotate(345.6deg)}.eui-progress-circle-content.p97 .eui-progress-circle-content__value-bar{transform:rotate(349.2deg)}.eui-progress-circle-content.p98 .eui-progress-circle-content__value-bar{transform:rotate(352.8deg)}.eui-progress-circle-content.p99 .eui-progress-circle-content__value-bar{transform:rotate(356.4deg)}.eui-progress-circle-content.p100 .eui-progress-circle-content__value-bar{transform:rotate(360deg)}.eui-progress-circle-content__icon-label{font-size:26px;position:absolute;right:-10px;top:-7px}.eui-progress-circle-content__bottom-label{margin:-6px auto 0;text-align:center;width:9em;word-wrap:break-word}.eui-progress-circle-content--info.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info)}.eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-success)}.eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-warning)}.eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-danger)}.eui-progress-circle--size-s .eui-progress-circle-content{margin:var(--eui-base-spacing-s);transform:scale(.75)}.eui-progress-circle--size-s .eui-progress-circle-content__icon-label{font-size:20px;position:absolute;right:5px;top:-5px}.eui-progress-circle--size-s .eui-progress-circle-content__bottom-label{margin-top:-10px;width:7em}.eui-progress-circle--size-l .eui-progress-circle-content{margin:var(--eui-base-spacing-m) 3rem;transform:scale(1.5)}.eui-progress-circle--size-l .eui-progress-circle-content__icon-label{font-size:32px;position:absolute;right:-15px;top:-10px}.eui-progress-circle--size-l .eui-progress-circle-content__bottom-label{margin-left:25px;margin-right:25px;margin-top:45px}\n'] }]
 }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]

package/fesm2022/eui-components-eui-progress-circle.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-progress-circle/eui-progress-circle.component.ts", "../../eui-progress-circle/eui-progress-circle.component.html"],
   "sourcesContent": ["import {\n    AfterContentChecked,\n    AfterContentInit,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Input,\n    NgModule,\n    OnChanges,\n    SimpleChanges,\n    ViewChild,\n    ViewEncapsulation,\n    ChangeDetectionStrategy,\n    HostBinding,\n    booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    templateUrl: './eui-progress-circle.component.html',\n    selector: 'eui-progress-circle',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EuiProgressCircleComponent implements AfterContentInit, OnChanges, AfterContentChecked {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-progress-circle'),\n            this.isLongLabel || this.hasBottomLabel ? 'eui-progress-circle-content--with-bottom-label' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n    @HostBinding('attr.aria-label')\n    @Input() ariaLabel = 'progress circle';\n\n    @Input({ transform: booleanAttribute }) isDefaultColorSteps = true;\n    @Input({ transform: booleanAttribute }) hasBottomLabel = false;\n    @Input() value: number;\n    @Input() emptyLabel = 'N/A';\n    @Input() valueLabel: string;\n    @Input() colorSteps: string;\n    @Input() colorType: string;\n    @Input() iconLabelClass: string;\n    @Input() iconLabelStyleClass: string;\n    @Input() tabindex = '0';\n\n    public stateColorNumberClass = '';\n    public labelValue = '';\n    public percentValue = '';\n    public roundedValue: number;\n    public isLongLabel = false;\n    public offsetWidth = 0;\n\n    @ViewChild('labelValueEl') labelValueEl: ElementRef<HTMLSpanElement>;\n\n    constructor(\n        private cd: ChangeDetectorRef,\n        protected baseStatesDirective: BaseStatesDirective,\n    ) {\n    }\n\n    ngAfterContentInit(): void {\n        this.setColorSteps();\n        this.setLabels();\n    }\n\n    ngAfterContentChecked(): void {\n        if (this.labelValueEl) {\n            this.offsetWidth = this.labelValueEl.nativeElement.offsetWidth;\n            if (this.offsetWidth > 65) {\n                this.isLongLabel = true;\n            }\n        }\n    }\n\n    ngOnChanges(c: SimpleChanges): void {\n        if (c.value) {\n            this.setColorSteps();\n            this.setLabels();\n        }\n        this.cd.detectChanges();\n    }\n\n    setColorSteps(): void {\n        const prefix = 'eui-progress-circle-content--';\n        let colorStepsArray: string[] = [];\n        this.roundedValue = Math.round(this.value);\n\n        if (this.colorSteps) {\n            colorStepsArray = this.colorSteps.split(/[ ,]+/g);\n        } else {\n            colorStepsArray = ['33', '66'];\n        }\n\n        if (this.colorType) {\n            this.stateColorNumberClass = prefix + this.colorType;\n        } else {\n            if (this.isDefaultColorSteps) {\n                if (this.value <= Number.parseInt(colorStepsArray[0], 10)) {\n                    this.stateColorNumberClass = prefix + 'success';\n                }\n                if (this.value > Number.parseInt(colorStepsArray[0], 10) && this.value <= Number.parseInt(colorStepsArray[1], 10)) {\n                    this.stateColorNumberClass = prefix + 'warning';\n                }\n                if (this.value > Number.parseInt(colorStepsArray[1], 10)) {\n                    this.stateColorNumberClass = prefix + 'danger';\n                }\n            }\n        }\n    }\n\n    setLabels(): void {\n        if (this.value === 0 && !this.hasBottomLabel) {\n            this.labelValue = this.emptyLabel;\n        } else if (this.value === 0 && this.hasBottomLabel) {\n            this.labelValue = this.valueLabel;\n        } else {\n            if (this.valueLabel) {\n                this.labelValue = this.valueLabel;\n            } else {\n                this.labelValue = this.value + '%';\n            }\n        }\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [EuiProgressCircleComponent],\n    exports: [EuiProgressCircleComponent],\n})\nexport class EuiProgressCircleModule {}\n", "<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"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

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

@@ -131,12 +131,12 @@ var EuiSelectComponent = class _EuiSelectComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", 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: "14.0.0", version: "18.0.0-next.4", type: _EuiSelectComponent, selector: "select[euiSelect]", inputs: { placeholder: "placeholder", readonly: "readonly", isInvalid: "isInvalid" }, host: { listeners: { "change": "onChange($event.target.value)" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: ['.eui-select{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-ctx-c-white);border:1px solid var(--eui-ctx-c-s-lighter);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);color:var(--eui-ctx-c-text);display:block;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-ctx-c-s-bg-light);overflow-y:auto}.eui-select::placeholder{color:var(--eui-ctx-c-s-lighter)!important;opacity:1}.eui-select[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;pointer-events:none}.eui-select[readonly]+.eui-feedback-message,.eui-select[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-select[disabled]:not([readonly]),.eui-select--disabled:not([readonly]){background-color:var(--eui-ctx-c-s-bg-light)!important;border:1px solid var(--eui-ctx-c-s-lighter)!important;color:var(--eui-ctx-c-s-light);pointer-events:none}.eui-select--invalid,.eui-select--danger{border:1px solid var(--eui-ctx-c-da)}.eui-select--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-select--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-select--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon>svg{fill:var(--eui-ctx-c-s-lighter)}.eui-select--clearable-icon>svg:hover{fill:var(--eui-ctx-c-da)}.eui-select--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-select--loading-icon{align-items:center;display:flex}.eui-select--loading-icon:after,.eui-select--loading-icon:before{content:"";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-select--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-select--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-ctx-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-select--loading-icon--sm:after,.eui-select--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-select::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-ctx-c-s-bg-light)}.eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-ctx-c-bg0);border-radius:5rem}.eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-ctx-c-s-lighter)}.eui-select::-webkit-scrollbar-track{background-color:var(--eui-ctx-c-s-bg-light);border-radius:0}.eui-select:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-select:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select[readonly][multiple=true] option:checked{background:none}.eui-select[hidden],.eui-select[readonly][multiple=true] :not(option:checked){display:none}.eui-select[multiple=true],.eui-select[size]:not([size="1"]):not([size="0"]){background-image:none;height:auto;overflow:auto;padding:var(--eui-base-spacing-2xs) 0}.eui-select__placeholder{color:var(--eui-ctx-c-s-lighter)!important}.eui-select__item{color:var(--eui-ctx-c-s-bg-light)}.eui-select optgroup{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-select optgroup,.eui-select option{appearance:none;color:var(--eui-ctx-c-s-bg-light);display:block;padding:var(--eui-base-spacing-2xs);white-space:pre}.eui-select optgroup:disabled,.eui-select option:disabled{color:var(--eui-ctx-c-s-lightest)}.eui-select:not([readonly]):not([multiple]),.eui-select[size="1"],.eui-select[size="0"]{appearance:none;background-color:var(--eui-ctx-c-white);background-image:var(--eui-internal-icon-chevron-down-path);background-position:calc(100% - var(--eui-base-spacing-s)) center;background-repeat:no-repeat;background-size:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-xl)}\n'], encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EuiSelectComponent, selector: "select[euiSelect]", inputs: { placeholder: "placeholder", readonly: "readonly", isInvalid: "isInvalid" }, host: { listeners: { "change": "onChange($event.target.value)" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: ['.eui-select{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-c-white);border:1px solid var(--eui-c-secondary-lighter);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);color:var(--eui-c-text);display:block;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-c-secondary-bg-light);overflow-y:auto}.eui-select::placeholder{color:var(--eui-c-secondary-lighter)!important;opacity:1}.eui-select[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;pointer-events:none}.eui-select[readonly]+.eui-feedback-message,.eui-select[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-select[disabled]:not([readonly]),.eui-select--disabled:not([readonly]){background-color:var(--eui-c-secondary-bg-light)!important;border:1px solid var(--eui-c-secondary-lighter)!important;color:var(--eui-c-secondary-light);pointer-events:none}.eui-select--invalid,.eui-select--danger{border:1px solid var(--eui-c-danger)}.eui-select--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-select--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-select--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon>svg{fill:var(--eui-c-secondary-lighter)}.eui-select--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-select--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-select--loading-icon{align-items:center;display:flex}.eui-select--loading-icon:after,.eui-select--loading-icon:before{content:"";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-select--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.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-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-select--loading-icon--sm:after,.eui-select--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-select::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-secondary-bg-light)}.eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}.eui-select::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);border-radius:0}.eui-select:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-select:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select[readonly][multiple=true] option:checked{background:none}.eui-select[hidden],.eui-select[readonly][multiple=true] :not(option:checked){display:none}.eui-select[multiple=true],.eui-select[size]:not([size="1"]):not([size="0"]){background-image:none;height:auto;overflow:auto;padding:var(--eui-base-spacing-2xs) 0}.eui-select__placeholder{color:var(--eui-c-secondary-lighter)!important}.eui-select__item{color:var(--eui-c-secondary-bg-light)}.eui-select optgroup{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-select optgroup,.eui-select option{appearance:none;color:var(--eui-c-secondary-bg-light);display:block;padding:var(--eui-base-spacing-2xs);white-space:pre}.eui-select optgroup:disabled,.eui-select option:disabled{color:var(--eui-c-secondary-lightest)}.eui-select:not([readonly]):not([multiple]),.eui-select[size="1"],.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-base-spacing-s)) center;background-repeat:no-repeat;background-size:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-xl)}\n'], encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiSelectComponent, decorators: [{
   type: Component,
-  args: [{ selector: "select[euiSelect]", template: "<ng-content></ng-content>", encapsulation: ViewEncapsulation.None, styles: ['.eui-select{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-ctx-c-white);border:1px solid var(--eui-ctx-c-s-lighter);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);color:var(--eui-ctx-c-text);display:block;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-ctx-c-s-bg-light);overflow-y:auto}.eui-select::placeholder{color:var(--eui-ctx-c-s-lighter)!important;opacity:1}.eui-select[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;pointer-events:none}.eui-select[readonly]+.eui-feedback-message,.eui-select[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-select[disabled]:not([readonly]),.eui-select--disabled:not([readonly]){background-color:var(--eui-ctx-c-s-bg-light)!important;border:1px solid var(--eui-ctx-c-s-lighter)!important;color:var(--eui-ctx-c-s-light);pointer-events:none}.eui-select--invalid,.eui-select--danger{border:1px solid var(--eui-ctx-c-da)}.eui-select--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-select--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-select--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon>svg{fill:var(--eui-ctx-c-s-lighter)}.eui-select--clearable-icon>svg:hover{fill:var(--eui-ctx-c-da)}.eui-select--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-select--loading-icon{align-items:center;display:flex}.eui-select--loading-icon:after,.eui-select--loading-icon:before{content:"";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-select--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-select--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-ctx-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-select--loading-icon--sm:after,.eui-select--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-select::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-ctx-c-s-bg-light)}.eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-ctx-c-bg0);border-radius:5rem}.eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-ctx-c-s-lighter)}.eui-select::-webkit-scrollbar-track{background-color:var(--eui-ctx-c-s-bg-light);border-radius:0}.eui-select:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-select:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select[readonly][multiple=true] option:checked{background:none}.eui-select[hidden],.eui-select[readonly][multiple=true] :not(option:checked){display:none}.eui-select[multiple=true],.eui-select[size]:not([size="1"]):not([size="0"]){background-image:none;height:auto;overflow:auto;padding:var(--eui-base-spacing-2xs) 0}.eui-select__placeholder{color:var(--eui-ctx-c-s-lighter)!important}.eui-select__item{color:var(--eui-ctx-c-s-bg-light)}.eui-select optgroup{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-select optgroup,.eui-select option{appearance:none;color:var(--eui-ctx-c-s-bg-light);display:block;padding:var(--eui-base-spacing-2xs);white-space:pre}.eui-select optgroup:disabled,.eui-select option:disabled{color:var(--eui-ctx-c-s-lightest)}.eui-select:not([readonly]):not([multiple]),.eui-select[size="1"],.eui-select[size="0"]{appearance:none;background-color:var(--eui-ctx-c-white);background-image:var(--eui-internal-icon-chevron-down-path);background-position:calc(100% - var(--eui-base-spacing-s)) center;background-repeat:no-repeat;background-size:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-xl)}\n'] }]
+  args: [{ selector: "select[euiSelect]", template: "<ng-content></ng-content>", encapsulation: ViewEncapsulation.None, styles: ['.eui-select{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-c-white);border:1px solid var(--eui-c-secondary-lighter);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);color:var(--eui-c-text);display:block;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-c-secondary-bg-light);overflow-y:auto}.eui-select::placeholder{color:var(--eui-c-secondary-lighter)!important;opacity:1}.eui-select[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;pointer-events:none}.eui-select[readonly]+.eui-feedback-message,.eui-select[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-select[disabled]:not([readonly]),.eui-select--disabled:not([readonly]){background-color:var(--eui-c-secondary-bg-light)!important;border:1px solid var(--eui-c-secondary-lighter)!important;color:var(--eui-c-secondary-light);pointer-events:none}.eui-select--invalid,.eui-select--danger{border:1px solid var(--eui-c-danger)}.eui-select--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-select--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-select--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon>svg{fill:var(--eui-c-secondary-lighter)}.eui-select--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-select--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-select--loading-icon{align-items:center;display:flex}.eui-select--loading-icon:after,.eui-select--loading-icon:before{content:"";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-select--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.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-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-select--loading-icon--sm:after,.eui-select--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-select::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-secondary-bg-light)}.eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}.eui-select::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);border-radius:0}.eui-select:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-select:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select[readonly][multiple=true] option:checked{background:none}.eui-select[hidden],.eui-select[readonly][multiple=true] :not(option:checked){display:none}.eui-select[multiple=true],.eui-select[size]:not([size="1"]):not([size="0"]){background-image:none;height:auto;overflow:auto;padding:var(--eui-base-spacing-2xs) 0}.eui-select__placeholder{color:var(--eui-c-secondary-lighter)!important}.eui-select__item{color:var(--eui-c-secondary-bg-light)}.eui-select optgroup{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-select optgroup,.eui-select option{appearance:none;color:var(--eui-c-secondary-bg-light);display:block;padding:var(--eui-base-spacing-2xs);white-space:pre}.eui-select optgroup:disabled,.eui-select option:disabled{color:var(--eui-c-secondary-lightest)}.eui-select:not([readonly]):not([multiple]),.eui-select[size="1"],.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-base-spacing-s)) center;background-repeat:no-repeat;background-size:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-xl)}\n'] }]
 }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.Injector }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }], propDecorators: { placeholder: [{
   type: Input
 }], readonly: [{