@eui/components 18.0.0-next.30 → 18.0.0-next.31

package/esm2022/eui-ecl-date-block/eui-ecl-date-block.component.mjs

@@ -16,11 +16,11 @@ export class EuiEclDateBlockComponent {
         ].join(' ').trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiEclDateBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EuiEclDateBlockComponent, selector: "time[euiEclDateBlock]", inputs: { eclOnGoing: ["eclOnGoing", "eclOnGoing", booleanAttribute], eclPast: ["eclPast", "eclPast", booleanAttribute], e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: "<!-- <time class=\"eui-ecl-date-block eui-ecl-date-block--ongoing\" datetime=\"2024-09-26\"> -->\n<span class=\"eui-ecl-date-block__daytime\">2024-09-26</span>\n<span class=\"eui-ecl-date-block__day\" aria-hidden=\"true\">26</span>\n<abbr title=\"September\" class=\"eui-ecl-date-block__month\" aria-hidden=\"true\">Sep</abbr>\n<span class=\"eui-ecl-date-block__year\" aria-hidden=\"true\">2024</span>\n", styles: [":host.eui-ecl-date-block{border-radius:8px;box-shadow:var(--eui-base-shadow-1);box-sizing:border-box;display:inline-flex;flex-direction:column;margin:0;max-height:none;min-width:5rem;outline:1px solid transparent;outline-offset:-1px;overflow:hidden;padding-top:0;position:relative;text-align:center}.eui-ecl-date-block:before{left:var(--eui-base-spacing-s)}:host.eui-ecl-date-block:after,:host.eui-ecl-date-block:before{background-color:#fff;border-radius:50%;box-shadow:var(--sh-i-1);box-sizing:initial;content:\"\";display:block;height:10px;outline:1px solid transparent;position:absolute;top:-5px;width:10px}:host.eui-ecl-date-block:after{right:var(--eui-base-spacing-s)}.eui-ecl-date-block__day{font-size:1.5rem;font-weight:700;line-height:1.75rem;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-2xs)}.eui-ecl-date-block__day,.eui-ecl-date-block__month{white-space:normal}.eui-ecl-date-block__month{font-size:1rem;line-height:1.25rem;padding:0 var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-2xs);text-decoration:none!important;text-transform:uppercase}.eui-ecl-date-block__year{background-color:var(--eui-base-color-white);font:var(--eui-base-font-s);font-weight:400;padding:var(--eui-base-spacing-2xs)}@media (min-width: 996px){:host.eui-ecl-date-block{min-width:6rem}.eui-ecl-date-block__day{padding:var(--eui-base-spacing-s) var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-2xs)}.eui-ecl-date-block__month{padding:0 var(--eui-base-spacing-2xs) var(--eui-base-spacing-s) var(--eui-base-spacing-2xs)}.eui-ecl-date-block__year{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-2xs)}}.eui-ecl-date-block__daytime{border:0!important;clip:rect(0,0,0,0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.eui-ecl-date-block__daytime+.eui-ecl-date-block__day{margin-top:-1px}:host.eui-ecl-date-block--ongoing{background-color:var(--eui-base-color-info-100)}:host.eui-ecl-date-block--ongoing,:host.eui-ecl-date-block--ongoing:after,:host.eui-ecl-date-block--ongoing:before{outline-color:transparent}:host.eui-ecl-date-block--ongoing .eui-ecl-date-block__day,:host.eui-ecl-date-block--ongoing .eui-ecl-date-block__month{color:#fff}:host.eui-ecl-date-block--cancelled{background-color:var(--eui-base-color-grey-75);outline-color:transparent}:host.eui-ecl-date-block--cancelled:after,:host.eui-ecl-date-block--cancelled:before{outline-color:transparent}:host.eui-ecl-date-block--cancelled .eui-ecl-date-block__day,:host.eui-ecl-date-block--cancelled .eui-ecl-date-block__month{color:var(--eui-base-color-white)}.eui-ecl-date-block--past{background-color:var(--eui-base-color-grey-75)}:host.eui-ecl-date-block--past,:host.eui-ecl-date-block--past:after,:host.eui-ecl-date-block--past:before{outline-color:transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EuiEclDateBlockComponent, selector: "time[euiEclDateBlock]", inputs: { eclOnGoing: ["eclOnGoing", "eclOnGoing", booleanAttribute], eclPast: ["eclPast", "eclPast", booleanAttribute], e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: "<!-- <time class=\"eui-ecl-date-block eui-ecl-date-block--ongoing\" datetime=\"2024-09-26\"> -->\n<span class=\"eui-ecl-date-block__daytime\">2024-09-26</span>\n<span class=\"eui-ecl-date-block__day\" aria-hidden=\"true\">26</span>\n<abbr title=\"September\" class=\"eui-ecl-date-block__month\" aria-hidden=\"true\">Sep</abbr>\n<span class=\"eui-ecl-date-block__year\" aria-hidden=\"true\">2024</span>\n", styles: [":host.eui-ecl-date-block{border-radius:8px;box-shadow:var(--eui-base-shadow-1);box-sizing:border-box;display:inline-flex;flex-direction:column;margin:0;max-height:none;min-width:5rem;outline:1px solid transparent;outline-offset:-1px;overflow:hidden;padding-top:0;position:relative;text-align:center}.eui-ecl-date-block:before{left:var(--eui-base-spacing-s)}:host.eui-ecl-date-block:after,:host.eui-ecl-date-block:before{background-color:#fff;border-radius:50%;box-shadow:var(--sh-i-1);box-sizing:initial;content:\"\";display:block;height:10px;outline:1px solid transparent;position:absolute;top:-5px;width:10px}:host.eui-ecl-date-block:after{right:var(--eui-base-spacing-s)}.eui-ecl-date-block__day{font-size:1.5rem;font-weight:700;line-height:1.75rem;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-2xs)}.eui-ecl-date-block__day,.eui-ecl-date-block__month{white-space:normal}.eui-ecl-date-block__month{font-size:1rem;line-height:1.25rem;padding:0 var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-2xs);text-decoration:none!important;text-transform:uppercase}.eui-ecl-date-block__year{background-color:var(--eui-base-color-white);font:var(--eui-base-font-s);font-weight:400;padding:var(--eui-base-spacing-2xs)}@media (min-width: 996px){:host.eui-ecl-date-block{min-width:6rem}.eui-ecl-date-block__day{padding:var(--eui-base-spacing-s) var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-2xs)}.eui-ecl-date-block__month{padding:0 var(--eui-base-spacing-2xs) var(--eui-base-spacing-s) var(--eui-base-spacing-2xs)}.eui-ecl-date-block__year{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-2xs)}}.eui-ecl-date-block__daytime{border:0!important;clip:rect(0,0,0,0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.eui-ecl-date-block__daytime+.eui-ecl-date-block__day{margin-top:-1px}:host.eui-ecl-date-block--ongoing{background-color:var(--eui-ctx-c-in)}:host.eui-ecl-date-block--ongoing,:host.eui-ecl-date-block--ongoing:after,:host.eui-ecl-date-block--ongoing:before{outline-color:transparent}:host.eui-ecl-date-block--ongoing .eui-ecl-date-block__day,:host.eui-ecl-date-block--ongoing .eui-ecl-date-block__month{color:#fff}:host.eui-ecl-date-block--cancelled{background-color:var(--eui-base-color-grey-75);outline-color:transparent}:host.eui-ecl-date-block--cancelled:after,:host.eui-ecl-date-block--cancelled:before{outline-color:transparent}:host.eui-ecl-date-block--cancelled .eui-ecl-date-block__day,:host.eui-ecl-date-block--cancelled .eui-ecl-date-block__month{color:var(--eui-base-color-white)}.eui-ecl-date-block--past{background-color:var(--eui-base-color-grey-75)}:host.eui-ecl-date-block--past,:host.eui-ecl-date-block--past:after,:host.eui-ecl-date-block--past:before{outline-color:transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiEclDateBlockComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'time[euiEclDateBlock]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <time class=\"eui-ecl-date-block eui-ecl-date-block--ongoing\" datetime=\"2024-09-26\"> -->\n<span class=\"eui-ecl-date-block__daytime\">2024-09-26</span>\n<span class=\"eui-ecl-date-block__day\" aria-hidden=\"true\">26</span>\n<abbr title=\"September\" class=\"eui-ecl-date-block__month\" aria-hidden=\"true\">Sep</abbr>\n<span class=\"eui-ecl-date-block__year\" aria-hidden=\"true\">2024</span>\n", styles: [":host.eui-ecl-date-block{border-radius:8px;box-shadow:var(--eui-base-shadow-1);box-sizing:border-box;display:inline-flex;flex-direction:column;margin:0;max-height:none;min-width:5rem;outline:1px solid transparent;outline-offset:-1px;overflow:hidden;padding-top:0;position:relative;text-align:center}.eui-ecl-date-block:before{left:var(--eui-base-spacing-s)}:host.eui-ecl-date-block:after,:host.eui-ecl-date-block:before{background-color:#fff;border-radius:50%;box-shadow:var(--sh-i-1);box-sizing:initial;content:\"\";display:block;height:10px;outline:1px solid transparent;position:absolute;top:-5px;width:10px}:host.eui-ecl-date-block:after{right:var(--eui-base-spacing-s)}.eui-ecl-date-block__day{font-size:1.5rem;font-weight:700;line-height:1.75rem;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-2xs)}.eui-ecl-date-block__day,.eui-ecl-date-block__month{white-space:normal}.eui-ecl-date-block__month{font-size:1rem;line-height:1.25rem;padding:0 var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-2xs);text-decoration:none!important;text-transform:uppercase}.eui-ecl-date-block__year{background-color:var(--eui-base-color-white);font:var(--eui-base-font-s);font-weight:400;padding:var(--eui-base-spacing-2xs)}@media (min-width: 996px){:host.eui-ecl-date-block{min-width:6rem}.eui-ecl-date-block__day{padding:var(--eui-base-spacing-s) var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-2xs)}.eui-ecl-date-block__month{padding:0 var(--eui-base-spacing-2xs) var(--eui-base-spacing-s) var(--eui-base-spacing-2xs)}.eui-ecl-date-block__year{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-2xs)}}.eui-ecl-date-block__daytime{border:0!important;clip:rect(0,0,0,0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.eui-ecl-date-block__daytime+.eui-ecl-date-block__day{margin-top:-1px}:host.eui-ecl-date-block--ongoing{background-color:var(--eui-base-color-info-100)}:host.eui-ecl-date-block--ongoing,:host.eui-ecl-date-block--ongoing:after,:host.eui-ecl-date-block--ongoing:before{outline-color:transparent}:host.eui-ecl-date-block--ongoing .eui-ecl-date-block__day,:host.eui-ecl-date-block--ongoing .eui-ecl-date-block__month{color:#fff}:host.eui-ecl-date-block--cancelled{background-color:var(--eui-base-color-grey-75);outline-color:transparent}:host.eui-ecl-date-block--cancelled:after,:host.eui-ecl-date-block--cancelled:before{outline-color:transparent}:host.eui-ecl-date-block--cancelled .eui-ecl-date-block__day,:host.eui-ecl-date-block--cancelled .eui-ecl-date-block__month{color:var(--eui-base-color-white)}.eui-ecl-date-block--past{background-color:var(--eui-base-color-grey-75)}:host.eui-ecl-date-block--past,:host.eui-ecl-date-block--past:after,:host.eui-ecl-date-block--past:before{outline-color:transparent}\n"] }]
+            args: [{ selector: 'time[euiEclDateBlock]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <time class=\"eui-ecl-date-block eui-ecl-date-block--ongoing\" datetime=\"2024-09-26\"> -->\n<span class=\"eui-ecl-date-block__daytime\">2024-09-26</span>\n<span class=\"eui-ecl-date-block__day\" aria-hidden=\"true\">26</span>\n<abbr title=\"September\" class=\"eui-ecl-date-block__month\" aria-hidden=\"true\">Sep</abbr>\n<span class=\"eui-ecl-date-block__year\" aria-hidden=\"true\">2024</span>\n", styles: [":host.eui-ecl-date-block{border-radius:8px;box-shadow:var(--eui-base-shadow-1);box-sizing:border-box;display:inline-flex;flex-direction:column;margin:0;max-height:none;min-width:5rem;outline:1px solid transparent;outline-offset:-1px;overflow:hidden;padding-top:0;position:relative;text-align:center}.eui-ecl-date-block:before{left:var(--eui-base-spacing-s)}:host.eui-ecl-date-block:after,:host.eui-ecl-date-block:before{background-color:#fff;border-radius:50%;box-shadow:var(--sh-i-1);box-sizing:initial;content:\"\";display:block;height:10px;outline:1px solid transparent;position:absolute;top:-5px;width:10px}:host.eui-ecl-date-block:after{right:var(--eui-base-spacing-s)}.eui-ecl-date-block__day{font-size:1.5rem;font-weight:700;line-height:1.75rem;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-2xs)}.eui-ecl-date-block__day,.eui-ecl-date-block__month{white-space:normal}.eui-ecl-date-block__month{font-size:1rem;line-height:1.25rem;padding:0 var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-2xs);text-decoration:none!important;text-transform:uppercase}.eui-ecl-date-block__year{background-color:var(--eui-base-color-white);font:var(--eui-base-font-s);font-weight:400;padding:var(--eui-base-spacing-2xs)}@media (min-width: 996px){:host.eui-ecl-date-block{min-width:6rem}.eui-ecl-date-block__day{padding:var(--eui-base-spacing-s) var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-2xs)}.eui-ecl-date-block__month{padding:0 var(--eui-base-spacing-2xs) var(--eui-base-spacing-s) var(--eui-base-spacing-2xs)}.eui-ecl-date-block__year{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-2xs)}}.eui-ecl-date-block__daytime{border:0!important;clip:rect(0,0,0,0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.eui-ecl-date-block__daytime+.eui-ecl-date-block__day{margin-top:-1px}:host.eui-ecl-date-block--ongoing{background-color:var(--eui-ctx-c-in)}:host.eui-ecl-date-block--ongoing,:host.eui-ecl-date-block--ongoing:after,:host.eui-ecl-date-block--ongoing:before{outline-color:transparent}:host.eui-ecl-date-block--ongoing .eui-ecl-date-block__day,:host.eui-ecl-date-block--ongoing .eui-ecl-date-block__month{color:#fff}:host.eui-ecl-date-block--cancelled{background-color:var(--eui-base-color-grey-75);outline-color:transparent}:host.eui-ecl-date-block--cancelled:after,:host.eui-ecl-date-block--cancelled:before{outline-color:transparent}:host.eui-ecl-date-block--cancelled .eui-ecl-date-block__day,:host.eui-ecl-date-block--cancelled .eui-ecl-date-block__month{color:var(--eui-base-color-white)}.eui-ecl-date-block--past{background-color:var(--eui-base-color-grey-75)}:host.eui-ecl-date-block--past,:host.eui-ecl-date-block--past:after,:host.eui-ecl-date-block--past:before{outline-color:transparent}\n"] }]
         }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/esm2022/eui-ecl-label/eui-ecl-label.component.mjs

@@ -20,11 +20,11 @@ export class EuiEclLabelComponent {
         ].join(' ').trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiEclLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EuiEclLabelComponent, selector: "div[euiEclLabel], span[euiEclLabel], eui-ecl-label", inputs: { eclLow: ["eclLow", "eclLow", booleanAttribute], eclMedium: ["eclMedium", "eclMedium", booleanAttribute], eclHigh: ["eclHigh", "eclHigh", booleanAttribute], eclHighlight: ["eclHighlight", "eclHighlight", booleanAttribute], e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host.eui-ecl-label{align-items:center;display:inline-flex;justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);border-radius:4px;text-transform:uppercase;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}:host.eui-ecl-label--low{background-color:var(--eui-base-color-primary-10);border-color:var(--eui-base-color-primary-10);color:var(--eui-base-color-primary-10-contrast)}:host.eui-ecl-label--low .eui-icon-svg svg{color:var(--eui-base-color-primary-10-contrast);fill:var(--eui-base-color-primary-10-contrast)}:host.eui-ecl-label--medium{background-color:var(--eui-base-color-accent-10);border-color:var(--eui-base-color-accent-10);color:var(--eui-base-color-accent-10-contrast)}:host.eui-ecl-label--medium .eui-icon-svg svg{color:var(--eui-base-color-accent-10-contrast);fill:var(--eui-base-color-accent-10-contrast)}:host.eui-ecl-label--high{background-color:var(--eui-base-color-accent-120);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-accent-120-contrast)}:host.eui-ecl-label--high .eui-icon-svg svg{color:var(--eui-base-color-accent-120-contrast);fill:var(--eui-base-color-accent-120-contrast)}:host.eui-ecl-label--highlight{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}:host.eui-ecl-label--highlight .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EuiEclLabelComponent, selector: "div[euiEclLabel], span[euiEclLabel], eui-ecl-label", inputs: { eclLow: ["eclLow", "eclLow", booleanAttribute], eclMedium: ["eclMedium", "eclMedium", booleanAttribute], eclHigh: ["eclHigh", "eclHigh", booleanAttribute], eclHighlight: ["eclHighlight", "eclHighlight", booleanAttribute], e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host.eui-ecl-label{align-items:center;display:inline-flex;justify-content:center;padding:calc(var(--eui-base-spacing-2xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);border-radius:2px;text-transform:uppercase;border:1px solid transparent;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}:host.eui-ecl-label--low{background-color:var(--eui-base-color-white);color:var(--eui-ctx-c-p);border-color:var(--eui-ctx-c-p)}:host.eui-ecl-label--medium{background-color:var(--eui-ctx-c-p);color:var(--eui-ctx-c-p-on-bg)}:host.eui-ecl-label--high{background-color:var(--eui-ctx-c-ac);color:var(--eui-ctx-c-ac-on-bg)}:host.eui-ecl-label--highlight{background-color:var(--eui-ctx-c-s);color:var(--eui-base-color-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiEclLabelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'div[euiEclLabel], span[euiEclLabel], eui-ecl-label', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host.eui-ecl-label{align-items:center;display:inline-flex;justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);border-radius:4px;text-transform:uppercase;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}:host.eui-ecl-label--low{background-color:var(--eui-base-color-primary-10);border-color:var(--eui-base-color-primary-10);color:var(--eui-base-color-primary-10-contrast)}:host.eui-ecl-label--low .eui-icon-svg svg{color:var(--eui-base-color-primary-10-contrast);fill:var(--eui-base-color-primary-10-contrast)}:host.eui-ecl-label--medium{background-color:var(--eui-base-color-accent-10);border-color:var(--eui-base-color-accent-10);color:var(--eui-base-color-accent-10-contrast)}:host.eui-ecl-label--medium .eui-icon-svg svg{color:var(--eui-base-color-accent-10-contrast);fill:var(--eui-base-color-accent-10-contrast)}:host.eui-ecl-label--high{background-color:var(--eui-base-color-accent-120);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-accent-120-contrast)}:host.eui-ecl-label--high .eui-icon-svg svg{color:var(--eui-base-color-accent-120-contrast);fill:var(--eui-base-color-accent-120-contrast)}:host.eui-ecl-label--highlight{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}:host.eui-ecl-label--highlight .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}\n"] }]
+            args: [{ selector: 'div[euiEclLabel], span[euiEclLabel], eui-ecl-label', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host.eui-ecl-label{align-items:center;display:inline-flex;justify-content:center;padding:calc(var(--eui-base-spacing-2xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);border-radius:2px;text-transform:uppercase;border:1px solid transparent;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}:host.eui-ecl-label--low{background-color:var(--eui-base-color-white);color:var(--eui-ctx-c-p);border-color:var(--eui-ctx-c-p)}:host.eui-ecl-label--medium{background-color:var(--eui-ctx-c-p);color:var(--eui-ctx-c-p-on-bg)}:host.eui-ecl-label--high{background-color:var(--eui-ctx-c-ac);color:var(--eui-ctx-c-ac-on-bg)}:host.eui-ecl-label--highlight{background-color:var(--eui-ctx-c-s);color:var(--eui-base-color-white)}\n"] }]
         }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/esm2022/eui-feedback-message/eui-feedback-message.component.mjs

@@ -11,7 +11,7 @@ export class EuiFeedbackMessageComponent {
         this.type = 'MessageFeedback';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiFeedbackMessageComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EuiFeedbackMessageComponent, selector: "eui-feedback-message", host: { properties: { "class": "this.cssClasses", "attr.type": "this.type" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiSuccess", "euiSuccess", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-feedback-message{color:var(--eui-base-color-grey-100);display:block;margin-top:var(--eui-base-spacing-2xs);position:relative;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-feedback-message--primary{color:var(--eui-base-color-primary-100)}.eui-feedback-message--secondary{color:var(--eui-base-color-grey-75)}.eui-feedback-message--info{color:var(--eui-base-color-info-100)}.eui-feedback-message--success{color:var(--eui-base-color-success-100)}.eui-feedback-message--warning{color:var(--eui-base-color-warning-100)}.eui-feedback-message--danger{color:var(--eui-base-color-danger-100)}.eui-feedback-message--accent{color:var(--eui-base-color-accent-100)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EuiFeedbackMessageComponent, selector: "eui-feedback-message", host: { properties: { "class": "this.cssClasses", "attr.type": "this.type" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiSuccess", "euiSuccess", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-feedback-message{color:var(--_color);display:block;margin-top:var(--eui-base-spacing-2xs);position:relative;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-feedback-message--primary{--_color: var(--eui-ctx-c-p)}.eui-feedback-message--secondary{--_color: var(--eui-ctx-c-s)}.eui-feedback-message--info{--_color: var(--eui-ctx-c-in)}.eui-feedback-message--success{--_color: var(--eui-ctx-c-su)}.eui-feedback-message--warning{--_color: var(--eui-ctx-c-wa)}.eui-feedback-message--danger{--_color: var(--eui-ctx-c-da)}.eui-feedback-message--accent{--_color: var(--eui-ctx-c-ac)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiFeedbackMessageComponent, decorators: [{
             type: Component,
@@ -29,7 +29,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
                                 'euiVariant',
                             ],
                         },
-                    ], styles: [".eui-feedback-message{color:var(--eui-base-color-grey-100);display:block;margin-top:var(--eui-base-spacing-2xs);position:relative;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-feedback-message--primary{color:var(--eui-base-color-primary-100)}.eui-feedback-message--secondary{color:var(--eui-base-color-grey-75)}.eui-feedback-message--info{color:var(--eui-base-color-info-100)}.eui-feedback-message--success{color:var(--eui-base-color-success-100)}.eui-feedback-message--warning{color:var(--eui-base-color-warning-100)}.eui-feedback-message--danger{color:var(--eui-base-color-danger-100)}.eui-feedback-message--accent{color:var(--eui-base-color-accent-100)}\n"] }]
+                    ], styles: [".eui-feedback-message{color:var(--_color);display:block;margin-top:var(--eui-base-spacing-2xs);position:relative;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-feedback-message--primary{--_color: var(--eui-ctx-c-p)}.eui-feedback-message--secondary{--_color: var(--eui-ctx-c-s)}.eui-feedback-message--info{--_color: var(--eui-ctx-c-in)}.eui-feedback-message--success{--_color: var(--eui-ctx-c-su)}.eui-feedback-message--warning{--_color: var(--eui-ctx-c-wa)}.eui-feedback-message--danger{--_color: var(--eui-ctx-c-da)}.eui-feedback-message--accent{--_color: var(--eui-ctx-c-ac)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/esm2022/eui-fieldset/eui-fieldset.component.mjs

@@ -11,6 +11,7 @@ export class EuiFieldsetComponent {
             this.baseStatesDirective.getCssClasses('eui-fieldset'),
             this.isFirst ? 'eui-fieldset--first' : '',
             this.isExpandable ? 'eui-fieldset--expandable' : '',
+            this.iconSvgFillColor ? 'eui-fieldset--has-icon-color' : '',
         ].join(' ').trim();
     }
     constructor(baseStatesDirective) {
@@ -51,7 +52,7 @@ export class EuiFieldsetComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiFieldsetComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EuiFieldsetComponent, selector: "eui-fieldset", inputs: { e2eAttr: "e2eAttr", id: "id", label: "label", iconClass: "iconClass", iconSvgName: "iconSvgName", iconSvgFillColor: "iconSvgFillColor", hasDefaultIcon: ["hasDefaultIcon", "hasDefaultIcon", booleanAttribute], isExpandable: ["isExpandable", "isExpandable", booleanAttribute], isExpanded: ["isExpanded", "isExpanded", booleanAttribute], isLarge: ["isLarge", "isLarge", booleanAttribute], isFirst: ["isFirst", "isFirst", booleanAttribute] }, outputs: { expand: "expand" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "customLabelRightContent", first: true, predicate: i0.forwardRef(() => EuiFieldsetLabelRightContentTagDirective), descendants: true }, { propertyName: "customLabelExtraContent", first: true, predicate: i0.forwardRef(() => EuiFieldsetLabelExtraContentTagDirective), descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiHighlighted", "euiHighlighted"] }], ngImport: i0, template: "<div class=\"eui-fieldset__container\">\n    <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n        <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n            <div *ngIf=\"iconClass\" class=\"eui-fieldset__header-icon eui-icon {{ iconClass }}\"></div>\n            <div *ngIf=\"iconSvgName\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg icon=\"{{ iconSvgName }}\" fillColor=\"{{ iconSvgFillColor }}\"></eui-icon-svg>\n            </div>\n            <div *ngIf=\"!iconClass && hasDefaultIcon\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg [icon]=\"iconSvgType\"></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n        </div>\n        <div class=\"eui-fieldset__header-right-content\">\n            <ng-template [ngIf]=\"customLabelRightContent\">\n                <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n            </ng-template>\n            <button\n                *ngIf=\"isExpandable\"\n                euiButton\n                euiRounded\n                euiIconButton\n                euiSizeS\n                euiBasicButton\n                euiSecondary\n                type=\"button\"\n                class=\"eui-fieldset__header-expand-toggle\"\n                [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n                [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\"\n                [attr.aria-expanded]=\"isExpanded\"\n                aria-controls=\"fieldset-content\">\n                <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n    <div id=\"fieldset-content\" *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin-bottom:var(--eui-base-spacing-m);min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-fieldset__header-label.eui-fieldset__header-label--large{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{margin-left:var(--eui-base-spacing-s)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-fieldset__header-expand-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-fieldset__header-expand-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-grey-2);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{color:var(--eui-base-color-grey-100);text-transform:none;font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset--primary .eui-fieldset__header{color:var(--eui-base-color-primary-100)}.eui-fieldset--primary .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-fieldset--info .eui-fieldset__header{color:var(--eui-base-color-info-100)}.eui-fieldset--info .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-fieldset--success .eui-fieldset__header{color:var(--eui-base-color-success-100)}.eui-fieldset--success .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-fieldset--warning .eui-fieldset__header{color:var(--eui-base-color-warning-100)}.eui-fieldset--warning .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-warning-100);fill:var(--eui-base-color-warning-100)}.eui-fieldset--danger .eui-fieldset__header{color:var(--eui-base-color-danger-100)}.eui-fieldset--danger .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EuiFieldsetComponent, selector: "eui-fieldset", inputs: { e2eAttr: "e2eAttr", id: "id", label: "label", iconClass: "iconClass", iconSvgName: "iconSvgName", iconSvgFillColor: "iconSvgFillColor", hasDefaultIcon: ["hasDefaultIcon", "hasDefaultIcon", booleanAttribute], isExpandable: ["isExpandable", "isExpandable", booleanAttribute], isExpanded: ["isExpanded", "isExpanded", booleanAttribute], isLarge: ["isLarge", "isLarge", booleanAttribute], isFirst: ["isFirst", "isFirst", booleanAttribute] }, outputs: { expand: "expand" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "customLabelRightContent", first: true, predicate: i0.forwardRef(() => EuiFieldsetLabelRightContentTagDirective), descendants: true }, { propertyName: "customLabelExtraContent", first: true, predicate: i0.forwardRef(() => EuiFieldsetLabelExtraContentTagDirective), descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiHighlighted", "euiHighlighted"] }], ngImport: i0, template: "<div class=\"eui-fieldset__container\">\n    <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n        <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n            <div *ngIf=\"iconSvgName\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg icon=\"{{ iconSvgName }}\" fillColor=\"{{ iconSvgFillColor }}\" euiSizeS></eui-icon-svg>\n            </div>\n            <div *ngIf=\"hasDefaultIcon\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg [icon]=\"iconSvgType\" euiSizeS></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n        </div>\n        <div class=\"eui-fieldset__header-right-content\">\n            <ng-template [ngIf]=\"customLabelRightContent\">\n                <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n            </ng-template>\n            <button\n                *ngIf=\"isExpandable\"\n                euiButton\n                euiRounded\n                euiIconButton\n                euiSizeS\n                euiBasicButton\n                euiSecondary\n                type=\"button\"\n                class=\"eui-fieldset__header-expand-toggle\"\n                [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n                [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\"\n                [attr.aria-expanded]=\"isExpanded\"\n                aria-controls=\"fieldset-content\">\n                <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n    <div id=\"fieldset-content\" *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".eui-fieldset{--_color: var(--eui-fieldset-color, var(--eui-ctx-c-s))}.eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin-bottom:var(--eui-base-spacing-m);min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-fieldset__header-label.eui-fieldset__header-label--large{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{margin-left:var(--eui-base-spacing-s)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-fieldset__header-expand-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-fieldset__header-expand-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-grey-2);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{text-transform:none;font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset--primary{--_color: var(--eui-ctx-c-p)}.eui-fieldset--secondary{--_color: var(--eui-ctx-c-s)}.eui-fieldset--info{--_color: var(--eui-ctx-c-in)}.eui-fieldset--success{--_color: var(--eui-ctx-c-su)}.eui-fieldset--warning{--_color: var(--eui-ctx-c-wa)}.eui-fieldset--danger{--_color: var(--eui-ctx-c-da)}.eui-fieldset .eui-fieldset__header{color:var(--_color)}.eui-fieldset:not(.eui-fieldset--has-icon-color) .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiFieldsetComponent, decorators: [{
             type: Component,
@@ -69,7 +70,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
                                 'euiHighlighted',
                             ],
                         },
-                    ], template: "<div class=\"eui-fieldset__container\">\n    <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n        <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n            <div *ngIf=\"iconClass\" class=\"eui-fieldset__header-icon eui-icon {{ iconClass }}\"></div>\n            <div *ngIf=\"iconSvgName\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg icon=\"{{ iconSvgName }}\" fillColor=\"{{ iconSvgFillColor }}\"></eui-icon-svg>\n            </div>\n            <div *ngIf=\"!iconClass && hasDefaultIcon\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg [icon]=\"iconSvgType\"></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n        </div>\n        <div class=\"eui-fieldset__header-right-content\">\n            <ng-template [ngIf]=\"customLabelRightContent\">\n                <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n            </ng-template>\n            <button\n                *ngIf=\"isExpandable\"\n                euiButton\n                euiRounded\n                euiIconButton\n                euiSizeS\n                euiBasicButton\n                euiSecondary\n                type=\"button\"\n                class=\"eui-fieldset__header-expand-toggle\"\n                [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n                [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\"\n                [attr.aria-expanded]=\"isExpanded\"\n                aria-controls=\"fieldset-content\">\n                <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n    <div id=\"fieldset-content\" *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin-bottom:var(--eui-base-spacing-m);min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-fieldset__header-label.eui-fieldset__header-label--large{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{margin-left:var(--eui-base-spacing-s)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-fieldset__header-expand-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-fieldset__header-expand-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-grey-2);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{color:var(--eui-base-color-grey-100);text-transform:none;font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset--primary .eui-fieldset__header{color:var(--eui-base-color-primary-100)}.eui-fieldset--primary .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-fieldset--info .eui-fieldset__header{color:var(--eui-base-color-info-100)}.eui-fieldset--info .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-fieldset--success .eui-fieldset__header{color:var(--eui-base-color-success-100)}.eui-fieldset--success .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-fieldset--warning .eui-fieldset__header{color:var(--eui-base-color-warning-100)}.eui-fieldset--warning .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-warning-100);fill:var(--eui-base-color-warning-100)}.eui-fieldset--danger .eui-fieldset__header{color:var(--eui-base-color-danger-100)}.eui-fieldset--danger .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}\n"] }]
+                    ], template: "<div class=\"eui-fieldset__container\">\n    <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n        <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n            <div *ngIf=\"iconSvgName\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg icon=\"{{ iconSvgName }}\" fillColor=\"{{ iconSvgFillColor }}\" euiSizeS></eui-icon-svg>\n            </div>\n            <div *ngIf=\"hasDefaultIcon\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg [icon]=\"iconSvgType\" euiSizeS></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n        </div>\n        <div class=\"eui-fieldset__header-right-content\">\n            <ng-template [ngIf]=\"customLabelRightContent\">\n                <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n            </ng-template>\n            <button\n                *ngIf=\"isExpandable\"\n                euiButton\n                euiRounded\n                euiIconButton\n                euiSizeS\n                euiBasicButton\n                euiSecondary\n                type=\"button\"\n                class=\"eui-fieldset__header-expand-toggle\"\n                [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n                [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\"\n                [attr.aria-expanded]=\"isExpanded\"\n                aria-controls=\"fieldset-content\">\n                <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n    <div id=\"fieldset-content\" *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".eui-fieldset{--_color: var(--eui-fieldset-color, var(--eui-ctx-c-s))}.eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin-bottom:var(--eui-base-spacing-m);min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-fieldset__header-label.eui-fieldset__header-label--large{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{margin-left:var(--eui-base-spacing-s)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-fieldset__header-expand-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-fieldset__header-expand-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-grey-2);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{text-transform:none;font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset--primary{--_color: var(--eui-ctx-c-p)}.eui-fieldset--secondary{--_color: var(--eui-ctx-c-s)}.eui-fieldset--info{--_color: var(--eui-ctx-c-in)}.eui-fieldset--success{--_color: var(--eui-ctx-c-su)}.eui-fieldset--warning{--_color: var(--eui-ctx-c-wa)}.eui-fieldset--danger{--_color: var(--eui-ctx-c-da)}.eui-fieldset .eui-fieldset__header{color:var(--_color)}.eui-fieldset:not(.eui-fieldset--has-icon-color) .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -129,4 +130,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
             type: Directive,
             args: [{ selector: 'euiFieldsetLabelExtraContent' }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWZpZWxkc2V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2V1aS1maWVsZHNldC9ldWktZmllbGRzZXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWZpZWxkc2V0L2V1aS1maWVsZHNldC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFlBQVksRUFDWixTQUFTLEVBQ1QsWUFBWSxFQUNaLFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxFQUVMLE1BQU0sRUFFTixpQkFBaUIsRUFDakIsZ0JBQWdCLEdBQ25CLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7QUF1QjdELE1BQU0sT0FBTyxvQkFBb0I7SUFDN0IsSUFDVyxVQUFVO1FBQ2pCLE9BQU87WUFDSCxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxDQUFDLGNBQWMsQ0FBQztZQUN0RCxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUN6QyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUN0RCxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBMkJELFlBQW1CLG1CQUF3QztRQUF4Qyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBekJwQixZQUFPLEdBQUcsY0FBYyxDQUFDO1FBUXhCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLGVBQVUsR0FBRyxJQUFJLENBQUM7UUFDbEIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBRTlDLFdBQU0sR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVyRCxvQkFBZSxHQUFHLFNBQVMsQ0FBQztRQUM1QixzQkFBaUIsR0FBRyxXQUFXLENBQUM7UUFDaEMsZ0JBQVcsR0FBRyxVQUFVLENBQUM7SUFPOEIsQ0FBQztJQUUvRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDcEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7WUFDbkMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzlCLENBQUM7SUFDTCxDQUFDO0lBRU8sT0FBTztRQUNYLElBQUksQ0FBQyxXQUFXLEdBQUcscUJBQXFCLENBQUM7UUFDekMsSUFBSSxJQUFJLENBQUMsbUJBQW1CLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDdEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxpQkFBaUIsQ0FBQztRQUN6QyxDQUFDO1FBQ0QsSUFBSSxJQUFJLENBQUMsbUJBQW1CLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDckMsSUFBSSxDQUFDLFdBQVcsR0FBRyxlQUFlLENBQUM7UUFDdkMsQ0FBQztRQUNELElBQUksSUFBSSxDQUFDLG1CQUFtQixDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ3RDLElBQUksQ0FBQyxXQUFXLEdBQUcsc0JBQXNCLENBQUM7UUFDOUMsQ0FBQztRQUNELElBQUksSUFBSSxDQUFDLG1CQUFtQixDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3hDLElBQUksQ0FBQyxXQUFXLEdBQUcsY0FBYyxDQUFDO1FBQ3RDLENBQUM7SUFDTCxDQUFDO3FIQTlEUSxvQkFBb0I7eUdBQXBCLG9CQUFvQixtT0FrQlQsZ0JBQWdCLGtEQUNoQixnQkFBZ0IsNENBQ2hCLGdCQUFnQixtQ0FDaEIsZ0JBQWdCLG1DQUNoQixnQkFBZ0IsNE5BUUwsd0NBQXdDLCtHQUV4Qyx3Q0FBd0MsMldDdEUzRSwrOERBdUNBOztrR0REYSxvQkFBb0I7a0JBckJoQyxTQUFTOytCQUNJLGNBQWMsaUJBR1QsaUJBQWlCLENBQUMsSUFBSSxrQkFDckI7d0JBQ1o7NEJBQ0ksU0FBUyxFQUFFLG1CQUFtQjs0QkFDOUIsTUFBTSxFQUFFO2dDQUNKLGNBQWM7Z0NBQ2QsWUFBWTtnQ0FDWixTQUFTO2dDQUNULFlBQVk7Z0NBQ1osV0FBVztnQ0FDWCxXQUFXO2dDQUNYLFlBQVk7Z0NBQ1osZ0JBQWdCOzZCQUNuQjt5QkFDSjtxQkFDSjt3RkFJVSxVQUFVO3NCQURwQixXQUFXO3VCQUFDLE9BQU87Z0JBU21CLE9BQU87c0JBQTdDLFdBQVc7dUJBQUMsZUFBZTs7c0JBQUcsS0FBSztnQkFFM0IsRUFBRTtzQkFBVixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUVrQyxjQUFjO3NCQUFyRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLFlBQVk7c0JBQW5ELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsVUFBVTtzQkFBakQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxPQUFPO3NCQUE5QyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLE9BQU87c0JBQTlDLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBRTVCLE1BQU07c0JBQWYsTUFBTTtnQkFPUCx1QkFBdUI7c0JBRHRCLFlBQVk7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHdDQUF3QyxDQUFDO2dCQUd4RSx1QkFBdUI7c0JBRHRCLFlBQVk7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHdDQUF3QyxDQUFDOztBQWlDNUUsb0JBQW9CO0FBRXBCLE1BQU0sT0FBTyx3Q0FBd0M7cUhBQXhDLHdDQUF3Qzt5R0FBeEMsd0NBQXdDOztrR0FBeEMsd0NBQXdDO2tCQURwRCxTQUFTO21CQUFDLEVBQUMsUUFBUSxFQUFFLDhCQUE4QixFQUFDOztBQUlyRCxNQUFNLE9BQU8sd0NBQXdDO3FIQUF4Qyx3Q0FBd0M7eUdBQXhDLHdDQUF3Qzs7a0dBQXhDLHdDQUF3QztrQkFEcEQsU0FBUzttQkFBQyxFQUFDLFFBQVEsRUFBRSw4QkFBOEIsRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIENvbnRlbnRDaGlsZCxcbiAgICBEaXJlY3RpdmUsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIGZvcndhcmRSZWYsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5wdXQsXG4gICAgT25DaGFuZ2VzLFxuICAgIE91dHB1dCxcbiAgICBRdWVyeUxpc3QsXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG4gICAgYm9vbGVhbkF0dHJpYnV0ZSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEJhc2VTdGF0ZXNEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktZmllbGRzZXQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWktZmllbGRzZXQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgZGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlLFxuICAgICAgICAgICAgaW5wdXRzOiBbXG4gICAgICAgICAgICAgICAgJ2V1aVNlY29uZGFyeScsXG4gICAgICAgICAgICAgICAgJ2V1aVN1Y2Nlc3MnLFxuICAgICAgICAgICAgICAgICdldWlJbmZvJyxcbiAgICAgICAgICAgICAgICAnZXVpV2FybmluZycsXG4gICAgICAgICAgICAgICAgJ2V1aURhbmdlcicsXG4gICAgICAgICAgICAgICAgJ2V1aUFjY2VudCcsXG4gICAgICAgICAgICAgICAgJ2V1aVZhcmlhbnQnLFxuICAgICAgICAgICAgICAgICdldWlIaWdobGlnaHRlZCcsXG4gICAgICAgICAgICBdLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEV1aUZpZWxkc2V0Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBwdWJsaWMgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5nZXRDc3NDbGFzc2VzKCdldWktZmllbGRzZXQnKSxcbiAgICAgICAgICAgIHRoaXMuaXNGaXJzdCA/ICdldWktZmllbGRzZXQtLWZpcnN0JyA6ICcnLFxuICAgICAgICAgICAgdGhpcy5pc0V4cGFuZGFibGUgPyAnZXVpLWZpZWxkc2V0LS1leHBhbmRhYmxlJyA6ICcnLFxuICAgICAgICBdLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtZTJlJykgQElucHV0KCkgZTJlQXR0ciA9ICdldWktZmllbGRzZXQnO1xuXG4gICAgQElucHV0KCkgaWQ6IHN0cmluZztcbiAgICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGljb25DbGFzczogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGljb25TdmdOYW1lOiBzdHJpbmc7XG4gICAgQElucHV0KCkgaWNvblN2Z0ZpbGxDb2xvcjogc3RyaW5nO1xuXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGhhc0RlZmF1bHRJY29uID0gZmFsc2U7XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGlzRXhwYW5kYWJsZSA9IGZhbHNlO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBpc0V4cGFuZGVkID0gdHJ1ZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgaXNMYXJnZSA9IGZhbHNlO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBpc0ZpcnN0ID0gZmFsc2U7XG5cbiAgICBAT3V0cHV0KCkgZXhwYW5kOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIHB1YmxpYyBleHBhbmRNZW51TGFiZWwgPSAnRXhwYW5kICc7XG4gICAgcHVibGljIGNvbGxhcHNlTWVudUxhYmVsID0gJ0NvbGxhcHNlICc7XG4gICAgcHVibGljIGljb25TdmdUeXBlID0gJ2V1aS1pbmZvJztcblxuICAgIEBDb250ZW50Q2hpbGQoZm9yd2FyZFJlZigoKSA9PiBFdWlGaWVsZHNldExhYmVsUmlnaHRDb250ZW50VGFnRGlyZWN0aXZlKSlcbiAgICBjdXN0b21MYWJlbFJpZ2h0Q29udGVudDogUXVlcnlMaXN0PEV1aUZpZWxkc2V0TGFiZWxSaWdodENvbnRlbnRUYWdEaXJlY3RpdmU+O1xuICAgIEBDb250ZW50Q2hpbGQoZm9yd2FyZFJlZigoKSA9PiBFdWlGaWVsZHNldExhYmVsRXh0cmFDb250ZW50VGFnRGlyZWN0aXZlKSlcbiAgICBjdXN0b21MYWJlbEV4dHJhQ29udGVudDogUXVlcnlMaXN0PEV1aUZpZWxkc2V0TGFiZWxFeHRyYUNvbnRlbnRUYWdEaXJlY3RpdmU+O1xuXG4gICAgY29uc3RydWN0b3IocHVibGljIGJhc2VTdGF0ZXNEaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUpIHt9XG5cbiAgICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZXRJY29uKCk7XG4gICAgfVxuXG4gICAgb25Ub2dnbGUoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmlzRXhwYW5kYWJsZSkge1xuICAgICAgICAgICAgdGhpcy5pc0V4cGFuZGVkID0gIXRoaXMuaXNFeHBhbmRlZDtcbiAgICAgICAgICAgIHRoaXMuZXhwYW5kLmVtaXQodGhpcy5pZCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIHNldEljb24oKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaWNvblN2Z1R5cGUgPSAnZXVpLWVjbC1pbmZvcm1hdGlvbic7XG4gICAgICAgIGlmICh0aGlzLmJhc2VTdGF0ZXNEaXJlY3RpdmUuZXVpV2FybmluZykge1xuICAgICAgICAgICAgdGhpcy5pY29uU3ZnVHlwZSA9ICdldWktZWNsLXdhcm5pbmcnO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLmJhc2VTdGF0ZXNEaXJlY3RpdmUuZXVpRGFuZ2VyKSB7XG4gICAgICAgICAgICB0aGlzLmljb25TdmdUeXBlID0gJ2V1aS1lY2wtZXJyb3InO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLmJhc2VTdGF0ZXNEaXJlY3RpdmUuZXVpU3VjY2Vzcykge1xuICAgICAgICAgICAgdGhpcy5pY29uU3ZnVHlwZSA9ICdldWktZWNsLWNoZWNrLWZpbGxlZCc7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5ldWlTZWNvbmRhcnkpIHtcbiAgICAgICAgICAgIHRoaXMuaWNvblN2Z1R5cGUgPSAnZXVpLXF1ZXN0aW9uJztcbiAgICAgICAgfVxuICAgIH1cbn1cblxuLyogZXNsaW50LWRpc2FibGUgKi9cbkBEaXJlY3RpdmUoe3NlbGVjdG9yOiAnZXVpRmllbGRzZXRMYWJlbFJpZ2h0Q29udGVudCd9KVxuZXhwb3J0IGNsYXNzIEV1aUZpZWxkc2V0TGFiZWxSaWdodENvbnRlbnRUYWdEaXJlY3RpdmUge1xufVxuQERpcmVjdGl2ZSh7c2VsZWN0b3I6ICdldWlGaWVsZHNldExhYmVsRXh0cmFDb250ZW50J30pXG5leHBvcnQgY2xhc3MgRXVpRmllbGRzZXRMYWJlbEV4dHJhQ29udGVudFRhZ0RpcmVjdGl2ZSB7XG59XG4vKiBlc2xpbnQtZW5hYmxlICovXG4iLCI8ZGl2IGNsYXNzPVwiZXVpLWZpZWxkc2V0X19jb250YWluZXJcIj5cbiAgICA8ZGl2ICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cImV1aS1maWVsZHNldF9faGVhZGVyXCIgKGNsaWNrKT1cIm9uVG9nZ2xlKClcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImV1aS1maWVsZHNldF9faGVhZGVyLWxhYmVsXCIgW2NsYXNzLmV1aS1maWVsZHNldF9faGVhZGVyLWxhYmVsLS1sYXJnZV09XCJpc0xhcmdlXCI+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiaWNvbkNsYXNzXCIgY2xhc3M9XCJldWktZmllbGRzZXRfX2hlYWRlci1pY29uIGV1aS1pY29uIHt7IGljb25DbGFzcyB9fVwiPjwvZGl2PlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cImljb25TdmdOYW1lXCIgY2xhc3M9XCJldWktZmllbGRzZXRfX2hlYWRlci1pY29uXCI+XG4gICAgICAgICAgICAgICAgPGV1aS1pY29uLXN2ZyBpY29uPVwie3sgaWNvblN2Z05hbWUgfX1cIiBmaWxsQ29sb3I9XCJ7eyBpY29uU3ZnRmlsbENvbG9yIH19XCI+PC9ldWktaWNvbi1zdmc+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCIhaWNvbkNsYXNzICYmIGhhc0RlZmF1bHRJY29uXCIgY2xhc3M9XCJldWktZmllbGRzZXRfX2hlYWRlci1pY29uXCI+XG4gICAgICAgICAgICAgICAgPGV1aS1pY29uLXN2ZyBbaWNvbl09XCJpY29uU3ZnVHlwZVwiPjwvZXVpLWljb24tc3ZnPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8c3BhbiBldWlMYWJlbD57eyBsYWJlbCB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aUZpZWxkc2V0TGFiZWxFeHRyYUNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWZpZWxkc2V0X19oZWFkZXItcmlnaHQtY29udGVudFwiPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ0lmXT1cImN1c3RvbUxhYmVsUmlnaHRDb250ZW50XCI+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpRmllbGRzZXRMYWJlbFJpZ2h0Q29udGVudFwiPjwvbmctY29udGVudD5cbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJpc0V4cGFuZGFibGVcIlxuICAgICAgICAgICAgICAgIGV1aUJ1dHRvblxuICAgICAgICAgICAgICAgIGV1aVJvdW5kZWRcbiAgICAgICAgICAgICAgICBldWlJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgZXVpU2l6ZVNcbiAgICAgICAgICAgICAgICBldWlCYXNpY0J1dHRvblxuICAgICAgICAgICAgICAgIGV1aVNlY29uZGFyeVxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLWZpZWxkc2V0X19oZWFkZXItZXhwYW5kLXRvZ2dsZVwiXG4gICAgICAgICAgICAgICAgW2NsYXNzLmV1aS1maWVsZHNldF9faGVhZGVyLWV4cGFuZC10b2dnbGUtLWV4cGFuZGVkXT1cImlzRXhwYW5kZWRcIlxuICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiIWlzRXhwYW5kZWQgPyBleHBhbmRNZW51TGFiZWwgKyBsYWJlbCA6IGNvbGxhcHNlTWVudUxhYmVsICsgbGFiZWxcIlxuICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiaXNFeHBhbmRlZFwiXG4gICAgICAgICAgICAgICAgYXJpYS1jb250cm9scz1cImZpZWxkc2V0LWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICA8ZXVpLWljb24tc3ZnIGljb249XCJldWktY2hldnJvbi1mb3J3YXJkXCI+PC9ldWktaWNvbi1zdmc+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBpZD1cImZpZWxkc2V0LWNvbnRlbnRcIiAqbmdJZj1cImlzRXhwYW5kZWRcIiBjbGFzcz1cImV1aS1maWVsZHNldF9fY29udGVudFwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWZpZWxkc2V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2V1aS1maWVsZHNldC9ldWktZmllbGRzZXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWZpZWxkc2V0L2V1aS1maWVsZHNldC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFlBQVksRUFDWixTQUFTLEVBQ1QsWUFBWSxFQUNaLFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxFQUVMLE1BQU0sRUFFTixpQkFBaUIsRUFDakIsZ0JBQWdCLEdBQ25CLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7QUF1QjdELE1BQU0sT0FBTyxvQkFBb0I7SUFDN0IsSUFDVyxVQUFVO1FBQ2pCLE9BQU87WUFDSCxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxDQUFDLGNBQWMsQ0FBQztZQUN0RCxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUN6QyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNuRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLDhCQUE4QixDQUFBLENBQUMsQ0FBQyxFQUFFO1NBQzdELENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUEyQkQsWUFBbUIsbUJBQXdDO1FBQXhDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUF6QnBCLFlBQU8sR0FBRyxjQUFjLENBQUM7UUFReEIsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDdkIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDckIsZUFBVSxHQUFHLElBQUksQ0FBQztRQUNsQixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2hCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFFOUMsV0FBTSxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXJELG9CQUFlLEdBQUcsU0FBUyxDQUFDO1FBQzVCLHNCQUFpQixHQUFHLFdBQVcsQ0FBQztRQUNoQyxnQkFBVyxHQUFHLFVBQVUsQ0FBQztJQU84QixDQUFDO0lBRS9ELFdBQVc7UUFDUCxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztZQUNuQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDOUIsQ0FBQztJQUNMLENBQUM7SUFFTyxPQUFPO1FBQ1gsSUFBSSxDQUFDLFdBQVcsR0FBRyxxQkFBcUIsQ0FBQztRQUN6QyxJQUFJLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUN0QyxJQUFJLENBQUMsV0FBVyxHQUFHLGlCQUFpQixDQUFDO1FBQ3pDLENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNyQyxJQUFJLENBQUMsV0FBVyxHQUFHLGVBQWUsQ0FBQztRQUN2QyxDQUFDO1FBQ0QsSUFBSSxJQUFJLENBQUMsbUJBQW1CLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDdEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxzQkFBc0IsQ0FBQztRQUM5QyxDQUFDO1FBQ0QsSUFBSSxJQUFJLENBQUMsbUJBQW1CLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDeEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxjQUFjLENBQUM7UUFDdEMsQ0FBQztJQUNMLENBQUM7cUhBL0RRLG9CQUFvQjt5R0FBcEIsb0JBQW9CLG1PQW1CVCxnQkFBZ0Isa0RBQ2hCLGdCQUFnQiw0Q0FDaEIsZ0JBQWdCLG1DQUNoQixnQkFBZ0IsbUNBQ2hCLGdCQUFnQiw0TkFRTCx3Q0FBd0MsK0dBRXhDLHdDQUF3QywyV0N2RTNFLHkyREFzQ0E7O2tHREFhLG9CQUFvQjtrQkFyQmhDLFNBQVM7K0JBQ0ksY0FBYyxpQkFHVCxpQkFBaUIsQ0FBQyxJQUFJLGtCQUNyQjt3QkFDWjs0QkFDSSxTQUFTLEVBQUUsbUJBQW1COzRCQUM5QixNQUFNLEVBQUU7Z0NBQ0osY0FBYztnQ0FDZCxZQUFZO2dDQUNaLFNBQVM7Z0NBQ1QsWUFBWTtnQ0FDWixXQUFXO2dDQUNYLFdBQVc7Z0NBQ1gsWUFBWTtnQ0FDWixnQkFBZ0I7NkJBQ25CO3lCQUNKO3FCQUNKO3dGQUlVLFVBQVU7c0JBRHBCLFdBQVc7dUJBQUMsT0FBTztnQkFVbUIsT0FBTztzQkFBN0MsV0FBVzt1QkFBQyxlQUFlOztzQkFBRyxLQUFLO2dCQUUzQixFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBRWtDLGNBQWM7c0JBQXJELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsWUFBWTtzQkFBbkQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxVQUFVO3NCQUFqRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLE9BQU87c0JBQTlDLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsT0FBTztzQkFBOUMsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFFNUIsTUFBTTtzQkFBZixNQUFNO2dCQU9QLHVCQUF1QjtzQkFEdEIsWUFBWTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0NBQXdDLENBQUM7Z0JBR3hFLHVCQUF1QjtzQkFEdEIsWUFBWTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0NBQXdDLENBQUM7O0FBaUM1RSxvQkFBb0I7QUFFcEIsTUFBTSxPQUFPLHdDQUF3QztxSEFBeEMsd0NBQXdDO3lHQUF4Qyx3Q0FBd0M7O2tHQUF4Qyx3Q0FBd0M7a0JBRHBELFNBQVM7bUJBQUMsRUFBQyxRQUFRLEVBQUUsOEJBQThCLEVBQUM7O0FBSXJELE1BQU0sT0FBTyx3Q0FBd0M7cUhBQXhDLHdDQUF3Qzt5R0FBeEMsd0NBQXdDOztrR0FBeEMsd0NBQXdDO2tCQURwRCxTQUFTO21CQUFDLEVBQUMsUUFBUSxFQUFFLDhCQUE4QixFQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgQ29udGVudENoaWxkLFxuICAgIERpcmVjdGl2ZSxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgZm9yd2FyZFJlZixcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbnB1dCxcbiAgICBPbkNoYW5nZXMsXG4gICAgT3V0cHV0LFxuICAgIFF1ZXJ5TGlzdCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgICBib29sZWFuQXR0cmlidXRlLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQmFzZVN0YXRlc0RpcmVjdGl2ZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9zaGFyZWQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS1maWVsZHNldCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS1maWVsZHNldC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBob3N0RGlyZWN0aXZlczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBkaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUsXG4gICAgICAgICAgICBpbnB1dHM6IFtcbiAgICAgICAgICAgICAgICAnZXVpU2Vjb25kYXJ5JyxcbiAgICAgICAgICAgICAgICAnZXVpU3VjY2VzcycsXG4gICAgICAgICAgICAgICAgJ2V1aUluZm8nLFxuICAgICAgICAgICAgICAgICdldWlXYXJuaW5nJyxcbiAgICAgICAgICAgICAgICAnZXVpRGFuZ2VyJyxcbiAgICAgICAgICAgICAgICAnZXVpQWNjZW50JyxcbiAgICAgICAgICAgICAgICAnZXVpVmFyaWFudCcsXG4gICAgICAgICAgICAgICAgJ2V1aUhpZ2hsaWdodGVkJyxcbiAgICAgICAgICAgIF0sXG4gICAgICAgIH0sXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpRmllbGRzZXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHB1YmxpYyBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmdldENzc0NsYXNzZXMoJ2V1aS1maWVsZHNldCcpLFxuICAgICAgICAgICAgdGhpcy5pc0ZpcnN0ID8gJ2V1aS1maWVsZHNldC0tZmlyc3QnIDogJycsXG4gICAgICAgICAgICB0aGlzLmlzRXhwYW5kYWJsZSA/ICdldWktZmllbGRzZXQtLWV4cGFuZGFibGUnIDogJycsXG4gICAgICAgICAgICB0aGlzLmljb25TdmdGaWxsQ29sb3IgPyAnZXVpLWZpZWxkc2V0LS1oYXMtaWNvbi1jb2xvcic6ICcnLFxuICAgICAgICBdLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtZTJlJykgQElucHV0KCkgZTJlQXR0ciA9ICdldWktZmllbGRzZXQnO1xuXG4gICAgQElucHV0KCkgaWQ6IHN0cmluZztcbiAgICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGljb25DbGFzczogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGljb25TdmdOYW1lOiBzdHJpbmc7XG4gICAgQElucHV0KCkgaWNvblN2Z0ZpbGxDb2xvcjogc3RyaW5nO1xuXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGhhc0RlZmF1bHRJY29uID0gZmFsc2U7XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGlzRXhwYW5kYWJsZSA9IGZhbHNlO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBpc0V4cGFuZGVkID0gdHJ1ZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgaXNMYXJnZSA9IGZhbHNlO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBpc0ZpcnN0ID0gZmFsc2U7XG5cbiAgICBAT3V0cHV0KCkgZXhwYW5kOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIHB1YmxpYyBleHBhbmRNZW51TGFiZWwgPSAnRXhwYW5kICc7XG4gICAgcHVibGljIGNvbGxhcHNlTWVudUxhYmVsID0gJ0NvbGxhcHNlICc7XG4gICAgcHVibGljIGljb25TdmdUeXBlID0gJ2V1aS1pbmZvJztcblxuICAgIEBDb250ZW50Q2hpbGQoZm9yd2FyZFJlZigoKSA9PiBFdWlGaWVsZHNldExhYmVsUmlnaHRDb250ZW50VGFnRGlyZWN0aXZlKSlcbiAgICBjdXN0b21MYWJlbFJpZ2h0Q29udGVudDogUXVlcnlMaXN0PEV1aUZpZWxkc2V0TGFiZWxSaWdodENvbnRlbnRUYWdEaXJlY3RpdmU+O1xuICAgIEBDb250ZW50Q2hpbGQoZm9yd2FyZFJlZigoKSA9PiBFdWlGaWVsZHNldExhYmVsRXh0cmFDb250ZW50VGFnRGlyZWN0aXZlKSlcbiAgICBjdXN0b21MYWJlbEV4dHJhQ29udGVudDogUXVlcnlMaXN0PEV1aUZpZWxkc2V0TGFiZWxFeHRyYUNvbnRlbnRUYWdEaXJlY3RpdmU+O1xuXG4gICAgY29uc3RydWN0b3IocHVibGljIGJhc2VTdGF0ZXNEaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUpIHt9XG5cbiAgICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZXRJY29uKCk7XG4gICAgfVxuXG4gICAgb25Ub2dnbGUoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmlzRXhwYW5kYWJsZSkge1xuICAgICAgICAgICAgdGhpcy5pc0V4cGFuZGVkID0gIXRoaXMuaXNFeHBhbmRlZDtcbiAgICAgICAgICAgIHRoaXMuZXhwYW5kLmVtaXQodGhpcy5pZCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIHNldEljb24oKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaWNvblN2Z1R5cGUgPSAnZXVpLWVjbC1pbmZvcm1hdGlvbic7XG4gICAgICAgIGlmICh0aGlzLmJhc2VTdGF0ZXNEaXJlY3RpdmUuZXVpV2FybmluZykge1xuICAgICAgICAgICAgdGhpcy5pY29uU3ZnVHlwZSA9ICdldWktZWNsLXdhcm5pbmcnO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLmJhc2VTdGF0ZXNEaXJlY3RpdmUuZXVpRGFuZ2VyKSB7XG4gICAgICAgICAgICB0aGlzLmljb25TdmdUeXBlID0gJ2V1aS1lY2wtZXJyb3InO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLmJhc2VTdGF0ZXNEaXJlY3RpdmUuZXVpU3VjY2Vzcykge1xuICAgICAgICAgICAgdGhpcy5pY29uU3ZnVHlwZSA9ICdldWktZWNsLWNoZWNrLWZpbGxlZCc7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5ldWlTZWNvbmRhcnkpIHtcbiAgICAgICAgICAgIHRoaXMuaWNvblN2Z1R5cGUgPSAnZXVpLXF1ZXN0aW9uJztcbiAgICAgICAgfVxuICAgIH1cbn1cblxuLyogZXNsaW50LWRpc2FibGUgKi9cbkBEaXJlY3RpdmUoe3NlbGVjdG9yOiAnZXVpRmllbGRzZXRMYWJlbFJpZ2h0Q29udGVudCd9KVxuZXhwb3J0IGNsYXNzIEV1aUZpZWxkc2V0TGFiZWxSaWdodENvbnRlbnRUYWdEaXJlY3RpdmUge1xufVxuQERpcmVjdGl2ZSh7c2VsZWN0b3I6ICdldWlGaWVsZHNldExhYmVsRXh0cmFDb250ZW50J30pXG5leHBvcnQgY2xhc3MgRXVpRmllbGRzZXRMYWJlbEV4dHJhQ29udGVudFRhZ0RpcmVjdGl2ZSB7XG59XG4vKiBlc2xpbnQtZW5hYmxlICovXG4iLCI8ZGl2IGNsYXNzPVwiZXVpLWZpZWxkc2V0X19jb250YWluZXJcIj5cbiAgICA8ZGl2ICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cImV1aS1maWVsZHNldF9faGVhZGVyXCIgKGNsaWNrKT1cIm9uVG9nZ2xlKClcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImV1aS1maWVsZHNldF9faGVhZGVyLWxhYmVsXCIgW2NsYXNzLmV1aS1maWVsZHNldF9faGVhZGVyLWxhYmVsLS1sYXJnZV09XCJpc0xhcmdlXCI+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiaWNvblN2Z05hbWVcIiBjbGFzcz1cImV1aS1maWVsZHNldF9faGVhZGVyLWljb25cIj5cbiAgICAgICAgICAgICAgICA8ZXVpLWljb24tc3ZnIGljb249XCJ7eyBpY29uU3ZnTmFtZSB9fVwiIGZpbGxDb2xvcj1cInt7IGljb25TdmdGaWxsQ29sb3IgfX1cIiBldWlTaXplUz48L2V1aS1pY29uLXN2Zz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cImhhc0RlZmF1bHRJY29uXCIgY2xhc3M9XCJldWktZmllbGRzZXRfX2hlYWRlci1pY29uXCI+XG4gICAgICAgICAgICAgICAgPGV1aS1pY29uLXN2ZyBbaWNvbl09XCJpY29uU3ZnVHlwZVwiIGV1aVNpemVTPjwvZXVpLWljb24tc3ZnPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8c3BhbiBldWlMYWJlbD57eyBsYWJlbCB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aUZpZWxkc2V0TGFiZWxFeHRyYUNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWZpZWxkc2V0X19oZWFkZXItcmlnaHQtY29udGVudFwiPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ0lmXT1cImN1c3RvbUxhYmVsUmlnaHRDb250ZW50XCI+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpRmllbGRzZXRMYWJlbFJpZ2h0Q29udGVudFwiPjwvbmctY29udGVudD5cbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJpc0V4cGFuZGFibGVcIlxuICAgICAgICAgICAgICAgIGV1aUJ1dHRvblxuICAgICAgICAgICAgICAgIGV1aVJvdW5kZWRcbiAgICAgICAgICAgICAgICBldWlJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgZXVpU2l6ZVNcbiAgICAgICAgICAgICAgICBldWlCYXNpY0J1dHRvblxuICAgICAgICAgICAgICAgIGV1aVNlY29uZGFyeVxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLWZpZWxkc2V0X19oZWFkZXItZXhwYW5kLXRvZ2dsZVwiXG4gICAgICAgICAgICAgICAgW2NsYXNzLmV1aS1maWVsZHNldF9faGVhZGVyLWV4cGFuZC10b2dnbGUtLWV4cGFuZGVkXT1cImlzRXhwYW5kZWRcIlxuICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiIWlzRXhwYW5kZWQgPyBleHBhbmRNZW51TGFiZWwgKyBsYWJlbCA6IGNvbGxhcHNlTWVudUxhYmVsICsgbGFiZWxcIlxuICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiaXNFeHBhbmRlZFwiXG4gICAgICAgICAgICAgICAgYXJpYS1jb250cm9scz1cImZpZWxkc2V0LWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICA8ZXVpLWljb24tc3ZnIGljb249XCJldWktY2hldnJvbi1mb3J3YXJkXCI+PC9ldWktaWNvbi1zdmc+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBpZD1cImZpZWxkc2V0LWNvbnRlbnRcIiAqbmdJZj1cImlzRXhwYW5kZWRcIiBjbGFzcz1cImV1aS1maWVsZHNldF9fY29udGVudFwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/eui-file-upload/eui-file-upload.component.mjs

@@ -147,7 +147,7 @@ export class EuiFileUploadComponent {
                 useExisting: EuiFileUploadComponent,
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "fileInputs", predicate: ["input"], descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective }], ngImport: i0, template: "<div\n    class=\"eui-file-upload__drop-area\"\n    [class.eui-file-upload__drop-area--active]=\"dragEntered\"\n    [class.eui-file-upload__drop-area--disabled]=\"isDropAreaDisabled\"\n    *ngIf=\"hasDragArea\">\n    <span class=\"eui-file-upload__fake-btn\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</span>\n    <span>{{ 'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate }}</span>\n    <input\n        #input\n        class=\"eui-file-upload__file-input\"\n        attr.aria-label=\"{{ 'eui.euifileupload.CHOOSE-FILE' | translate }} 'or' {{\n            'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate\n        }}\"\n        type=\"file\"\n        accept=\"{{ accept }}\"\n        [attr.disabled]=\"isDropAreaDisabled ? 'disabled' : null\"\n        [multiple]=\"isMultiple\"\n        (dragenter)=\"onDragEnter()\"\n        (dragleave)=\"onDragLeave()\" />\n</div>\n<div class=\"eui-file-upload__simple-input-file\" *ngIf=\"!hasDragArea\">\n    <label for=\"file-{{ randomNumberId }}\">\n        <button euiButton type=\"button\" (click)=\"openBrowseWindow()\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</button>\n    </label>\n\n    <input\n        #input\n        *ngIf=\"isMultiple\"\n        aria-label=\"Choose Multiple Files\"\n        class=\"file-input\"\n        id=\"file-{{ randomNumberId }}\"\n        type=\"file\"\n        accept=\"{{ accept }}\"\n        multiple />\n    <input\n        #input\n        *ngIf=\"!isMultiple\"\n        aria-label=\"Choose a single file\"\n        class=\"file-input\"\n        id=\"file-{{ randomNumberId }}\"\n        type=\"file\"\n        accept=\"{{ accept }}\" />\n</div>\n<eui-file-upload-progress *ngIf=\"hasProgressBar\" [progress]=\"progress\"></eui-file-upload-progress>\n\n<div *ngFor=\"let uploadedFile of uploadedFiles; let i = index\">\n    <eui-file-preview\n        [isItemsClickable]=\"isItemsClickable\"\n        [index]=\"i\"\n        [file]=\"uploadedFile\"\n        [hasPreview]=\"hasPreview\"\n        [hasPreviewAsImage]=\"hasPreviewAsImage\"\n        [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n        (itemClick)=\"onItemClick($event)\"\n        (removeFromList)=\"removeFromUploadedList($event)\">\n    </eui-file-preview>\n</div>\n\n<div *ngFor=\"let file of files; let i = index\">\n    <eui-file-preview\n        [isItemsClickable]=\"isItemsClickable\"\n        [index]=\"i\"\n        [file]=\"file\"\n        [hasPreview]=\"hasPreview\"\n        [hasPreviewAsImage]=\"hasPreviewAsImage\"\n        [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n        (itemClick)=\"onItemClick($event)\"\n        (removeFromList)=\"removeFromList($event)\">\n    </eui-file-preview>\n</div>\n\n<div class=\"eui-file-upload__total-size\" *ngIf=\"filesTotalSize && hasTotalSizeDisplayed\">\n    {{ filesTotalSize | filesize }} {{ 'eui.euifileupload.TOTAL-SIZE' | translate }}\n</div>\n\n<ng-content></ng-content>\n<button euiButton type=\"button\" (click)=\"resetList()\" *ngIf=\"showResetBtn\">\n    {{ 'eui.euifileupload.RESET-LIST' | translate }}\n</button>\n", styles: [".eui-file-upload__total-size{margin-bottom:1rem;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-file-upload__drop-area{outline:1px dashed var(--eui-base-color-info-110);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--active{background-color:var(--eui-base-color-primary-10);outline:3px dashed var(--eui-base-color-info-110);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--disabled{opacity:.75;cursor:not-allowed}.eui-file-upload__drop-area--disabled .file-input{cursor:default}.eui-file-upload__fake-btn{background-color:#fff;border:1px solid #9e9ec4;border-radius:3px;margin-right:8px;padding:8px 15px}.eui-file-upload__file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.eui-file-upload__simple-input-file{margin-bottom:var(--eui-base-spacing-xs)}.eui-file-upload__simple-input-file .file-input{display:none}.eui-file-upload__preview{align-items:center;display:flex;justify-content:space-between;margin:5px 0}.eui-file-upload__preview--left{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-file-upload__preview--left__image{margin-right:var(--eui-base-spacing-m)}.eui-file-upload__preview--left__image img{width:180px}.eui-file-upload__preview--left__image .loading-container{text-align:center;width:180px}.eui-file-upload__preview--left__filename{display:block}.eui-file-upload__preview--right{align-items:center;display:flex;margin-left:auto}.eui-file-upload__progress-bar-container{margin-bottom:var(--eui-base-spacing-2xs)}.eui-file-upload__progress-bar-container .progress-bar{background-color:var(--eui-base-color-info-130);height:var(--eui-base-spacing-2xs)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiFileUploadProgressComponent, selector: "eui-file-upload-progress", inputs: ["progress"] }, { kind: "component", type: i5.EuiFilePreviewComponent, selector: "eui-file-preview", inputs: ["file", "index", "previewAsIconConfig", "hasPreview", "isFilenameDisplayed", "isFilesizeDisplayed", "isFiletypeDisplayed", "hasPreviewAsImage", "hasPreviewAsIcon", "isItemsClickable"], outputs: ["removeFromList", "itemClick"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: i7.EuiFileSizePipe, name: "filesize" }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "fileInputs", predicate: ["input"], descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective }], ngImport: i0, template: "<div\n    class=\"eui-file-upload__drop-area\"\n    [class.eui-file-upload__drop-area--active]=\"dragEntered\"\n    [class.eui-file-upload__drop-area--disabled]=\"isDropAreaDisabled\"\n    *ngIf=\"hasDragArea\">\n    <span class=\"eui-file-upload__fake-btn\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</span>\n    <span>{{ 'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate }}</span>\n    <input\n        #input\n        class=\"eui-file-upload__file-input\"\n        attr.aria-label=\"{{ 'eui.euifileupload.CHOOSE-FILE' | translate }} 'or' {{\n            'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate\n        }}\"\n        type=\"file\"\n        accept=\"{{ accept }}\"\n        [attr.disabled]=\"isDropAreaDisabled ? 'disabled' : null\"\n        [multiple]=\"isMultiple\"\n        (dragenter)=\"onDragEnter()\"\n        (dragleave)=\"onDragLeave()\" />\n</div>\n<div class=\"eui-file-upload__simple-input-file\" *ngIf=\"!hasDragArea\">\n    <label for=\"file-{{ randomNumberId }}\">\n        <button euiButton type=\"button\" (click)=\"openBrowseWindow()\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</button>\n    </label>\n\n    <input\n        #input\n        *ngIf=\"isMultiple\"\n        aria-label=\"Choose Multiple Files\"\n        class=\"file-input\"\n        id=\"file-{{ randomNumberId }}\"\n        type=\"file\"\n        accept=\"{{ accept }}\"\n        multiple />\n    <input\n        #input\n        *ngIf=\"!isMultiple\"\n        aria-label=\"Choose a single file\"\n        class=\"file-input\"\n        id=\"file-{{ randomNumberId }}\"\n        type=\"file\"\n        accept=\"{{ accept }}\" />\n</div>\n<eui-file-upload-progress *ngIf=\"hasProgressBar\" [progress]=\"progress\"></eui-file-upload-progress>\n\n<div *ngFor=\"let uploadedFile of uploadedFiles; let i = index\">\n    <eui-file-preview\n        [isItemsClickable]=\"isItemsClickable\"\n        [index]=\"i\"\n        [file]=\"uploadedFile\"\n        [hasPreview]=\"hasPreview\"\n        [hasPreviewAsImage]=\"hasPreviewAsImage\"\n        [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n        (itemClick)=\"onItemClick($event)\"\n        (removeFromList)=\"removeFromUploadedList($event)\">\n    </eui-file-preview>\n</div>\n\n<div *ngFor=\"let file of files; let i = index\">\n    <eui-file-preview\n        [isItemsClickable]=\"isItemsClickable\"\n        [index]=\"i\"\n        [file]=\"file\"\n        [hasPreview]=\"hasPreview\"\n        [hasPreviewAsImage]=\"hasPreviewAsImage\"\n        [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n        (itemClick)=\"onItemClick($event)\"\n        (removeFromList)=\"removeFromList($event)\">\n    </eui-file-preview>\n</div>\n\n<div class=\"eui-file-upload__total-size\" *ngIf=\"filesTotalSize && hasTotalSizeDisplayed\">\n    {{ filesTotalSize | filesize }} {{ 'eui.euifileupload.TOTAL-SIZE' | translate }}\n</div>\n\n<ng-content></ng-content>\n<button euiButton type=\"button\" (click)=\"resetList()\" *ngIf=\"showResetBtn\">\n    {{ 'eui.euifileupload.RESET-LIST' | translate }}\n</button>\n", styles: [".eui-file-upload__total-size{margin-bottom:1rem;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-file-upload__drop-area{outline:1px dashed var(--eui-base-color-info-110);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--active{background-color:var(--eui-ctx-c-p-bg);outline:3px dashed var(--eui-base-color-info-110);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--disabled{opacity:.75;cursor:not-allowed}.eui-file-upload__drop-area--disabled .file-input{cursor:default}.eui-file-upload__fake-btn{background-color:#fff;border:1px solid #9e9ec4;border-radius:3px;margin-right:8px;padding:8px 15px}.eui-file-upload__file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.eui-file-upload__simple-input-file{margin-bottom:var(--eui-base-spacing-xs)}.eui-file-upload__simple-input-file .file-input{display:none}.eui-file-upload__preview{align-items:center;display:flex;justify-content:space-between;margin:5px 0}.eui-file-upload__preview--left{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-file-upload__preview--left__image{margin-right:var(--eui-base-spacing-m)}.eui-file-upload__preview--left__image img{width:180px}.eui-file-upload__preview--left__image .loading-container{text-align:center;width:180px}.eui-file-upload__preview--left__filename{display:block}.eui-file-upload__preview--right{align-items:center;display:flex;margin-left:auto}.eui-file-upload__progress-bar-container{margin-bottom:var(--eui-base-spacing-2xs)}.eui-file-upload__progress-bar-container .progress-bar{background-color:var(--eui-base-color-info-130);height:var(--eui-base-spacing-2xs)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiFileUploadProgressComponent, selector: "eui-file-upload-progress", inputs: ["progress"] }, { kind: "component", type: i5.EuiFilePreviewComponent, selector: "eui-file-preview", inputs: ["file", "index", "previewAsIconConfig", "hasPreview", "isFilenameDisplayed", "isFilesizeDisplayed", "isFiletypeDisplayed", "hasPreviewAsImage", "hasPreviewAsIcon", "isItemsClickable"], outputs: ["removeFromList", "itemClick"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: i7.EuiFileSizePipe, name: "filesize" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiFileUploadComponent, decorators: [{
             type: Component,
@@ -161,7 +161,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
                         {
                             directive: BaseStatesDirective,
                         },
-                    ], encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"eui-file-upload__drop-area\"\n    [class.eui-file-upload__drop-area--active]=\"dragEntered\"\n    [class.eui-file-upload__drop-area--disabled]=\"isDropAreaDisabled\"\n    *ngIf=\"hasDragArea\">\n    <span class=\"eui-file-upload__fake-btn\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</span>\n    <span>{{ 'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate }}</span>\n    <input\n        #input\n        class=\"eui-file-upload__file-input\"\n        attr.aria-label=\"{{ 'eui.euifileupload.CHOOSE-FILE' | translate }} 'or' {{\n            'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate\n        }}\"\n        type=\"file\"\n        accept=\"{{ accept }}\"\n        [attr.disabled]=\"isDropAreaDisabled ? 'disabled' : null\"\n        [multiple]=\"isMultiple\"\n        (dragenter)=\"onDragEnter()\"\n        (dragleave)=\"onDragLeave()\" />\n</div>\n<div class=\"eui-file-upload__simple-input-file\" *ngIf=\"!hasDragArea\">\n    <label for=\"file-{{ randomNumberId }}\">\n        <button euiButton type=\"button\" (click)=\"openBrowseWindow()\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</button>\n    </label>\n\n    <input\n        #input\n        *ngIf=\"isMultiple\"\n        aria-label=\"Choose Multiple Files\"\n        class=\"file-input\"\n        id=\"file-{{ randomNumberId }}\"\n        type=\"file\"\n        accept=\"{{ accept }}\"\n        multiple />\n    <input\n        #input\n        *ngIf=\"!isMultiple\"\n        aria-label=\"Choose a single file\"\n        class=\"file-input\"\n        id=\"file-{{ randomNumberId }}\"\n        type=\"file\"\n        accept=\"{{ accept }}\" />\n</div>\n<eui-file-upload-progress *ngIf=\"hasProgressBar\" [progress]=\"progress\"></eui-file-upload-progress>\n\n<div *ngFor=\"let uploadedFile of uploadedFiles; let i = index\">\n    <eui-file-preview\n        [isItemsClickable]=\"isItemsClickable\"\n        [index]=\"i\"\n        [file]=\"uploadedFile\"\n        [hasPreview]=\"hasPreview\"\n        [hasPreviewAsImage]=\"hasPreviewAsImage\"\n        [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n        (itemClick)=\"onItemClick($event)\"\n        (removeFromList)=\"removeFromUploadedList($event)\">\n    </eui-file-preview>\n</div>\n\n<div *ngFor=\"let file of files; let i = index\">\n    <eui-file-preview\n        [isItemsClickable]=\"isItemsClickable\"\n        [index]=\"i\"\n        [file]=\"file\"\n        [hasPreview]=\"hasPreview\"\n        [hasPreviewAsImage]=\"hasPreviewAsImage\"\n        [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n        (itemClick)=\"onItemClick($event)\"\n        (removeFromList)=\"removeFromList($event)\">\n    </eui-file-preview>\n</div>\n\n<div class=\"eui-file-upload__total-size\" *ngIf=\"filesTotalSize && hasTotalSizeDisplayed\">\n    {{ filesTotalSize | filesize }} {{ 'eui.euifileupload.TOTAL-SIZE' | translate }}\n</div>\n\n<ng-content></ng-content>\n<button euiButton type=\"button\" (click)=\"resetList()\" *ngIf=\"showResetBtn\">\n    {{ 'eui.euifileupload.RESET-LIST' | translate }}\n</button>\n", styles: [".eui-file-upload__total-size{margin-bottom:1rem;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-file-upload__drop-area{outline:1px dashed var(--eui-base-color-info-110);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--active{background-color:var(--eui-base-color-primary-10);outline:3px dashed var(--eui-base-color-info-110);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--disabled{opacity:.75;cursor:not-allowed}.eui-file-upload__drop-area--disabled .file-input{cursor:default}.eui-file-upload__fake-btn{background-color:#fff;border:1px solid #9e9ec4;border-radius:3px;margin-right:8px;padding:8px 15px}.eui-file-upload__file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.eui-file-upload__simple-input-file{margin-bottom:var(--eui-base-spacing-xs)}.eui-file-upload__simple-input-file .file-input{display:none}.eui-file-upload__preview{align-items:center;display:flex;justify-content:space-between;margin:5px 0}.eui-file-upload__preview--left{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-file-upload__preview--left__image{margin-right:var(--eui-base-spacing-m)}.eui-file-upload__preview--left__image img{width:180px}.eui-file-upload__preview--left__image .loading-container{text-align:center;width:180px}.eui-file-upload__preview--left__filename{display:block}.eui-file-upload__preview--right{align-items:center;display:flex;margin-left:auto}.eui-file-upload__progress-bar-container{margin-bottom:var(--eui-base-spacing-2xs)}.eui-file-upload__progress-bar-container .progress-bar{background-color:var(--eui-base-color-info-130);height:var(--eui-base-spacing-2xs)}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"eui-file-upload__drop-area\"\n    [class.eui-file-upload__drop-area--active]=\"dragEntered\"\n    [class.eui-file-upload__drop-area--disabled]=\"isDropAreaDisabled\"\n    *ngIf=\"hasDragArea\">\n    <span class=\"eui-file-upload__fake-btn\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</span>\n    <span>{{ 'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate }}</span>\n    <input\n        #input\n        class=\"eui-file-upload__file-input\"\n        attr.aria-label=\"{{ 'eui.euifileupload.CHOOSE-FILE' | translate }} 'or' {{\n            'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate\n        }}\"\n        type=\"file\"\n        accept=\"{{ accept }}\"\n        [attr.disabled]=\"isDropAreaDisabled ? 'disabled' : null\"\n        [multiple]=\"isMultiple\"\n        (dragenter)=\"onDragEnter()\"\n        (dragleave)=\"onDragLeave()\" />\n</div>\n<div class=\"eui-file-upload__simple-input-file\" *ngIf=\"!hasDragArea\">\n    <label for=\"file-{{ randomNumberId }}\">\n        <button euiButton type=\"button\" (click)=\"openBrowseWindow()\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</button>\n    </label>\n\n    <input\n        #input\n        *ngIf=\"isMultiple\"\n        aria-label=\"Choose Multiple Files\"\n        class=\"file-input\"\n        id=\"file-{{ randomNumberId }}\"\n        type=\"file\"\n        accept=\"{{ accept }}\"\n        multiple />\n    <input\n        #input\n        *ngIf=\"!isMultiple\"\n        aria-label=\"Choose a single file\"\n        class=\"file-input\"\n        id=\"file-{{ randomNumberId }}\"\n        type=\"file\"\n        accept=\"{{ accept }}\" />\n</div>\n<eui-file-upload-progress *ngIf=\"hasProgressBar\" [progress]=\"progress\"></eui-file-upload-progress>\n\n<div *ngFor=\"let uploadedFile of uploadedFiles; let i = index\">\n    <eui-file-preview\n        [isItemsClickable]=\"isItemsClickable\"\n        [index]=\"i\"\n        [file]=\"uploadedFile\"\n        [hasPreview]=\"hasPreview\"\n        [hasPreviewAsImage]=\"hasPreviewAsImage\"\n        [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n        (itemClick)=\"onItemClick($event)\"\n        (removeFromList)=\"removeFromUploadedList($event)\">\n    </eui-file-preview>\n</div>\n\n<div *ngFor=\"let file of files; let i = index\">\n    <eui-file-preview\n        [isItemsClickable]=\"isItemsClickable\"\n        [index]=\"i\"\n        [file]=\"file\"\n        [hasPreview]=\"hasPreview\"\n        [hasPreviewAsImage]=\"hasPreviewAsImage\"\n        [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n        (itemClick)=\"onItemClick($event)\"\n        (removeFromList)=\"removeFromList($event)\">\n    </eui-file-preview>\n</div>\n\n<div class=\"eui-file-upload__total-size\" *ngIf=\"filesTotalSize && hasTotalSizeDisplayed\">\n    {{ filesTotalSize | filesize }} {{ 'eui.euifileupload.TOTAL-SIZE' | translate }}\n</div>\n\n<ng-content></ng-content>\n<button euiButton type=\"button\" (click)=\"resetList()\" *ngIf=\"showResetBtn\">\n    {{ 'eui.euifileupload.RESET-LIST' | translate }}\n</button>\n", styles: [".eui-file-upload__total-size{margin-bottom:1rem;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-file-upload__drop-area{outline:1px dashed var(--eui-base-color-info-110);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--active{background-color:var(--eui-ctx-c-p-bg);outline:3px dashed var(--eui-base-color-info-110);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--disabled{opacity:.75;cursor:not-allowed}.eui-file-upload__drop-area--disabled .file-input{cursor:default}.eui-file-upload__fake-btn{background-color:#fff;border:1px solid #9e9ec4;border-radius:3px;margin-right:8px;padding:8px 15px}.eui-file-upload__file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.eui-file-upload__simple-input-file{margin-bottom:var(--eui-base-spacing-xs)}.eui-file-upload__simple-input-file .file-input{display:none}.eui-file-upload__preview{align-items:center;display:flex;justify-content:space-between;margin:5px 0}.eui-file-upload__preview--left{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-file-upload__preview--left__image{margin-right:var(--eui-base-spacing-m)}.eui-file-upload__preview--left__image img{width:180px}.eui-file-upload__preview--left__image .loading-container{text-align:center;width:180px}.eui-file-upload__preview--left__filename{display:block}.eui-file-upload__preview--right{align-items:center;display:flex;margin-left:auto}.eui-file-upload__progress-bar-container{margin-bottom:var(--eui-base-spacing-2xs)}.eui-file-upload__progress-bar-container .progress-bar{background-color:var(--eui-base-color-info-130);height:var(--eui-base-spacing-2xs)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { e2eAttr: [{
                 type: Input
             }], progress: [{

package/esm2022/eui-growl/eui-growl.component.mjs

@@ -87,11 +87,11 @@ export class EuiGrowlComponent {
         return this.value?.length ? this.value.findIndex((value) => value === msg) : -1;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiGrowlComponent, deps: [{ token: i0.ElementRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EuiGrowlComponent, selector: "eui-growl", inputs: { sticky: "sticky", life: "life", value: "value", style: "style", styleClass: "styleClass", position: "position", e2eAttr: "e2eAttr", closeAllSticky: "closeAllSticky" }, outputs: { growlClick: "growlClick" }, viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div\n    #container\n    role=\"region\"\n    aria-live=\"polite\"\n    class=\"eui-growl {{ styleClass }} eui-growl--{{ position }}\"\n    (click)=\"onClick()\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <div\n        #msgel\n        *ngFor=\"let msg of value\"\n        class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n        [ngClass]=\"{\n            'eui-growl-item-container--info': msg.severity === 'info',\n            'eui-growl-item-container--warning': msg.severity === 'warning',\n            'eui-growl-item-container--danger': msg.severity === 'danger',\n            'eui-growl-item-container--success': msg.severity === 'success',\n            'eui-growl--sticky': sticky\n        }\"\n        [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n        [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n        <div class=\"eui-growl-item\">\n            <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n                <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n            </div>\n            <eui-icon-svg-button\n                (click)=\"remove(msg)\"\n                iconSvgName=\"eui-close\"\n                ariaLabel=\"Close growl icon\"\n                class=\"eui-growl-item-close\">\n            </eui-icon-svg-button>\n        </div>\n    </div>\n    <div\n        class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n        *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n        <div class=\"eui-growl-item\">\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n            </div>\n            <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n        </div>\n    </div>\n</div>\n", styles: [".eui-growl{position:fixed;width:20rem;z-index:var(--eui-base-z-index-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-base-spacing-l);left:var(--eui-base-spacing-l)}.eui-growl--bottom-center{bottom:var(--eui-base-spacing-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-base-spacing-l);right:var(--eui-base-spacing-l)}.eui-growl--top-left{left:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl--top-center{right:50%;top:var(--eui-base-spacing-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl a{color:var(--eui-base-color-white)!important;text-decoration:underline}.eui-growl-item-container{filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-base-spacing-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-base-spacing-s);max-height:80vh;overflow-y:auto;overflow-wrap:break-word}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-5)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-growl-item-message code{color:var(--eui-base-color-grey-5);font-size:var(--eui-base-font-size-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-growl-item-message-detail{display:block;margin:0;padding:0}.eui-growl-item-container{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}.eui-growl-item-container .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-growl-item-container.eui-growl-item-container--info{background-color:var(--eui-base-color-info-120);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast)}.eui-growl-item-container.eui-growl-item-container--info .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-growl-item-container.eui-growl-item-container--warning{background-color:var(--eui-base-color-warning-120);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast)}.eui-growl-item-container.eui-growl-item-container--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-growl-item-container.eui-growl-item-container--success{background-color:var(--eui-base-color-success-120);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast)}.eui-growl-item-container.eui-growl-item-container--success .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-growl-item-container.eui-growl-item-container--danger{background-color:var(--eui-base-color-danger-120);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast)}.eui-growl-item-container.eui-growl-item-container--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i2.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EuiGrowlComponent, selector: "eui-growl", inputs: { sticky: "sticky", life: "life", value: "value", style: "style", styleClass: "styleClass", position: "position", e2eAttr: "e2eAttr", closeAllSticky: "closeAllSticky" }, outputs: { growlClick: "growlClick" }, viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div\n    #container\n    role=\"region\"\n    aria-live=\"polite\"\n    class=\"eui-growl {{ styleClass }} eui-growl--{{ position }}\"\n    (click)=\"onClick()\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <div\n        #msgel\n        *ngFor=\"let msg of value\"\n        class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n        [ngClass]=\"{\n            'eui-growl-item-container--info': msg.severity === 'info',\n            'eui-growl-item-container--warning': msg.severity === 'warning',\n            'eui-growl-item-container--danger': msg.severity === 'danger',\n            'eui-growl-item-container--success': msg.severity === 'success',\n            'eui-growl--sticky': sticky\n        }\"\n        [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n        [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n        <div class=\"eui-growl-item\">\n            <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n                <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n            </div>\n            <eui-icon-svg-button\n                (click)=\"remove(msg)\"\n                iconSvgName=\"eui-close\"\n                ariaLabel=\"Close growl icon\"\n                class=\"eui-growl-item-close\">\n            </eui-icon-svg-button>\n        </div>\n    </div>\n    <div\n        class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n        *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n        <div class=\"eui-growl-item\">\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n            </div>\n            <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n        </div>\n    </div>\n</div>\n", styles: [".eui-growl{--_bg-color: var(--eui-growl-color, var(--eui-ctx-c-p));--_color-on-bg: var(--eui-growl-color-on-bg, var(--eui-ctx-c-p-on-bg))}.eui-growl{position:fixed;width:20rem;z-index:var(--eui-base-z-index-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-base-spacing-l);left:var(--eui-base-spacing-l)}.eui-growl--bottom-center{bottom:var(--eui-base-spacing-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-base-spacing-l);right:var(--eui-base-spacing-l)}.eui-growl--top-left{left:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl--top-center{right:50%;top:var(--eui-base-spacing-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl a{color:var(--eui-base-color-white)!important;text-decoration:underline}.eui-growl-item-container{filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-base-spacing-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-base-spacing-s);max-height:80vh;overflow-y:auto;overflow-wrap:break-word}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-5)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-growl-item-message code{color:var(--eui-base-color-grey-5);font-size:var(--eui-base-font-size-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-growl-item-message-detail{display:block;margin:0;padding:0}.eui-growl-item-container--primary{--_bg-color: var(--eui-ctx-c-p);--_color-on-bg: var(--eui-ctx-c-p-on-bg)}.eui-growl-item-container--info{--_bg-color: var(--eui-ctx-c-in);--_color-on-bg: var(--eui-ctx-c-in-on-bg)}.eui-growl-item-container--success{--_bg-color: var(--eui-ctx-c-su);--_color-on-bg: var(--eui-ctx-c-su-on-bg)}.eui-growl-item-container--warning{--_bg-color: var(--eui-ctx-c-wa);--_color-on-bg: var(--eui-ctx-c-wa-on-bg)}.eui-growl-item-container--danger{--_bg-color: var(--eui-ctx-c-da);--_color-on-bg: var(--eui-ctx-c-da-on-bg)}.eui-growl-item-container{background-color:var(--_bg-color);color:var(--_color-on-bg)}.eui-growl-item-container .eui-icon-svg svg{fill:var(--_color-on-bg);color:var(--_color-on-bg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i2.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiGrowlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-growl', encapsulation: ViewEncapsulation.None, template: "<div\n    #container\n    role=\"region\"\n    aria-live=\"polite\"\n    class=\"eui-growl {{ styleClass }} eui-growl--{{ position }}\"\n    (click)=\"onClick()\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <div\n        #msgel\n        *ngFor=\"let msg of value\"\n        class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n        [ngClass]=\"{\n            'eui-growl-item-container--info': msg.severity === 'info',\n            'eui-growl-item-container--warning': msg.severity === 'warning',\n            'eui-growl-item-container--danger': msg.severity === 'danger',\n            'eui-growl-item-container--success': msg.severity === 'success',\n            'eui-growl--sticky': sticky\n        }\"\n        [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n        [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n        <div class=\"eui-growl-item\">\n            <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n                <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n            </div>\n            <eui-icon-svg-button\n                (click)=\"remove(msg)\"\n                iconSvgName=\"eui-close\"\n                ariaLabel=\"Close growl icon\"\n                class=\"eui-growl-item-close\">\n            </eui-icon-svg-button>\n        </div>\n    </div>\n    <div\n        class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n        *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n        <div class=\"eui-growl-item\">\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n            </div>\n            <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n        </div>\n    </div>\n</div>\n", styles: [".eui-growl{position:fixed;width:20rem;z-index:var(--eui-base-z-index-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-base-spacing-l);left:var(--eui-base-spacing-l)}.eui-growl--bottom-center{bottom:var(--eui-base-spacing-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-base-spacing-l);right:var(--eui-base-spacing-l)}.eui-growl--top-left{left:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl--top-center{right:50%;top:var(--eui-base-spacing-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl a{color:var(--eui-base-color-white)!important;text-decoration:underline}.eui-growl-item-container{filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-base-spacing-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-base-spacing-s);max-height:80vh;overflow-y:auto;overflow-wrap:break-word}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-5)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-growl-item-message code{color:var(--eui-base-color-grey-5);font-size:var(--eui-base-font-size-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-growl-item-message-detail{display:block;margin:0;padding:0}.eui-growl-item-container{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}.eui-growl-item-container .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-growl-item-container.eui-growl-item-container--info{background-color:var(--eui-base-color-info-120);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast)}.eui-growl-item-container.eui-growl-item-container--info .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-growl-item-container.eui-growl-item-container--warning{background-color:var(--eui-base-color-warning-120);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast)}.eui-growl-item-container.eui-growl-item-container--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-growl-item-container.eui-growl-item-container--success{background-color:var(--eui-base-color-success-120);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast)}.eui-growl-item-container.eui-growl-item-container--success .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-growl-item-container.eui-growl-item-container--danger{background-color:var(--eui-base-color-danger-120);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast)}.eui-growl-item-container.eui-growl-item-container--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}\n"] }]
+            args: [{ selector: 'eui-growl', encapsulation: ViewEncapsulation.None, template: "<div\n    #container\n    role=\"region\"\n    aria-live=\"polite\"\n    class=\"eui-growl {{ styleClass }} eui-growl--{{ position }}\"\n    (click)=\"onClick()\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <div\n        #msgel\n        *ngFor=\"let msg of value\"\n        class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n        [ngClass]=\"{\n            'eui-growl-item-container--info': msg.severity === 'info',\n            'eui-growl-item-container--warning': msg.severity === 'warning',\n            'eui-growl-item-container--danger': msg.severity === 'danger',\n            'eui-growl-item-container--success': msg.severity === 'success',\n            'eui-growl--sticky': sticky\n        }\"\n        [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n        [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n        <div class=\"eui-growl-item\">\n            <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n                <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n            </div>\n            <eui-icon-svg-button\n                (click)=\"remove(msg)\"\n                iconSvgName=\"eui-close\"\n                ariaLabel=\"Close growl icon\"\n                class=\"eui-growl-item-close\">\n            </eui-icon-svg-button>\n        </div>\n    </div>\n    <div\n        class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n        *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n        <div class=\"eui-growl-item\">\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n            </div>\n            <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n        </div>\n    </div>\n</div>\n", styles: [".eui-growl{--_bg-color: var(--eui-growl-color, var(--eui-ctx-c-p));--_color-on-bg: var(--eui-growl-color-on-bg, var(--eui-ctx-c-p-on-bg))}.eui-growl{position:fixed;width:20rem;z-index:var(--eui-base-z-index-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-base-spacing-l);left:var(--eui-base-spacing-l)}.eui-growl--bottom-center{bottom:var(--eui-base-spacing-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-base-spacing-l);right:var(--eui-base-spacing-l)}.eui-growl--top-left{left:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl--top-center{right:50%;top:var(--eui-base-spacing-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl a{color:var(--eui-base-color-white)!important;text-decoration:underline}.eui-growl-item-container{filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-base-spacing-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-base-spacing-s);max-height:80vh;overflow-y:auto;overflow-wrap:break-word}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-5)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-growl-item-message code{color:var(--eui-base-color-grey-5);font-size:var(--eui-base-font-size-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-growl-item-message-detail{display:block;margin:0;padding:0}.eui-growl-item-container--primary{--_bg-color: var(--eui-ctx-c-p);--_color-on-bg: var(--eui-ctx-c-p-on-bg)}.eui-growl-item-container--info{--_bg-color: var(--eui-ctx-c-in);--_color-on-bg: var(--eui-ctx-c-in-on-bg)}.eui-growl-item-container--success{--_bg-color: var(--eui-ctx-c-su);--_color-on-bg: var(--eui-ctx-c-su-on-bg)}.eui-growl-item-container--warning{--_bg-color: var(--eui-ctx-c-wa);--_color-on-bg: var(--eui-ctx-c-wa-on-bg)}.eui-growl-item-container--danger{--_bg-color: var(--eui-ctx-c-da);--_color-on-bg: var(--eui-ctx-c-da-on-bg)}.eui-growl-item-container{background-color:var(--_bg-color);color:var(--_color-on-bg)}.eui-growl-item-container .eui-icon-svg svg{fill:var(--_color-on-bg);color:var(--_color-on-bg)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.IterableDiffers }], propDecorators: { sticky: [{
                 type: Input
             }], life: [{

package/esm2022/eui-icon-toggle/eui-icon-toggle.component.mjs

@@ -68,11 +68,11 @@ export class EuiIconToggleComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiIconToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EuiIconToggleComponent, selector: "eui-icon-toggle", inputs: { id: "id", styleClass: "styleClass", styleClassOn: "styleClassOn", styleClassOff: "styleClassOff", iconClassOff: "iconClassOff", iconClassOn: "iconClassOn", iconSvgNameOn: "iconSvgNameOn", iconSvgNameOff: "iconSvgNameOff", iconSvgFillColorOn: "iconSvgFillColorOn", iconSvgFillColorOff: "iconSvgFillColorOff", tabindex: "tabindex", ariaLabel: "ariaLabel", keyboardAccessKey: "keyboardAccessKey", e2eAttr: "e2eAttr", isChecked: "isChecked", isReadOnly: "isReadOnly" }, outputs: { toggle: "toggle" }, host: { properties: { "attr.data-e2e": "this.e2eAttr" } }, viewQueries: [{ propertyName: "focusElement", first: true, predicate: ["focusElement"], descendants: true }], ngImport: i0, template: "<div\n    #focusElement\n    [id]=\"id\"\n    class=\"eui-icon-toggle {{ styleClass }}\"\n    [ngClass]=\"isChecked ? 'eui-icon-toggle--default-on' : 'eui-icon-toggle--default-off'\"\n    tabindex=\"{{ !isReadOnly ? tabindex : '-1' }}\"\n    role=\"switch\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-checked]=\"isChecked\"\n    [attr.accesskey]=\"keyboardAccessKey\"\n    (click)=\"onToggle()\"\n    (keydown)=\"onKeyDown($event)\">\n\n    <ng-container *ngIf=\"iconSvgNameOn && iconSvgNameOff\">\n        <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\"></eui-icon-svg>\n    </ng-container>\n</div>\n", styles: [".eui-icon-toggle{display:inline-block;position:relative;cursor:pointer}.eui-icon-toggle:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-icon-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-icon-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-icon-toggle--default-on{color:var(--eui-base-color-accent-100)}.eui-icon-toggle--default-off{color:var(--eui-base-color-grey-100)}.eui-icon-toggle--checked{color:var(--eui-base-color-accent-110)}.eui-icon-toggle--readonly{cursor:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EuiIconToggleComponent, selector: "eui-icon-toggle", inputs: { id: "id", styleClass: "styleClass", styleClassOn: "styleClassOn", styleClassOff: "styleClassOff", iconClassOff: "iconClassOff", iconClassOn: "iconClassOn", iconSvgNameOn: "iconSvgNameOn", iconSvgNameOff: "iconSvgNameOff", iconSvgFillColorOn: "iconSvgFillColorOn", iconSvgFillColorOff: "iconSvgFillColorOff", tabindex: "tabindex", ariaLabel: "ariaLabel", keyboardAccessKey: "keyboardAccessKey", e2eAttr: "e2eAttr", isChecked: "isChecked", isReadOnly: "isReadOnly" }, outputs: { toggle: "toggle" }, host: { properties: { "attr.data-e2e": "this.e2eAttr" } }, viewQueries: [{ propertyName: "focusElement", first: true, predicate: ["focusElement"], descendants: true }], ngImport: i0, template: "<div\n    #focusElement\n    [id]=\"id\"\n    class=\"eui-icon-toggle {{ styleClass }}\"\n    [ngClass]=\"isChecked ? 'eui-icon-toggle--default-on' : 'eui-icon-toggle--default-off'\"\n    tabindex=\"{{ !isReadOnly ? tabindex : '-1' }}\"\n    role=\"switch\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-checked]=\"isChecked\"\n    [attr.accesskey]=\"keyboardAccessKey\"\n    (click)=\"onToggle()\"\n    (keydown)=\"onKeyDown($event)\">\n\n    <ng-container *ngIf=\"iconSvgNameOn && iconSvgNameOff\">\n        <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\"></eui-icon-svg>\n    </ng-container>\n</div>\n", styles: [".eui-icon-toggle{display:inline-block;position:relative;cursor:pointer}.eui-icon-toggle:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-icon-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-icon-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-icon-toggle--default-on{color:var(--eui-ctx-c-ac)}.eui-icon-toggle--default-off{color:var(--eui-base-color-grey-100)}.eui-icon-toggle--checked{color:var(--eui-base-color-accent-110)}.eui-icon-toggle--readonly{cursor:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiIconToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-icon-toggle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n    #focusElement\n    [id]=\"id\"\n    class=\"eui-icon-toggle {{ styleClass }}\"\n    [ngClass]=\"isChecked ? 'eui-icon-toggle--default-on' : 'eui-icon-toggle--default-off'\"\n    tabindex=\"{{ !isReadOnly ? tabindex : '-1' }}\"\n    role=\"switch\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-checked]=\"isChecked\"\n    [attr.accesskey]=\"keyboardAccessKey\"\n    (click)=\"onToggle()\"\n    (keydown)=\"onKeyDown($event)\">\n\n    <ng-container *ngIf=\"iconSvgNameOn && iconSvgNameOff\">\n        <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\"></eui-icon-svg>\n    </ng-container>\n</div>\n", styles: [".eui-icon-toggle{display:inline-block;position:relative;cursor:pointer}.eui-icon-toggle:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-icon-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-icon-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-icon-toggle--default-on{color:var(--eui-base-color-accent-100)}.eui-icon-toggle--default-off{color:var(--eui-base-color-grey-100)}.eui-icon-toggle--checked{color:var(--eui-base-color-accent-110)}.eui-icon-toggle--readonly{cursor:auto}\n"] }]
+            args: [{ selector: 'eui-icon-toggle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n    #focusElement\n    [id]=\"id\"\n    class=\"eui-icon-toggle {{ styleClass }}\"\n    [ngClass]=\"isChecked ? 'eui-icon-toggle--default-on' : 'eui-icon-toggle--default-off'\"\n    tabindex=\"{{ !isReadOnly ? tabindex : '-1' }}\"\n    role=\"switch\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-checked]=\"isChecked\"\n    [attr.accesskey]=\"keyboardAccessKey\"\n    (click)=\"onToggle()\"\n    (keydown)=\"onKeyDown($event)\">\n\n    <ng-container *ngIf=\"iconSvgNameOn && iconSvgNameOff\">\n        <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\"></eui-icon-svg>\n    </ng-container>\n</div>\n", styles: [".eui-icon-toggle{display:inline-block;position:relative;cursor:pointer}.eui-icon-toggle:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-icon-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-icon-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-icon-toggle--default-on{color:var(--eui-ctx-c-ac)}.eui-icon-toggle--default-off{color:var(--eui-base-color-grey-100)}.eui-icon-toggle--checked{color:var(--eui-base-color-accent-110)}.eui-icon-toggle--readonly{cursor:auto}\n"] }]
         }], propDecorators: { id: [{
                 type: Input
             }], styleClass: [{

package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs

@@ -153,11 +153,11 @@ export class EuiInputCheckboxComponent extends InputDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiInputCheckboxComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EuiInputCheckboxComponent, selector: "input[euiInputCheckBox]", inputs: { indeterminate: "indeterminate", isInvalid: "isInvalid", styleClass: "styleClass", checked: "checked", id: "id" }, outputs: { indeterminateChange: "indeterminateChange" }, host: { listeners: { "change": "onChanged($event.target.checked)", "keydown.space": "onSpacePressed($event)" }, properties: { "class": "this.cssClasses", "attr.type": "this.type", "attr.checked": "this.checked", "attr.id": "this.id" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [".eui-input-checkbox:not(.cdk-visually-hidden){appearance:inherit;align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;height:var(--eui-base-spacing-xl);margin-right:var(--eui-base-spacing-s);position:relative;vertical-align:middle;transition:all .25s ease;width:var(--eui-base-spacing-xl);accent-color:var(--eui-base-color-white);background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-75)}.eui-input-checkbox:not(.cdk-visually-hidden)+.eui-label,.eui-input-checkbox:not(.cdk-visually-hidden)+label{display:inline-flex;cursor:pointer;margin-right:var(--eui-base-spacing-m);white-space:inherit}.eui-input-checkbox:not(.cdk-visually-hidden):checked{background:var(--eui-base-color-info-130)}.eui-input-checkbox:not(.cdk-visually-hidden):checked:before{position:absolute;height:1rem;width:1rem;content:\"\";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--eui-internal-icon-checkmark-path);mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-base-color-white);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate{background:var(--eui-base-color-info-130)}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate:before{height:1rem;width:1rem;content:\"\";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--eui-internal-icon-remove-path);mask-image:var(--eui-internal-icon-remove-path);background-color:var(--eui-base-color-white);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-base-color-grey-25);border:2px solid var(--eui-base-color-grey-75);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:var(--eui-internal-icon-checkmark-path);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]{background:var(--eui-base-color-grey-25);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked{background:var(--eui-base-color-info-130);border:2px solid var(--eui-base-color-info-130)}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem;content:\"\";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--eui-internal-icon-checkmark-path);mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-base-color-white);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]+label{align-items:center;pointer-events:none}.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]){accent-color:var(--eui-base-color-danger-100);appearance:inherit;background-color:var(--eui-base-color-white);border:2px solid var(--eui-base-color-danger-100)}.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked,.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked{background:var(--eui-base-color-danger-100)}.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked:before,.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked:before{height:1rem;width:1rem;content:\"\";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--eui-internal-icon-checkmark-path);mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-base-color-white);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden):focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:0!important;transition:none!important}.eui-input-checkbox:not(.cdk-visually-hidden):focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-input-checkbox:not(.cdk-visually-hidden) [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EuiInputCheckboxComponent, selector: "input[euiInputCheckBox]", inputs: { indeterminate: "indeterminate", isInvalid: "isInvalid", styleClass: "styleClass", checked: "checked", id: "id" }, outputs: { indeterminateChange: "indeterminateChange" }, host: { listeners: { "change": "onChanged($event.target.checked)", "keydown.space": "onSpacePressed($event)" }, properties: { "class": "this.cssClasses", "attr.type": "this.type", "attr.checked": "this.checked", "attr.id": "this.id" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [".eui-input-checkbox:not(.cdk-visually-hidden){appearance:inherit;align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;height:var(--eui-base-spacing-xl);margin-right:var(--eui-base-spacing-s);position:relative;vertical-align:middle;transition:all .25s ease;width:var(--eui-base-spacing-xl);accent-color:var(--eui-base-color-white);background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-75)}.eui-input-checkbox:not(.cdk-visually-hidden)+.eui-label,.eui-input-checkbox:not(.cdk-visually-hidden)+label{display:inline-flex;cursor:pointer;margin-right:var(--eui-base-spacing-m);white-space:inherit}.eui-input-checkbox:not(.cdk-visually-hidden):checked{background:var(--eui-base-color-info-130)}.eui-input-checkbox:not(.cdk-visually-hidden):checked:before{position:absolute;height:1rem;width:1rem;content:\"\";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--eui-internal-icon-checkmark-path);mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-base-color-white);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate{background:var(--eui-base-color-info-130)}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate:before{height:1rem;width:1rem;content:\"\";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--eui-internal-icon-remove-path);mask-image:var(--eui-internal-icon-remove-path);background-color:var(--eui-base-color-white);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-base-color-grey-25);border:2px solid var(--eui-base-color-grey-75);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:var(--eui-internal-icon-checkmark-path);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]{background:var(--eui-base-color-grey-25);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked{background:var(--eui-base-color-info-130);border:2px solid var(--eui-base-color-info-130)}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem;content:\"\";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--eui-internal-icon-checkmark-path);mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-base-color-white);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]+label{align-items:center;pointer-events:none}.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]){accent-color:var(--eui-ctx-c-da);appearance:inherit;background-color:var(--eui-base-color-white);border:2px solid var(--eui-ctx-c-da)}.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked,.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked{background:var(--eui-ctx-c-da)}.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked:before,.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked:before{height:1rem;width:1rem;content:\"\";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--eui-internal-icon-checkmark-path);mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-base-color-white);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden):focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:0!important;transition:none!important}.eui-input-checkbox:not(.cdk-visually-hidden):focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-input-checkbox:not(.cdk-visually-hidden) [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiInputCheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'input[euiInputCheckBox]', template: '', encapsulation: ViewEncapsulation.None, styles: [".eui-input-checkbox:not(.cdk-visually-hidden){appearance:inherit;align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;height:var(--eui-base-spacing-xl);margin-right:var(--eui-base-spacing-s);position:relative;vertical-align:middle;transition:all .25s ease;width:var(--eui-base-spacing-xl);accent-color:var(--eui-base-color-white);background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-75)}.eui-input-checkbox:not(.cdk-visually-hidden)+.eui-label,.eui-input-checkbox:not(.cdk-visually-hidden)+label{display:inline-flex;cursor:pointer;margin-right:var(--eui-base-spacing-m);white-space:inherit}.eui-input-checkbox:not(.cdk-visually-hidden):checked{background:var(--eui-base-color-info-130)}.eui-input-checkbox:not(.cdk-visually-hidden):checked:before{position:absolute;height:1rem;width:1rem;content:\"\";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--eui-internal-icon-checkmark-path);mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-base-color-white);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate{background:var(--eui-base-color-info-130)}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate:before{height:1rem;width:1rem;content:\"\";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--eui-internal-icon-remove-path);mask-image:var(--eui-internal-icon-remove-path);background-color:var(--eui-base-color-white);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-base-color-grey-25);border:2px solid var(--eui-base-color-grey-75);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:var(--eui-internal-icon-checkmark-path);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]{background:var(--eui-base-color-grey-25);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked{background:var(--eui-base-color-info-130);border:2px solid var(--eui-base-color-info-130)}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem;content:\"\";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--eui-internal-icon-checkmark-path);mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-base-color-white);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]+label{align-items:center;pointer-events:none}.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]){accent-color:var(--eui-base-color-danger-100);appearance:inherit;background-color:var(--eui-base-color-white);border:2px solid var(--eui-base-color-danger-100)}.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked,.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked{background:var(--eui-base-color-danger-100)}.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked:before,.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked:before{height:1rem;width:1rem;content:\"\";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--eui-internal-icon-checkmark-path);mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-base-color-white);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden):focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:0!important;transition:none!important}.eui-input-checkbox:not(.cdk-visually-hidden):focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-input-checkbox:not(.cdk-visually-hidden) [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}\n"] }]
+            args: [{ selector: 'input[euiInputCheckBox]', template: '', encapsulation: ViewEncapsulation.None, styles: [".eui-input-checkbox:not(.cdk-visually-hidden){appearance:inherit;align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;height:var(--eui-base-spacing-xl);margin-right:var(--eui-base-spacing-s);position:relative;vertical-align:middle;transition:all .25s ease;width:var(--eui-base-spacing-xl);accent-color:var(--eui-base-color-white);background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-75)}.eui-input-checkbox:not(.cdk-visually-hidden)+.eui-label,.eui-input-checkbox:not(.cdk-visually-hidden)+label{display:inline-flex;cursor:pointer;margin-right:var(--eui-base-spacing-m);white-space:inherit}.eui-input-checkbox:not(.cdk-visually-hidden):checked{background:var(--eui-base-color-info-130)}.eui-input-checkbox:not(.cdk-visually-hidden):checked:before{position:absolute;height:1rem;width:1rem;content:\"\";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--eui-internal-icon-checkmark-path);mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-base-color-white);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate{background:var(--eui-base-color-info-130)}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate:before{height:1rem;width:1rem;content:\"\";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--eui-internal-icon-remove-path);mask-image:var(--eui-internal-icon-remove-path);background-color:var(--eui-base-color-white);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-base-color-grey-25);border:2px solid var(--eui-base-color-grey-75);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:var(--eui-internal-icon-checkmark-path);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]{background:var(--eui-base-color-grey-25);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked{background:var(--eui-base-color-info-130);border:2px solid var(--eui-base-color-info-130)}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem;content:\"\";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--eui-internal-icon-checkmark-path);mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-base-color-white);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]+label{align-items:center;pointer-events:none}.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]){accent-color:var(--eui-ctx-c-da);appearance:inherit;background-color:var(--eui-base-color-white);border:2px solid var(--eui-ctx-c-da)}.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked,.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked{background:var(--eui-ctx-c-da)}.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked:before,.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked:before{height:1rem;width:1rem;content:\"\";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--eui-internal-icon-checkmark-path);mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-base-color-white);height:var(--eui-base-spacing-xl);width:var(--eui-base-spacing-xl)}.eui-input-checkbox:not(.cdk-visually-hidden):focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:0!important;transition:none!important}.eui-input-checkbox:not(.cdk-visually-hidden):focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}.eui-input-checkbox:not(.cdk-visually-hidden) [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:0!important;transition:none!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Optional
                 }, {