npm - @eui/components - Versions diffs - 17.0.0-next.6 → 17.0.0-next.8 - Mend

@eui/components 17.0.0-next.6 → 17.0.0-next.8

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

Files changed (403) hide show

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

@@ -102,13 +102,13 @@ class EuiProgressCircleComponent extends BaseDirective {
             }
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiProgressCircleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiProgressCircleComponent, selector: "eui-progress-circle", inputs: { ariaLabel: "ariaLabel", value: "value", emptyLabel: "emptyLabel", valueLabel: "valueLabel", colorSteps: "colorSteps", colorType: "colorType", iconLabelClass: "iconLabelClass", iconLabelStyleClass: "iconLabelStyleClass", tabindex: "tabindex", isDefaultColorSteps: "isDefaultColorSteps", hasBottomLabel: "hasBottomLabel" }, host: { properties: { "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, viewQueries: [{ propertyName: "labelValueEl", first: true, predicate: ["labelValueEl"], descendants: true }], usesInheritance: true, usesOnChanges: true, 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-base-color-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-base-color-primary-100);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-base-color-primary-100);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-base-color-info-100)}.eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-base-color-success-100)}.eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-base-color-warning-100)}.eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-base-color-danger-100)}.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-base-color-info-100)}.eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-base-color-success-100)}.eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-base-color-warning-100)}.eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-base-color-danger-100)}.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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiProgressCircleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiProgressCircleComponent, selector: "eui-progress-circle", inputs: { ariaLabel: "ariaLabel", value: "value", emptyLabel: "emptyLabel", valueLabel: "valueLabel", colorSteps: "colorSteps", colorType: "colorType", iconLabelClass: "iconLabelClass", iconLabelStyleClass: "iconLabelStyleClass", tabindex: "tabindex", isDefaultColorSteps: "isDefaultColorSteps", hasBottomLabel: "hasBottomLabel" }, host: { properties: { "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, viewQueries: [{ propertyName: "labelValueEl", first: true, predicate: ["labelValueEl"], descendants: true }], usesInheritance: true, usesOnChanges: true, 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-base-color-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-base-color-primary-100);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-base-color-primary-100);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-base-color-info-100)}.eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-base-color-success-100)}.eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-base-color-warning-100)}.eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-base-color-danger-100)}.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-base-color-info-100)}.eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-base-color-success-100)}.eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-base-color-warning-100)}.eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-base-color-danger-100)}.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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiProgressCircleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiProgressCircleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-progress-circle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, 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-base-color-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-base-color-primary-100);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-base-color-primary-100);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-base-color-info-100)}.eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-base-color-success-100)}.eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-base-color-warning-100)}.eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-base-color-danger-100)}.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-base-color-info-100)}.eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-base-color-success-100)}.eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-base-color-warning-100)}.eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-base-color-danger-100)}.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: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { cssClasses: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
             }], ariaLabel: [{
@@ -141,11 +141,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4",
                 type: Input
             }] } });
 class EuiProgressCircleModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiProgressCircleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiProgressCircleModule, declarations: [EuiProgressCircleComponent], imports: [CommonModule], exports: [EuiProgressCircleComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiProgressCircleModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiProgressCircleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiProgressCircleModule, declarations: [EuiProgressCircleComponent], imports: [CommonModule], exports: [EuiProgressCircleComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiProgressCircleModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiProgressCircleModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiProgressCircleModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-eui-progress-circle.mjs","sources":["../../eui-progress-circle/eui-progress-circle.component.ts","../../eui-progress-circle/eui-progress-circle.component.html","../../eui-progress-circle/eui-components-eui-progress-circle.ts"],"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} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\nimport { BaseDirective } 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})\nexport class EuiProgressCircleComponent extends BaseDirective implements AfterContentInit, OnChanges, AfterContentChecked {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.isLongLabel \|\| this._hasBottomLabel ? `eui-progress-circle-content--with-bottom-label` : ``,\n super.getCssClasses('eui-progress-circle'),\n ]\n .join(' ')\n .trim();\n }\n @HostBinding('attr.aria-label')\n @Input()\n ariaLabel = 'progress circle';\n\n stateColorNumberClass = '';\n labelValue = '';\n percentValue = '';\n roundedValue: number;\n isLongLabel = false;\n offsetWidth = 0;\n\n @ViewChild('labelValueEl') labelValueEl: ElementRef<HTMLSpanElement>;\n\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 @Input()\n get isDefaultColorSteps(): boolean {\n return this._isDefaultColorSteps;\n }\n set isDefaultColorSteps(value: BooleanInput) {\n this._isDefaultColorSteps = coerceBooleanProperty(value);\n }\n private _isDefaultColorSteps = true;\n\n @Input()\n get hasBottomLabel(): boolean {\n return this._hasBottomLabel;\n }\n set hasBottomLabel(value: BooleanInput) {\n this._hasBottomLabel = coerceBooleanProperty(value);\n }\n private _hasBottomLabel = false;\n\n constructor(private cd: ChangeDetectorRef) {\n super();\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","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"eui-components-eui-progress-circle.mjs","sources":["../../eui-progress-circle/eui-progress-circle.component.ts","../../eui-progress-circle/eui-progress-circle.component.html","../../eui-progress-circle/eui-components-eui-progress-circle.ts"],"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} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\nimport { BaseDirective } 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})\nexport class EuiProgressCircleComponent extends BaseDirective implements AfterContentInit, OnChanges, AfterContentChecked {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.isLongLabel \|\| this._hasBottomLabel ? `eui-progress-circle-content--with-bottom-label` : ``,\n super.getCssClasses('eui-progress-circle'),\n ]\n .join(' ')\n .trim();\n }\n @HostBinding('attr.aria-label')\n @Input()\n ariaLabel = 'progress circle';\n\n stateColorNumberClass = '';\n labelValue = '';\n percentValue = '';\n roundedValue: number;\n isLongLabel = false;\n offsetWidth = 0;\n\n @ViewChild('labelValueEl') labelValueEl: ElementRef<HTMLSpanElement>;\n\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 @Input()\n get isDefaultColorSteps(): boolean {\n return this._isDefaultColorSteps;\n }\n set isDefaultColorSteps(value: BooleanInput) {\n this._isDefaultColorSteps = coerceBooleanProperty(value);\n }\n private _isDefaultColorSteps = true;\n\n @Input()\n get hasBottomLabel(): boolean {\n return this._hasBottomLabel;\n }\n set hasBottomLabel(value: BooleanInput) {\n this._hasBottomLabel = coerceBooleanProperty(value);\n }\n private _hasBottomLabel = false;\n\n constructor(private cd: ChangeDetectorRef) {\n super();\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","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

@@ -142,13 +142,13 @@ class EuiSelectComponent {
             this.renderer.removeAttribute(placeholderOption, 'selected');
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.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 }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.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.25rem var(--eui-base-font-family);-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);display:block;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));padding:calc(var(--eui-base-spacing-s) - 1px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-base-color);overflow-y:auto}.eui-select:active:not([readonly]),.eui-select:focus:not([readonly]){z-index:auto;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-select .eui-clearable-wrapper{align-items:center;display:flex;position:relative;width:100%}.eui-select .eui-clearable-wrapper .eui-input-text--clearable-icon{bottom:calc(var(--eui-base-spacing-s) - 2px);cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible;z-index:var(--eui-base-z-index-clearable-icon)}.eui-select .eui-clearable-wrapper .eui-input-text--clearable-icon:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-select .eui-clearable-wrapper .eui-input-text--clearable-icon>svg{fill:var(--eui-base-color-grey-35)}.eui-select .eui-clearable-wrapper .eui-input-text--clearable-icon>svg:hover{fill:var(--eui-base-color-danger-100)}.eui-select::placeholder{color:var(--eui-base-color-grey-50)!important;opacity:1}.eui-select[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.eui-select[readonly]+.eui-feedback-message,.eui-select[readonly]+.eui-input-maxlength{-webkit-appearance:none;appearance:none;display:none}.eui-select[disabled]:not([readonly]),.eui-select--disabled:not([readonly]){background-color:var(--eui-base-color-grey-5)!important;border:1px solid var(--eui-base-color-grey-25)!important;color:var(--eui-base-color-grey-75);pointer-events:none}.eui-select--invalid,.eui-select--danger{border:1px solid var(--eui-base-color-danger-100)}.eui-select--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-select--clearable-icon{bottom:calc(var(--eui-base-spacing-s) - 2px);cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-select--clearable-icon:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-select--clearable-icon>svg{fill:var(--eui-base-color-grey-35)}.eui-select--clearable-icon>svg:hover{fill:var(--eui-base-color-danger-100)}.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-base-color-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-base-color-grey-5)}.eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-35)}.eui-select::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-select[readonly][multiple=true] option:checked{background:none}.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__readonly:active,.eui-select__readonly:focus{border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-select__placeholder{color:var(--eui-base-color-grey-50)!important}.eui-select__item{color:var(--eui-base-color-grey-100)}.eui-select optgroup{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-select optgroup,.eui-select option{-webkit-appearance:none;appearance:none;color:var(--eui-base-color);display:block;padding:var(--eui-base-spacing-2xs);white-space:pre}.eui-select optgroup:disabled,.eui-select option:disabled{color:var(--eui-base-color-grey-25)}.eui-select:not([readonly]):not([multiple]),.eui-select[size=\"1\"],.eui-select[size=\"0\"]{-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);background-image:url('data:image/svg+xml;utf8, <svg focusable=\"false\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\" name=\"chevron-down\" aria-label=\"Close menu\" role=\"img\"><path d=\"M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z\"/></svg>');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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSelectComponent, deps: [{ token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", 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.25rem var(--eui-base-font-family);-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);display:block;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));padding:calc(var(--eui-base-spacing-s) - 1px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-base-color);overflow-y:auto}.eui-select:active:not([readonly]),.eui-select:focus:not([readonly]){z-index:auto;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-select::placeholder{color:var(--eui-base-color-grey-50)!important;opacity:1}.eui-select[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.eui-select[readonly]+.eui-feedback-message,.eui-select[readonly]+.eui-input-maxlength{-webkit-appearance:none;appearance:none;display:none}.eui-select[disabled]:not([readonly]),.eui-select--disabled:not([readonly]){background-color:var(--eui-base-color-grey-5)!important;border:1px solid var(--eui-base-color-grey-25)!important;color:var(--eui-base-color-grey-75);pointer-events:none}.eui-select--invalid,.eui-select--danger{border:1px solid var(--eui-base-color-danger-100)}.eui-select--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-select--clearable-icon{bottom:calc(var(--eui-base-spacing-s) - 2px);cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-select--clearable-icon:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-select--clearable-icon>svg{fill:var(--eui-base-color-grey-35)}.eui-select--clearable-icon>svg:hover{fill:var(--eui-base-color-danger-100)}.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-base-color-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-base-color-grey-5)}.eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-35)}.eui-select::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-select[readonly][multiple=true] option:checked{background:none}.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__readonly:active,.eui-select__readonly:focus{border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-select__placeholder{color:var(--eui-base-color-grey-50)!important}.eui-select__item{color:var(--eui-base-color-grey-100)}.eui-select optgroup{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-select optgroup,.eui-select option{-webkit-appearance:none;appearance:none;color:var(--eui-base-color);display:block;padding:var(--eui-base-spacing-2xs);white-space:pre}.eui-select optgroup:disabled,.eui-select option:disabled{color:var(--eui-base-color-grey-25)}.eui-select:not([readonly]):not([multiple]),.eui-select[size=\"1\"],.eui-select[size=\"0\"]{-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);background-image:url('data:image/svg+xml;utf8, <svg focusable=\"false\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\" name=\"chevron-down\" aria-label=\"Close menu\" role=\"img\"><path d=\"M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z\"/></svg>');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: "17.0.0-next.4", ngImport: i0, type: EuiSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", 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.25rem var(--eui-base-font-family);-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);display:block;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));padding:calc(var(--eui-base-spacing-s) - 1px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-base-color);overflow-y:auto}.eui-select:active:not([readonly]),.eui-select:focus:not([readonly]){z-index:auto;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-select .eui-clearable-wrapper{align-items:center;display:flex;position:relative;width:100%}.eui-select .eui-clearable-wrapper .eui-input-text--clearable-icon{bottom:calc(var(--eui-base-spacing-s) - 2px);cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible;z-index:var(--eui-base-z-index-clearable-icon)}.eui-select .eui-clearable-wrapper .eui-input-text--clearable-icon:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-select .eui-clearable-wrapper .eui-input-text--clearable-icon>svg{fill:var(--eui-base-color-grey-35)}.eui-select .eui-clearable-wrapper .eui-input-text--clearable-icon>svg:hover{fill:var(--eui-base-color-danger-100)}.eui-select::placeholder{color:var(--eui-base-color-grey-50)!important;opacity:1}.eui-select[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.eui-select[readonly]+.eui-feedback-message,.eui-select[readonly]+.eui-input-maxlength{-webkit-appearance:none;appearance:none;display:none}.eui-select[disabled]:not([readonly]),.eui-select--disabled:not([readonly]){background-color:var(--eui-base-color-grey-5)!important;border:1px solid var(--eui-base-color-grey-25)!important;color:var(--eui-base-color-grey-75);pointer-events:none}.eui-select--invalid,.eui-select--danger{border:1px solid var(--eui-base-color-danger-100)}.eui-select--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-select--clearable-icon{bottom:calc(var(--eui-base-spacing-s) - 2px);cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-select--clearable-icon:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-select--clearable-icon>svg{fill:var(--eui-base-color-grey-35)}.eui-select--clearable-icon>svg:hover{fill:var(--eui-base-color-danger-100)}.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-base-color-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-base-color-grey-5)}.eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-35)}.eui-select::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-select[readonly][multiple=true] option:checked{background:none}.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__readonly:active,.eui-select__readonly:focus{border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-select__placeholder{color:var(--eui-base-color-grey-50)!important}.eui-select__item{color:var(--eui-base-color-grey-100)}.eui-select optgroup{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-select optgroup,.eui-select option{-webkit-appearance:none;appearance:none;color:var(--eui-base-color);display:block;padding:var(--eui-base-spacing-2xs);white-space:pre}.eui-select optgroup:disabled,.eui-select option:disabled{color:var(--eui-base-color-grey-25)}.eui-select:not([readonly]):not([multiple]),.eui-select[size=\"1\"],.eui-select[size=\"0\"]{-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);background-image:url('data:image/svg+xml;utf8, <svg focusable=\"false\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\" name=\"chevron-down\" aria-label=\"Close menu\" role=\"img\"><path d=\"M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z\"/></svg>');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: function () { return [{ type: i0.Renderer2 }, { type: i0.Injector }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { placeholder: [{
+            args: [{ selector: 'select[euiSelect]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: [".eui-select{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);display:block;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));padding:calc(var(--eui-base-spacing-s) - 1px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-base-color);overflow-y:auto}.eui-select:active:not([readonly]),.eui-select:focus:not([readonly]){z-index:auto;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-select::placeholder{color:var(--eui-base-color-grey-50)!important;opacity:1}.eui-select[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.eui-select[readonly]+.eui-feedback-message,.eui-select[readonly]+.eui-input-maxlength{-webkit-appearance:none;appearance:none;display:none}.eui-select[disabled]:not([readonly]),.eui-select--disabled:not([readonly]){background-color:var(--eui-base-color-grey-5)!important;border:1px solid var(--eui-base-color-grey-25)!important;color:var(--eui-base-color-grey-75);pointer-events:none}.eui-select--invalid,.eui-select--danger{border:1px solid var(--eui-base-color-danger-100)}.eui-select--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-select--clearable-icon{bottom:calc(var(--eui-base-spacing-s) - 2px);cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-select--clearable-icon:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-select--clearable-icon>svg{fill:var(--eui-base-color-grey-35)}.eui-select--clearable-icon>svg:hover{fill:var(--eui-base-color-danger-100)}.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-base-color-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-base-color-grey-5)}.eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-35)}.eui-select::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-select[readonly][multiple=true] option:checked{background:none}.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__readonly:active,.eui-select__readonly:focus{border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-select__placeholder{color:var(--eui-base-color-grey-50)!important}.eui-select__item{color:var(--eui-base-color-grey-100)}.eui-select optgroup{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-select optgroup,.eui-select option{-webkit-appearance:none;appearance:none;color:var(--eui-base-color);display:block;padding:var(--eui-base-spacing-2xs);white-space:pre}.eui-select optgroup:disabled,.eui-select option:disabled{color:var(--eui-base-color-grey-25)}.eui-select:not([readonly]):not([multiple]),.eui-select[size=\"1\"],.eui-select[size=\"0\"]{-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);background-image:url('data:image/svg+xml;utf8, <svg focusable=\"false\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\" name=\"chevron-down\" aria-label=\"Close menu\" role=\"img\"><path d=\"M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z\"/></svg>');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: [{
                 type: Input
@@ -275,8 +275,8 @@ class EuiSelectControlValueAccessor extends SelectControlValueAccessor {
             this.renderer.removeClass(this.elementRef.nativeElement, 'eui-select__placeholder');
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSelectControlValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: EuiSelectComponent, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiSelectControlValueAccessor, selector: "select:not([multiple])[formControlName][euiSelect],select:not([multiple])[formControl][euiSelect],select:not([multiple])[ngModel][euiSelect]", inputs: { placeholder: "placeholder" }, host: { listeners: { "blur": "onTouched()" } }, providers: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSelectControlValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: EuiSelectComponent, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiSelectControlValueAccessor, selector: "select:not([multiple])[formControlName][euiSelect],select:not([multiple])[formControl][euiSelect],select:not([multiple])[ngModel][euiSelect]", inputs: { placeholder: "placeholder" }, host: { listeners: { "blur": "onTouched()" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef((() => EuiSelectControlValueAccessor)),
@@ -284,7 +284,7 @@ class EuiSelectControlValueAccessor extends SelectControlValueAccessor {
             },
         ], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSelectControlValueAccessor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSelectControlValueAccessor, decorators: [{
             type: Directive,
             args: [{
                     selector:
@@ -300,9 +300,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4",
                         },
                     ],
                 }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: EuiSelectComponent, decorators: [{
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: EuiSelectComponent, decorators: [{
                     type: Optional
-                }] }, { type: i0.Injector }]; }, propDecorators: { placeholder: [{
+                }] }, { type: i0.Injector }], propDecorators: { placeholder: [{
                 type: Input
             }] } });
@@ -388,13 +388,13 @@ class EuiNgSelectOptionDirective extends NgSelectOption {
             this.selectComponent?.syncReadOnlyValue();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNgSelectOptionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: EuiSelectControlValueAccessor, host: true, optional: true }, { token: i2.SelectControlValueAccessor, host: true, optional: true }, { token: EuiSelectComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiNgSelectOptionDirective, selector: "option:not([eclSelectOption]):not([eclMultiselectOption]), option[euiOption]", inputs: { selected: "selected", label: "label", ngValue: "ngValue" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiNgSelectOptionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: EuiSelectControlValueAccessor, host: true, optional: true }, { token: i2.SelectControlValueAccessor, host: true, optional: true }, { token: EuiSelectComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiNgSelectOptionDirective, selector: "option:not([eclSelectOption]):not([eclMultiselectOption]), option[euiOption]", inputs: { selected: "selected", label: "label", ngValue: "ngValue" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNgSelectOptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiNgSelectOptionDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'option:not([eclSelectOption]):not([eclMultiselectOption]), option[euiOption]' }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: EuiSelectControlValueAccessor, decorators: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: EuiSelectControlValueAccessor, decorators: [{
                     type: Optional
                 }, {
                     type: Host
@@ -406,7 +406,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4",
                     type: Optional
                 }, {
                     type: Host
-                }] }]; }, propDecorators: { selected: [{
+                }] }], propDecorators: { selected: [{
                 type: Input
             }], label: [{
                 type: Input
@@ -572,10 +572,10 @@ class EuiSelectMultipleControlValueAccessor extends SelectMultipleControlValueAc
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this._optionMap.has(id) ? this._optionMap.get(id)._value : valueString;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSelectMultipleControlValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: EuiSelectComponent, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiSelectMultipleControlValueAccessor, selector: "select[multiple][formControlName][euiSelect],select[multiple][formControl][euiSelect],select[multiple][ngModel][euiSelect]", inputs: { isInvalid: "isInvalid" }, host: { listeners: { "change": "onChange($event.target)", "blur": "onTouched()" } }, providers: [SELECT_MULTIPLE_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSelectMultipleControlValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: EuiSelectComponent, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiSelectMultipleControlValueAccessor, selector: "select[multiple][formControlName][euiSelect],select[multiple][formControl][euiSelect],select[multiple][ngModel][euiSelect]", inputs: { isInvalid: "isInvalid" }, host: { listeners: { "change": "onChange($event.target)", "blur": "onTouched()" } }, providers: [SELECT_MULTIPLE_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSelectMultipleControlValueAccessor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSelectMultipleControlValueAccessor, decorators: [{
             type: Directive,
             args: [{
                     selector:
@@ -585,9 +585,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4",
                     host: { '(change)': 'onChange($event.target)', '(blur)': 'onTouched()' },
                     providers: [SELECT_MULTIPLE_VALUE_ACCESSOR],
                 }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: EuiSelectComponent, decorators: [{
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: EuiSelectComponent, decorators: [{
                     type: Optional
-                }] }, { type: i0.Injector }]; }, propDecorators: { isInvalid: [{
+                }] }, { type: i0.Injector }], propDecorators: { isInvalid: [{
                 type: Input
             }] } });
@@ -653,25 +653,25 @@ class EuiSelectMultipleOption extends ɵNgSelectMultipleOption {
             this.select.writeValue(this.select.value);
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSelectMultipleOption, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: EuiSelectMultipleControlValueAccessor, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiSelectMultipleOption, selector: "option, option[euiOption]", inputs: { ngValue: "ngValue", value: "value" }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSelectMultipleOption, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: EuiSelectMultipleControlValueAccessor, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiSelectMultipleOption, selector: "option, option[euiOption]", inputs: { ngValue: "ngValue", value: "value" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSelectMultipleOption, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSelectMultipleOption, decorators: [{
             type: Directive,
             args: [{ selector: 'option, option[euiOption]' }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: EuiSelectMultipleControlValueAccessor, decorators: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: EuiSelectMultipleControlValueAccessor, decorators: [{
                     type: Optional
                 }, {
                     type: Host
-                }] }]; }, propDecorators: { ngValue: [{
+                }] }], propDecorators: { ngValue: [{
                 type: Input
             }], value: [{
                 type: Input
             }] } });
 class EuiSelectModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSelectModule, declarations: [EuiSelectComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSelectModule, declarations: [EuiSelectComponent,
             EuiNgSelectOptionDirective,
             EuiSelectControlValueAccessor,
             EuiSelectMultipleControlValueAccessor,
@@ -680,9 +680,9 @@ class EuiSelectModule {
             EuiSelectControlValueAccessor,
             EuiSelectMultipleControlValueAccessor,
             EuiSelectMultipleOption] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSelectModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSelectModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],