@eui/components 18.0.0-next.75 → 18.0.0-next.76

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

@@ -128,13 +128,13 @@ var EuiSelectComponent = class _EuiSelectComponent {
     }
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: _EuiSelectComponent, deps: [{ token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i0, type: _EuiSelectComponent, deps: [{ token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.1", type: _EuiSelectComponent, selector: "select[euiSelect]", inputs: { placeholder: "placeholder", readonly: "readonly", isInvalid: "isInvalid" }, host: { listeners: { "change": "onChange($event.target.value)" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: ['.eui-select{font:var(--eui-f-m);appearance:none;background-color:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);box-shadow:none;color:var(--eui-c-text);display:block;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-c-neutral);overflow-y:auto}.eui-select::placeholder{color:var(--eui-c-neutral-lighter)!important;opacity:1}.eui-select[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;pointer-events:none}.eui-select[readonly]+.eui-feedback-message,.eui-select[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-select[disabled]:not([readonly]),.eui-select--disabled:not([readonly]){background-color:var(--eui-c-neutral-bg-light)!important;border:1px solid var(--eui-c-neutral-lightest)!important;color:var(--eui-c-neutral-light);pointer-events:none}.eui-select--invalid,.eui-select--danger{border:1px solid var(--eui-c-danger)}.eui-select--clearable{padding-right:var(--eui-s-2xl)}.eui-select--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-select--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-select--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-select--clearable-icon [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-select--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-select--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-select--loading{padding-right:var(--eui-s-2xl)}.eui-select--loading-icon{align-items:center;display:flex}.eui-select--loading-icon:after,.eui-select--loading-icon:before{content:"";height:var(--eui-s-l);position:absolute;right:var(--eui-s-s);width:var(--eui-s-l)}.eui-select--loading-icon:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-select--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-select--loading-icon--sm:after,.eui-select--loading-icon--sm:before{height:var(--eui-s-m);width:var(--eui-s-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-icon-input--start .eui-select{padding-left:var(--eui-s-3xl)}.eui-icon-input--end .eui-select{padding-right:var(--eui-s-3xl)}.eui-select::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-select::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-select:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-select:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-select [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-select[readonly][multiple=true] option:checked{background:none}.eui-select[hidden],.eui-select[readonly][multiple=true] :not(option:checked){display:none}.eui-select[multiple=true],.eui-select[size]:not([size="1"]):not([size="0"]){background-image:none;height:auto;overflow:auto;padding:var(--eui-s-2xs) 0}.eui-select__placeholder{color:var(--eui-c-neutral-lighter)!important}.eui-select__item{color:var(--eui-c-neutral)}.eui-select optgroup{font:var(--eui-f-m-bold)}.eui-select optgroup,.eui-select option{appearance:none;color:var(--eui-c-neutral);display:block;padding:var(--eui-s-2xs);white-space:pre}.eui-select optgroup:disabled,.eui-select option:disabled{color:var(--eui-c-neutral-lightest)}.eui-select:not([readonly]):not([multiple]),.eui-select[size="1"],.eui-select[size="0"]{appearance:none;background-color:var(--eui-c-white);background-image:var(--eui-internal-icon-chevron-down-path);background-position:calc(100% - var(--eui-s-s)) center;background-repeat:no-repeat;background-size:var(--eui-s-m);padding-right:var(--eui-s-xl)}\n'], encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.3", type: _EuiSelectComponent, selector: "select[euiSelect]", inputs: { placeholder: "placeholder", readonly: "readonly", isInvalid: "isInvalid" }, host: { listeners: { "change": "onChange($event.target.value)" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: ['.eui-select{font:var(--eui-f-m);appearance:none;background-color:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);box-shadow:none;color:var(--eui-c-text);display:block;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-c-neutral);overflow-y:auto}.eui-select::placeholder{color:var(--eui-c-neutral-lighter)!important;opacity:1}.eui-select[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;pointer-events:none}.eui-select[readonly]+.eui-feedback-message,.eui-select[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-select[disabled]:not([readonly]),.eui-select--disabled:not([readonly]){background-color:var(--eui-c-neutral-bg-light)!important;border:1px solid var(--eui-c-neutral-lightest)!important;color:var(--eui-c-neutral-light);pointer-events:none}.eui-select--invalid,.eui-select--danger{border:1px solid var(--eui-c-danger)}.eui-select--clearable{padding-right:var(--eui-s-2xl)}.eui-select--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-select--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-select--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-select--clearable-icon [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-select--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-select--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-select--loading{padding-right:var(--eui-s-2xl)}.eui-select--loading-icon{align-items:center;display:flex}.eui-select--loading-icon:after,.eui-select--loading-icon:before{content:"";height:var(--eui-s-l);position:absolute;right:var(--eui-s-s);width:var(--eui-s-l)}.eui-select--loading-icon:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-select--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-select--loading-icon--sm:after,.eui-select--loading-icon--sm:before{height:var(--eui-s-m);width:var(--eui-s-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-icon-input--start .eui-select{padding-left:var(--eui-s-3xl)}.eui-icon-input--end .eui-select{padding-right:var(--eui-s-3xl)}.eui-select::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-select::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-select:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-select:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-select [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-select[readonly][multiple=true] option:checked{background:none}.eui-select[hidden],.eui-select[readonly][multiple=true] :not(option:checked){display:none}.eui-select[multiple=true],.eui-select[size]:not([size="1"]):not([size="0"]){background-image:none;height:auto;overflow:auto;padding:var(--eui-s-2xs) 0}.eui-select__placeholder{color:var(--eui-c-neutral-lighter)!important}.eui-select__item{color:var(--eui-c-neutral)}.eui-select optgroup{font:var(--eui-f-m-bold)}.eui-select optgroup,.eui-select option{appearance:none;color:var(--eui-c-neutral);display:block;padding:var(--eui-s-2xs);white-space:pre}.eui-select optgroup:disabled,.eui-select option:disabled{color:var(--eui-c-neutral-lightest)}.eui-select:not([readonly]):not([multiple]),.eui-select[size="1"],.eui-select[size="0"]{appearance:none;background-color:var(--eui-c-white);background-image:var(--eui-internal-icon-chevron-down-path);background-position:calc(100% - var(--eui-s-s)) center;background-repeat:no-repeat;background-size:var(--eui-s-m);padding-right:var(--eui-s-xl)}\n'], encapsulation: i0.ViewEncapsulation.None });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i0, type: EuiSelectComponent, decorators: [{
   type: Component,
   args: [{ selector: "select[euiSelect]", template: "<ng-content></ng-content>", encapsulation: ViewEncapsulation.None, styles: ['.eui-select{font:var(--eui-f-m);appearance:none;background-color:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);box-shadow:none;color:var(--eui-c-text);display:block;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-c-neutral);overflow-y:auto}.eui-select::placeholder{color:var(--eui-c-neutral-lighter)!important;opacity:1}.eui-select[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;pointer-events:none}.eui-select[readonly]+.eui-feedback-message,.eui-select[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-select[disabled]:not([readonly]),.eui-select--disabled:not([readonly]){background-color:var(--eui-c-neutral-bg-light)!important;border:1px solid var(--eui-c-neutral-lightest)!important;color:var(--eui-c-neutral-light);pointer-events:none}.eui-select--invalid,.eui-select--danger{border:1px solid var(--eui-c-danger)}.eui-select--clearable{padding-right:var(--eui-s-2xl)}.eui-select--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-select--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-select--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-select--clearable-icon [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-select--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-select--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-select--loading{padding-right:var(--eui-s-2xl)}.eui-select--loading-icon{align-items:center;display:flex}.eui-select--loading-icon:after,.eui-select--loading-icon:before{content:"";height:var(--eui-s-l);position:absolute;right:var(--eui-s-s);width:var(--eui-s-l)}.eui-select--loading-icon:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-select--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-select--loading-icon--sm:after,.eui-select--loading-icon--sm:before{height:var(--eui-s-m);width:var(--eui-s-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-icon-input--start .eui-select{padding-left:var(--eui-s-3xl)}.eui-icon-input--end .eui-select{padding-right:var(--eui-s-3xl)}.eui-select::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-select::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-select:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-select:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-select [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-select[readonly][multiple=true] option:checked{background:none}.eui-select[hidden],.eui-select[readonly][multiple=true] :not(option:checked){display:none}.eui-select[multiple=true],.eui-select[size]:not([size="1"]):not([size="0"]){background-image:none;height:auto;overflow:auto;padding:var(--eui-s-2xs) 0}.eui-select__placeholder{color:var(--eui-c-neutral-lighter)!important}.eui-select__item{color:var(--eui-c-neutral)}.eui-select optgroup{font:var(--eui-f-m-bold)}.eui-select optgroup,.eui-select option{appearance:none;color:var(--eui-c-neutral);display:block;padding:var(--eui-s-2xs);white-space:pre}.eui-select optgroup:disabled,.eui-select option:disabled{color:var(--eui-c-neutral-lightest)}.eui-select:not([readonly]):not([multiple]),.eui-select[size="1"],.eui-select[size="0"]{appearance:none;background-color:var(--eui-c-white);background-image:var(--eui-internal-icon-chevron-down-path);background-position:calc(100% - var(--eui-s-s)) center;background-repeat:no-repeat;background-size:var(--eui-s-m);padding-right:var(--eui-s-xl)}\n'] }]
 }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.Injector }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }], propDecorators: { placeholder: [{
@@ -262,10 +262,10 @@ var EuiSelectControlValueAccessor = class _EuiSelectControlValueAccessor extends
     }
   }
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiSelectControlValueAccessor, deps: [{ token: i02.Renderer2 }, { token: i02.ElementRef }, { token: EuiSelectComponent, optional: true }, { token: i02.Injector }], target: i02.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i02, type: _EuiSelectControlValueAccessor, deps: [{ token: i02.Renderer2 }, { token: i02.ElementRef }, { token: EuiSelectComponent, optional: true }, { token: i02.Injector }], target: i02.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i02.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-rc.1", type: _EuiSelectControlValueAccessor, selector: "select:not([multiple])[formControlName][euiSelect],select:not([multiple])[formControl][euiSelect],select:not([multiple])[ngModel][euiSelect]", inputs: { placeholder: "placeholder" }, host: { listeners: { "blur": "onTouched()" } }, providers: [
+    this.ɵdir = i02.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-rc.3", type: _EuiSelectControlValueAccessor, selector: "select:not([multiple])[formControlName][euiSelect],select:not([multiple])[formControl][euiSelect],select:not([multiple])[ngModel][euiSelect]", inputs: { placeholder: "placeholder" }, host: { listeners: { "blur": "onTouched()" } }, providers: [
       {
         provide: NG_VALUE_ACCESSOR,
         useExisting: forwardRef(() => _EuiSelectControlValueAccessor),
@@ -274,7 +274,7 @@ var EuiSelectControlValueAccessor = class _EuiSelectControlValueAccessor extends
     ], usesInheritance: true, usesOnChanges: true, ngImport: i02 });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: EuiSelectControlValueAccessor, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i02, type: EuiSelectControlValueAccessor, decorators: [{
   type: Directive,
   args: [{
     selector: (
@@ -364,13 +364,13 @@ var EuiNgSelectOptionDirective = class _EuiNgSelectOptionDirective extends NgSel
     }
   }
   static {
-    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i03, type: _EuiNgSelectOptionDirective, deps: [{ token: i03.ElementRef }, { token: i03.Renderer2 }, { token: EuiSelectControlValueAccessor, host: true, optional: true }, { token: i2.SelectControlValueAccessor, host: true, optional: true }, { token: EuiSelectComponent, host: true, optional: true }], target: i03.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i03, type: _EuiNgSelectOptionDirective, deps: [{ token: i03.ElementRef }, { token: i03.Renderer2 }, { token: EuiSelectControlValueAccessor, host: true, optional: true }, { token: i2.SelectControlValueAccessor, host: true, optional: true }, { token: EuiSelectComponent, host: true, optional: true }], target: i03.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i03.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-rc.1", type: _EuiNgSelectOptionDirective, selector: "option:not([eclSelectOption]):not([eclMultiselectOption]), option[euiOption]", inputs: { selected: "selected", label: "label", ngValue: "ngValue" }, usesInheritance: true, usesOnChanges: true, ngImport: i03 });
+    this.ɵdir = i03.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-rc.3", type: _EuiNgSelectOptionDirective, selector: "option:not([eclSelectOption]):not([eclMultiselectOption]), option[euiOption]", inputs: { selected: "selected", label: "label", ngValue: "ngValue" }, usesInheritance: true, usesOnChanges: true, ngImport: i03 });
   }
 };
-i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i03, type: EuiNgSelectOptionDirective, decorators: [{
+i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i03, type: EuiNgSelectOptionDirective, decorators: [{
   type: Directive2,
   args: [{ selector: "option:not([eclSelectOption]):not([eclMultiselectOption]), option[euiOption]" }]
 }], ctorParameters: () => [{ type: i03.ElementRef }, { type: i03.Renderer2 }, { type: EuiSelectControlValueAccessor, decorators: [{
@@ -520,13 +520,13 @@ var EuiSelectMultipleControlValueAccessor = class _EuiSelectMultipleControlValue
     return this._optionMap.has(id) ? this._optionMap.get(id)._value : valueString;
   }
   static {
-    this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i04, type: _EuiSelectMultipleControlValueAccessor, deps: [{ token: i04.Renderer2 }, { token: i04.ElementRef }, { token: EuiSelectComponent, optional: true }, { token: i04.Injector }], target: i04.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i04, type: _EuiSelectMultipleControlValueAccessor, deps: [{ token: i04.Renderer2 }, { token: i04.ElementRef }, { token: EuiSelectComponent, optional: true }, { token: i04.Injector }], target: i04.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i04.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-rc.1", type: _EuiSelectMultipleControlValueAccessor, selector: "select[multiple][formControlName][euiSelect],select[multiple][formControl][euiSelect],select[multiple][ngModel][euiSelect]", inputs: { isInvalid: "isInvalid" }, host: { listeners: { "change": "onChange($event.target)", "blur": "onTouched()" } }, providers: [SELECT_MULTIPLE_VALUE_ACCESSOR], usesInheritance: true, ngImport: i04 });
+    this.ɵdir = i04.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-rc.3", type: _EuiSelectMultipleControlValueAccessor, selector: "select[multiple][formControlName][euiSelect],select[multiple][formControl][euiSelect],select[multiple][ngModel][euiSelect]", inputs: { isInvalid: "isInvalid" }, host: { listeners: { "change": "onChange($event.target)", "blur": "onTouched()" } }, providers: [SELECT_MULTIPLE_VALUE_ACCESSOR], usesInheritance: true, ngImport: i04 });
   }
 };
-i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i04, type: EuiSelectMultipleControlValueAccessor, decorators: [{
+i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i04, type: EuiSelectMultipleControlValueAccessor, decorators: [{
   type: Directive3,
   args: [{
     selector: (
@@ -597,13 +597,13 @@ var EuiSelectMultipleOption = class _EuiSelectMultipleOption extends NgSelectMul
     }
   }
   static {
-    this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i05, type: _EuiSelectMultipleOption, deps: [{ token: i05.ElementRef }, { token: i05.Renderer2 }, { token: EuiSelectMultipleControlValueAccessor, host: true, optional: true }], target: i05.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i05, type: _EuiSelectMultipleOption, deps: [{ token: i05.ElementRef }, { token: i05.Renderer2 }, { token: EuiSelectMultipleControlValueAccessor, host: true, optional: true }], target: i05.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i05.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-rc.1", type: _EuiSelectMultipleOption, selector: "option, option[euiOption]", inputs: { ngValue: "ngValue", value: "value" }, usesInheritance: true, ngImport: i05 });
+    this.ɵdir = i05.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-rc.3", type: _EuiSelectMultipleOption, selector: "option, option[euiOption]", inputs: { ngValue: "ngValue", value: "value" }, usesInheritance: true, ngImport: i05 });
   }
 };
-i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i05, type: EuiSelectMultipleOption, decorators: [{
+i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i05, type: EuiSelectMultipleOption, decorators: [{
   type: Directive4,
   args: [{ selector: "option, option[euiOption]" }]
 }], ctorParameters: () => [{ type: i05.ElementRef }, { type: i05.Renderer2 }, { type: EuiSelectMultipleControlValueAccessor, decorators: [{
@@ -622,10 +622,10 @@ import { CommonModule } from "@angular/common";
 import * as i06 from "@angular/core";
 var EuiSelectModule = class _EuiSelectModule {
   static {
-    this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i06, type: _EuiSelectModule, deps: [], target: i06.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i06, type: _EuiSelectModule, deps: [], target: i06.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i06.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.1", ngImport: i06, type: _EuiSelectModule, declarations: [
+    this.ɵmod = i06.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.3", ngImport: i06, type: _EuiSelectModule, declarations: [
       EuiSelectComponent,
       EuiNgSelectOptionDirective,
       EuiSelectControlValueAccessor,
@@ -640,10 +640,10 @@ var EuiSelectModule = class _EuiSelectModule {
     ] });
   }
   static {
-    this.ɵinj = i06.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i06, type: _EuiSelectModule, imports: [CommonModule] });
+    this.ɵinj = i06.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i06, type: _EuiSelectModule, imports: [CommonModule] });
   }
 };
-i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i06, type: EuiSelectModule, decorators: [{
+i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i06, type: EuiSelectModule, decorators: [{
   type: NgModule,
   args: [{
     imports: [CommonModule],

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

@@ -32,13 +32,13 @@ var EuiSidebarMenuComponent = class _EuiSidebarMenuComponent {
     this.isCollapsed = event;
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: _EuiSidebarMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i0, type: _EuiSidebarMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.1", type: _EuiSidebarMenuComponent, selector: "eui-sidebar-menu", inputs: { items: "items", hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasFilter: ["hasFilter", "hasFilter", booleanAttribute], hasIcons: ["hasIcons", "hasIcons", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute], hasBoldRootLevel: ["hasBoldRootLevel", "hasBoldRootLevel", booleanAttribute], style: "style", fragmentId: "fragmentId", searchFilterLabel: "searchFilterLabel", externalTarget: "externalTarget", filterValue: "filterValue" }, outputs: { menuClick: "menuClick", itemClick: "itemClick" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: '<div class="eui-sidebar-menu__container" [class.eui-sidebar-menu__container--collapsed]="isCollapsed" [style]="style">\n    <div class="eui-sidebar-menu__content">\n        <eui-menu\n            [items]="items"\n            [hasFilter]="hasFilter"\n            [hasIcons]="hasIcons"\n            [hasTooltip]="hasTooltip"\n            [isCollapsed]="isCollapsed"\n            [hasCollapsedInitials]="hasCollapsedInitials"\n            [expandAllItems]="expandAllItems"\n            [fragmentId]="fragmentId"\n            [searchFilterLabel]="searchFilterLabel"\n            [filterValue]="filterValue"\n            [hasBoldRootLevel]="hasBoldRootLevel"\n            (isClick)="onMenuClicked($event)"\n            (itemClick)="onMenuItemClicked($event)">\n        </eui-menu>\n    </div>\n</div>\n', styles: [".eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container{background-color:var(--eui-c-bg);height:100%;transition:all .1s ease;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{box-shadow:0 8px 8px #b7c0ce33;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;position:relative}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-neutral-bg-light)}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-page-column__body .eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{box-shadow:inherit}.eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}\n"], dependencies: [{ kind: "component", type: i1.EuiMenuComponent, selector: "eui-menu", inputs: ["items", "searchFilterLabel", "externalLinkLabel", "fragmentId", "filterValue", "isCollapsed", "hasCollapsedInitials", "hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "isFlat", "hasScrollToItem", "hasBoldRootLevel"], outputs: ["isClick", "itemClick"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.3", type: _EuiSidebarMenuComponent, selector: "eui-sidebar-menu", inputs: { items: "items", hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasFilter: ["hasFilter", "hasFilter", booleanAttribute], hasIcons: ["hasIcons", "hasIcons", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute], hasBoldRootLevel: ["hasBoldRootLevel", "hasBoldRootLevel", booleanAttribute], style: "style", fragmentId: "fragmentId", searchFilterLabel: "searchFilterLabel", externalTarget: "externalTarget", filterValue: "filterValue" }, outputs: { menuClick: "menuClick", itemClick: "itemClick" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: '<div class="eui-sidebar-menu__container" [class.eui-sidebar-menu__container--collapsed]="isCollapsed" [style]="style">\n    <div class="eui-sidebar-menu__content">\n        <eui-menu\n            [items]="items"\n            [hasFilter]="hasFilter"\n            [hasIcons]="hasIcons"\n            [hasTooltip]="hasTooltip"\n            [isCollapsed]="isCollapsed"\n            [hasCollapsedInitials]="hasCollapsedInitials"\n            [expandAllItems]="expandAllItems"\n            [fragmentId]="fragmentId"\n            [searchFilterLabel]="searchFilterLabel"\n            [filterValue]="filterValue"\n            [hasBoldRootLevel]="hasBoldRootLevel"\n            (isClick)="onMenuClicked($event)"\n            (itemClick)="onMenuItemClicked($event)">\n        </eui-menu>\n    </div>\n</div>\n', styles: [".eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container{background-color:var(--eui-c-bg);height:100%;transition:all .1s ease;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{box-shadow:0 8px 8px #b7c0ce33;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;position:relative}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-neutral-bg-light)}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-page-column__body .eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{box-shadow:inherit}.eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}\n"], dependencies: [{ kind: "component", type: i1.EuiMenuComponent, selector: "eui-menu", inputs: ["items", "searchFilterLabel", "externalLinkLabel", "fragmentId", "filterValue", "isCollapsed", "hasCollapsedInitials", "hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "isFlat", "hasScrollToItem", "hasBoldRootLevel"], outputs: ["isClick", "itemClick"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiSidebarMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i0, type: EuiSidebarMenuComponent, decorators: [{
   type: Component,
   args: [{ selector: "eui-sidebar-menu", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: '<div class="eui-sidebar-menu__container" [class.eui-sidebar-menu__container--collapsed]="isCollapsed" [style]="style">\n    <div class="eui-sidebar-menu__content">\n        <eui-menu\n            [items]="items"\n            [hasFilter]="hasFilter"\n            [hasIcons]="hasIcons"\n            [hasTooltip]="hasTooltip"\n            [isCollapsed]="isCollapsed"\n            [hasCollapsedInitials]="hasCollapsedInitials"\n            [expandAllItems]="expandAllItems"\n            [fragmentId]="fragmentId"\n            [searchFilterLabel]="searchFilterLabel"\n            [filterValue]="filterValue"\n            [hasBoldRootLevel]="hasBoldRootLevel"\n            (isClick)="onMenuClicked($event)"\n            (itemClick)="onMenuItemClicked($event)">\n        </eui-menu>\n    </div>\n</div>\n', styles: [".eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container{background-color:var(--eui-c-bg);height:100%;transition:all .1s ease;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{box-shadow:0 8px 8px #b7c0ce33;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;position:relative}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-neutral-bg-light)}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-page-column__body .eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{box-shadow:inherit}.eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}\n"] }]
 }], propDecorators: { string: [{
@@ -93,16 +93,16 @@ import * as i02 from "@angular/core";
 var COMPONENTS = [EuiSidebarMenuComponent];
 var EuiSidebarMenuModule = class _EuiSidebarMenuModule {
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiSidebarMenuModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i02, type: _EuiSidebarMenuModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiSidebarMenuModule, declarations: [EuiSidebarMenuComponent], imports: [CommonModule, RouterModule, EuiMenuModule, EuiButtonModule], exports: [EuiSidebarMenuComponent] });
+    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.3", ngImport: i02, type: _EuiSidebarMenuModule, declarations: [EuiSidebarMenuComponent], imports: [CommonModule, RouterModule, EuiMenuModule, EuiButtonModule], exports: [EuiSidebarMenuComponent] });
   }
   static {
-    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiSidebarMenuModule, imports: [CommonModule, RouterModule, EuiMenuModule, EuiButtonModule] });
+    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i02, type: _EuiSidebarMenuModule, imports: [CommonModule, RouterModule, EuiMenuModule, EuiButtonModule] });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: EuiSidebarMenuModule, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i02, type: EuiSidebarMenuModule, decorators: [{
   type: NgModule,
   args: [{
     imports: [CommonModule, RouterModule, EuiMenuModule, EuiButtonModule],

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

@@ -31,13 +31,13 @@ var EuiSkeletonComponent = class _EuiSkeletonComponent {
     ].join(" ").trim();
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: _EuiSkeletonComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i0, type: _EuiSkeletonComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.1", type: _EuiSkeletonComponent, selector: "eui-skeleton", inputs: { circle: ["circle", "circle", booleanAttribute], line: ["line", "line", booleanAttribute], square: ["square", "square", booleanAttribute], rectangle: ["rectangle", "rectangle", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiRounded", "euiRounded", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "", isInline: true, styles: ['.eui-skeleton{display:inline-flex;position:relative;background-color:var(--eui-c-neutral-lightest);overflow:hidden}.eui-skeleton:after{content:"";animation:skeleton-animation 1.2s infinite;height:100%;left:0;position:absolute;right:0;top:0;background:linear-gradient(90deg,#fff0,#fff6,#fff0)}.eui-skeleton--circle{border-radius:var(--eui-br-max);height:3rem;width:3rem}.eui-skeleton--line{display:block;height:var(--eui-s-m);width:100%}.eui-skeleton--square{height:3rem;width:3rem}.eui-skeleton--rectangle{height:var(--eui-s-xl);width:100%}.eui-skeleton--rounded{border-radius:var(--eui-s-m)}@keyframes skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.eui-skeleton--size-xs.eui-skeleton--line,.eui-skeleton--size-xs.eui-skeleton--rectangle{width:5rem}.eui-skeleton--size-xs.eui-skeleton--circle,.eui-skeleton--size-xs.eui-skeleton--square{width:1.5rem;height:1.5rem}.eui-skeleton--size-s.eui-skeleton--line,.eui-skeleton--size-s.eui-skeleton--rectangle{width:10%}.eui-skeleton--size-s.eui-skeleton--circle,.eui-skeleton--size-s.eui-skeleton--square{width:2rem;height:2rem}.eui-skeleton--size-m.eui-skeleton--line,.eui-skeleton--size-m.eui-skeleton--rectangle{width:25%}.eui-skeleton--size-m.eui-skeleton--circle,.eui-skeleton--size-m.eui-skeleton--square{width:3rem;height:3rem}.eui-skeleton--size-l.eui-skeleton--line,.eui-skeleton--size-l.eui-skeleton--rectangle{width:50%}.eui-skeleton--size-l.eui-skeleton--circle,.eui-skeleton--size-l.eui-skeleton--square{width:4rem;height:4rem}.eui-skeleton--size-xl.eui-skeleton--line,.eui-skeleton--size-xl.eui-skeleton--rectangle{width:75%}.eui-skeleton--size-xl.eui-skeleton--circle,.eui-skeleton--size-xl.eui-skeleton--square{width:5rem;height:5rem}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.3", type: _EuiSkeletonComponent, selector: "eui-skeleton", inputs: { circle: ["circle", "circle", booleanAttribute], line: ["line", "line", booleanAttribute], square: ["square", "square", booleanAttribute], rectangle: ["rectangle", "rectangle", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiRounded", "euiRounded", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "", isInline: true, styles: ['.eui-skeleton{display:inline-flex;position:relative;background-color:var(--eui-c-neutral-lightest);overflow:hidden}.eui-skeleton:after{content:"";animation:skeleton-animation 1.2s infinite;height:100%;left:0;position:absolute;right:0;top:0;background:linear-gradient(90deg,#fff0,#fff6,#fff0)}.eui-skeleton--circle{border-radius:var(--eui-br-max);height:3rem;width:3rem}.eui-skeleton--line{display:block;height:var(--eui-s-m);width:100%}.eui-skeleton--square{height:3rem;width:3rem}.eui-skeleton--rectangle{height:var(--eui-s-xl);width:100%}.eui-skeleton--rounded{border-radius:var(--eui-s-m)}@keyframes skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.eui-skeleton--size-xs.eui-skeleton--line,.eui-skeleton--size-xs.eui-skeleton--rectangle{width:5rem}.eui-skeleton--size-xs.eui-skeleton--circle,.eui-skeleton--size-xs.eui-skeleton--square{width:1.5rem;height:1.5rem}.eui-skeleton--size-s.eui-skeleton--line,.eui-skeleton--size-s.eui-skeleton--rectangle{width:10%}.eui-skeleton--size-s.eui-skeleton--circle,.eui-skeleton--size-s.eui-skeleton--square{width:2rem;height:2rem}.eui-skeleton--size-m.eui-skeleton--line,.eui-skeleton--size-m.eui-skeleton--rectangle{width:25%}.eui-skeleton--size-m.eui-skeleton--circle,.eui-skeleton--size-m.eui-skeleton--square{width:3rem;height:3rem}.eui-skeleton--size-l.eui-skeleton--line,.eui-skeleton--size-l.eui-skeleton--rectangle{width:50%}.eui-skeleton--size-l.eui-skeleton--circle,.eui-skeleton--size-l.eui-skeleton--square{width:4rem;height:4rem}.eui-skeleton--size-xl.eui-skeleton--line,.eui-skeleton--size-xl.eui-skeleton--rectangle{width:75%}.eui-skeleton--size-xl.eui-skeleton--circle,.eui-skeleton--size-xl.eui-skeleton--square{width:5rem;height:5rem}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiSkeletonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i0, type: EuiSkeletonComponent, decorators: [{
   type: Component,
   args: [{ template: "", selector: "eui-skeleton", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
     {
@@ -77,16 +77,16 @@ import * as i02 from "@angular/core";
 var COMPONENTS = [EuiSkeletonComponent];
 var EuiSkeletonModule = class _EuiSkeletonModule {
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiSkeletonModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i02, type: _EuiSkeletonModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiSkeletonModule, declarations: [EuiSkeletonComponent], imports: [CommonModule], exports: [EuiSkeletonComponent] });
+    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.3", ngImport: i02, type: _EuiSkeletonModule, declarations: [EuiSkeletonComponent], imports: [CommonModule], exports: [EuiSkeletonComponent] });
   }
   static {
-    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiSkeletonModule, imports: [CommonModule] });
+    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i02, type: _EuiSkeletonModule, imports: [CommonModule] });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: EuiSkeletonModule, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i02, type: EuiSkeletonModule, decorators: [{
   type: NgModule,
   args: [{
     imports: [

package/fesm2022/eui-components-eui-slide-toggle.mjs

@@ -74,10 +74,10 @@ var EuiSlideToggleComponent = class _EuiSlideToggleComponent {
     this.onTouch = fn;
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: _EuiSlideToggleComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.NgControl, optional: true, self: true }, { token: i2.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i0, type: _EuiSlideToggleComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.NgControl, optional: true, self: true }, { token: i2.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.1", type: _EuiSlideToggleComponent, selector: "eui-slide-toggle", inputs: { id: "id", iconSvgNameOn: "iconSvgNameOn", iconSvgNameOff: "iconSvgNameOff", iconSvgFillColorOn: "iconSvgFillColorOn", iconSvgFillColorOff: "iconSvgFillColorOff", isChecked: ["isChecked", "isChecked", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { slideToggleChange: "slideToggleChange" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiSuccess", "euiSuccess", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: `<div
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.3", type: _EuiSlideToggleComponent, selector: "eui-slide-toggle", inputs: { id: "id", iconSvgNameOn: "iconSvgNameOn", iconSvgNameOff: "iconSvgNameOff", iconSvgFillColorOn: "iconSvgFillColorOn", iconSvgFillColorOff: "iconSvgFillColorOff", isChecked: ["isChecked", "isChecked", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { slideToggleChange: "slideToggleChange" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiSuccess", "euiSuccess", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: `<div
     class="eui-slide-toggle__container"
     [tabindex]="this.disabled ? '-1' : '0'"
     [class.eui-slide-toggle__container--disabled]="disabled"
@@ -110,7 +110,7 @@ var EuiSlideToggleComponent = class _EuiSlideToggleComponent {
 `, styles: ['.eui-slide-toggle{align-items:center;display:inline-flex;position:relative}.eui-slide-toggle:not(.eui-slide-toggle__container--disabled){cursor:pointer}.eui-slide-toggle .eui-slide-toggle__container--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-slide-toggle .eui-slide-toggle__container{align-items:center;display:flex;padding:var(--eui-s-xs) 0;position:relative}.eui-slide-toggle .eui-slide-toggle__container:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track{background-color:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);height:var(--eui-s-m);width:calc(var(--eui-s-xl) + var(--eui-s-m))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success-light)}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-white);border-radius:var(--eui-br-max);box-shadow:var(--eui-sh-3);position:absolute;height:calc(var(--eui-s-m) + var(--eui-s-xs));width:calc(var(--eui-s-m) + var(--eui-s-xs))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--off{left:0rem}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--on{left:var(--eui-s-m)}.eui-slide-toggle--size-s{transform:scale(.75)}.eui-slide-toggle--size-m{transform:scale(1)}.eui-slide-toggle--size-l{transform:scale(1.25)}.eui-slide-toggle--size-xl{transform:scale(1.5)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-primary-lighter)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-primary)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-info-lighter)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-info)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success-light)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-success)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-warning-light)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-warning)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-danger-light)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-danger)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-accent-light)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-accent)}\n'], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], animations: [onOff], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiSlideToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i0, type: EuiSlideToggleComponent, decorators: [{
   type: Component,
   args: [{ selector: "eui-slide-toggle", animations: [onOff], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
     {
@@ -197,16 +197,16 @@ import { EuiIconModule } from "@eui/components/eui-icon";
 import * as i02 from "@angular/core";
 var EuiSlideToggleModule = class _EuiSlideToggleModule {
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiSlideToggleModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i02, type: _EuiSlideToggleModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiSlideToggleModule, declarations: [EuiSlideToggleComponent], imports: [CommonModule, ReactiveFormsModule, EuiIconModule], exports: [EuiSlideToggleComponent] });
+    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.3", ngImport: i02, type: _EuiSlideToggleModule, declarations: [EuiSlideToggleComponent], imports: [CommonModule, ReactiveFormsModule, EuiIconModule], exports: [EuiSlideToggleComponent] });
   }
   static {
-    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiSlideToggleModule, imports: [CommonModule, ReactiveFormsModule, EuiIconModule] });
+    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i02, type: _EuiSlideToggleModule, imports: [CommonModule, ReactiveFormsModule, EuiIconModule] });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: EuiSlideToggleModule, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i02, type: EuiSlideToggleModule, decorators: [{
   type: NgModule,
   args: [{
     imports: [CommonModule, ReactiveFormsModule, EuiIconModule],

package/fesm2022/eui-components-eui-split-button.mjs

@@ -6,13 +6,13 @@ var EuiSplitButtonComponent = class _EuiSplitButtonComponent {
     return "eui-split-button";
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: _EuiSplitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i0, type: _EuiSplitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.1", type: _EuiSplitButtonComponent, selector: "eui-split-button", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content select="button"></ng-content>\n<ng-content select="eui-dropdown"></ng-content>\n', styles: ['.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-br-m) 0 0 var(--eui-br-m);cursor:pointer}.eui-split-button .eui-dropdown:before{content:"";position:absolute;border:1px solid var(--eui-c-neutral-lightest);top:25%;height:50%;margin-left:-1px}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-br-m) var(--eui-br-m) 0;border-left:0;width:var(--eui-s-4xl);margin-left:-1px}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.3", type: _EuiSplitButtonComponent, selector: "eui-split-button", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content select="button"></ng-content>\n<ng-content select="eui-dropdown"></ng-content>\n', styles: ['.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-br-m) 0 0 var(--eui-br-m);cursor:pointer}.eui-split-button .eui-dropdown:before{content:"";position:absolute;border:1px solid var(--eui-c-neutral-lightest);top:25%;height:50%;margin-left:-1px}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-br-m) var(--eui-br-m) 0;border-left:0;width:var(--eui-s-4xl);margin-left:-1px}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiSplitButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i0, type: EuiSplitButtonComponent, decorators: [{
   type: Component,
   args: [{ selector: "eui-split-button", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content select="button"></ng-content>\n<ng-content select="eui-dropdown"></ng-content>\n', styles: ['.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-br-m) 0 0 var(--eui-br-m);cursor:pointer}.eui-split-button .eui-dropdown:before{content:"";position:absolute;border:1px solid var(--eui-c-neutral-lightest);top:25%;height:50%;margin-left:-1px}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-br-m) var(--eui-br-m) 0;border-left:0;width:var(--eui-s-4xl);margin-left:-1px}\n'] }]
 }], propDecorators: { cssClasses: [{
@@ -27,16 +27,16 @@ import { BaseStatesDirective } from "@eui/components/shared";
 import * as i02 from "@angular/core";
 var EuiSplitButtonModule = class _EuiSplitButtonModule {
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiSplitButtonModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i02, type: _EuiSplitButtonModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiSplitButtonModule, declarations: [EuiSplitButtonComponent], imports: [CommonModule, BaseStatesDirective], exports: [EuiSplitButtonComponent] });
+    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.3", ngImport: i02, type: _EuiSplitButtonModule, declarations: [EuiSplitButtonComponent], imports: [CommonModule, BaseStatesDirective], exports: [EuiSplitButtonComponent] });
   }
   static {
-    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiSplitButtonModule, imports: [CommonModule] });
+    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i02, type: _EuiSplitButtonModule, imports: [CommonModule] });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: EuiSplitButtonModule, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.3", ngImport: i02, type: EuiSplitButtonModule, decorators: [{
   type: NgModule,
   args: [{
     imports: [CommonModule, BaseStatesDirective],