npm - @eui/components - Versions diffs - 18.0.0-next.13 → 18.0.0-next.14 - Mend

@eui/components 18.0.0-next.13 → 18.0.0-next.14

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

Files changed (419) hide show

package/esm2022/eui-icon/eui-icon-color.component.mjs CHANGED Viewed

@@ -11,14 +11,14 @@ export class EuiIconColorComponent {
     getCssClasses() {
         return ['eui-icon eui-icon-color', this.iconClass ? this.iconClass : ''].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiIconColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiIconColorComponent, selector: "eui-icon-colored, span[euiIconColored], [euiIconColored]", inputs: { iconClass: "iconClass" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: `
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiIconColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiIconColorComponent, selector: "eui-icon-colored, span[euiIconColored], [euiIconColored]", inputs: { iconClass: "iconClass" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: `
         <span [class]="iconClass">
             <span *ngFor="let pathNumber of paths" class="path{{ pathNumber }}"></span>
         </span>
     `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiIconColorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiIconColorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'eui-icon-colored, span[euiIconColored], [euiIconColored]',

package/esm2022/eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.mjs CHANGED Viewed

@@ -21,10 +21,10 @@ export class EuiIconSvgButtonComponent {
     onClick(event) {
         this.buttonClick.emit(event);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiIconSvgButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", type: EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: { iconSvgName: "iconSvgName", iconSvgFillColor: "iconSvgFillColor", iconSvgSize: "iconSvgSize", ariaLabel: "ariaLabel", hasFocusBorder: ["hasFocusBorder", "hasFocusBorder", booleanAttribute], hasNoPadding: ["hasNoPadding", "hasNoPadding", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses", "attr.tabindex": "this.tabindex" } }, ngImport: i0, template: "<button class=\"eui-icon-svg-button__button\"\n    type=\"button\"\n    (keydown.enter)=\"onClick($event)\"\n    (keydown.backspace)=\"onClick($event)\"\n    (click)=\"onClick($event)\"\n    [attr.aria-label]=\"ariaLabel\">\n    <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\" [size]=\"iconSvgSize\" class=\"eui-icon-svg-button__button-icon\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </eui-icon-svg>\n</button>\n", styles: [".eui-icon-svg-button{display:inline-flex}.eui-icon-svg-button__button{background-color:transparent;border:none;cursor:pointer;padding:var(--eui-base-spacing-2xs);align-items:center;display:flex;justify-content:center;position:relative}.eui-icon-svg-button__button-icon{opacity:.8}.eui-icon-svg-button__button:hover .eui-icon-svg-button__button-icon,.eui-icon-svg-button__button:focus .eui-icon-svg-button__button-icon{opacity:1}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button:active:not([readonly]),.eui-icon-svg-button--has-focus .eui-icon-svg-button__button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button [tabindex=\"0\"]:active:not([readonly]),.eui-icon-svg-button--has-focus .eui-icon-svg-button__button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button-icon{opacity:1}.eui-icon-svg-button--has-no-padding .eui-icon-svg-button__button{padding:0}\n"], dependencies: [{ kind: "component", type: i1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiIconSvgButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: { iconSvgName: "iconSvgName", iconSvgFillColor: "iconSvgFillColor", iconSvgSize: "iconSvgSize", ariaLabel: "ariaLabel", hasFocusBorder: ["hasFocusBorder", "hasFocusBorder", booleanAttribute], hasNoPadding: ["hasNoPadding", "hasNoPadding", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses", "attr.tabindex": "this.tabindex" } }, ngImport: i0, template: "<button class=\"eui-icon-svg-button__button\"\n    type=\"button\"\n    (keydown.enter)=\"onClick($event)\"\n    (keydown.backspace)=\"onClick($event)\"\n    (click)=\"onClick($event)\"\n    [attr.aria-label]=\"ariaLabel\">\n    <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\" [size]=\"iconSvgSize\" class=\"eui-icon-svg-button__button-icon\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </eui-icon-svg>\n</button>\n", styles: [".eui-icon-svg-button{display:inline-flex}.eui-icon-svg-button__button{background-color:transparent;border:none;cursor:pointer;padding:var(--eui-base-spacing-2xs);align-items:center;display:flex;justify-content:center;position:relative}.eui-icon-svg-button__button-icon{opacity:.8}.eui-icon-svg-button__button:hover .eui-icon-svg-button__button-icon,.eui-icon-svg-button__button:focus .eui-icon-svg-button__button-icon{opacity:1}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button:active:not([readonly]),.eui-icon-svg-button--has-focus .eui-icon-svg-button__button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button [tabindex=\"0\"]:active:not([readonly]),.eui-icon-svg-button--has-focus .eui-icon-svg-button__button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button-icon{opacity:1}.eui-icon-svg-button--has-no-padding .eui-icon-svg-button__button{padding:0}\n"], dependencies: [{ kind: "component", type: i1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiIconSvgButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiIconSvgButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-icon-svg-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"eui-icon-svg-button__button\"\n    type=\"button\"\n    (keydown.enter)=\"onClick($event)\"\n    (keydown.backspace)=\"onClick($event)\"\n    (click)=\"onClick($event)\"\n    [attr.aria-label]=\"ariaLabel\">\n    <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\" [size]=\"iconSvgSize\" class=\"eui-icon-svg-button__button-icon\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </eui-icon-svg>\n</button>\n", styles: [".eui-icon-svg-button{display:inline-flex}.eui-icon-svg-button__button{background-color:transparent;border:none;cursor:pointer;padding:var(--eui-base-spacing-2xs);align-items:center;display:flex;justify-content:center;position:relative}.eui-icon-svg-button__button-icon{opacity:.8}.eui-icon-svg-button__button:hover .eui-icon-svg-button__button-icon,.eui-icon-svg-button__button:focus .eui-icon-svg-button__button-icon{opacity:1}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button:active:not([readonly]),.eui-icon-svg-button--has-focus .eui-icon-svg-button__button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button [tabindex=\"0\"]:active:not([readonly]),.eui-icon-svg-button--has-focus .eui-icon-svg-button__button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button-icon{opacity:1}.eui-icon-svg-button--has-no-padding .eui-icon-svg-button__button{padding:0}\n"] }]
         }], propDecorators: { cssClasses: [{

package/esm2022/eui-icon/eui-icon-svg.component.mjs CHANGED Viewed

@@ -83,10 +83,10 @@ export class EuiIconSvgComponent extends BaseDirective {
             }
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiIconSvgComponent, deps: [{ token: EUI_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", type: EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: { icon: "icon", size: "size", fillColor: "fillColor", set: "set", ariaLabelledby: "ariaLabelledby", role: "role", style: "style", iconUrl: "iconUrl", transform: "transform", ariaLabel: ["aria-label", "ariaLabel"], ariaHidden: ["ariaHidden", "ariaHidden", booleanAttribute], focusable: ["focusable", "focusable", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute] }, host: { properties: { "attr.role": "this.ariaRole", "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n    <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"iconUrl\">\n    <ng-container *ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"isLoading\">\n    <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n    <svg\n        [ngClass]=\"getCssClasses()\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\">\n        <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #custom>\n    <svg\n        [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\"\n        [attr.style]=\"style ? style : null\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n    </svg>\n</ng-template>\n\n<ng-template #loading>\n    <eui-icon-svg icon=\"eui-home\" [size]=\"size\" fillColor=\"transparent\" class=\"eui-icon-svg--loading\"></eui-icon-svg>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-blog,.eui-icon-svg .eui-sprite-eui-ecl-email{color:#0e47cb;fill:#0e47cb}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-rss{color:#f26522;fill:#f26522}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-sms{color:#004494;fill:#004494}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin>svg,.eui-icon.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack,.eui-icon.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiIconSvgComponent, deps: [{ token: EUI_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: { icon: "icon", size: "size", fillColor: "fillColor", set: "set", ariaLabelledby: "ariaLabelledby", role: "role", style: "style", iconUrl: "iconUrl", transform: "transform", ariaLabel: ["aria-label", "ariaLabel"], ariaHidden: ["ariaHidden", "ariaHidden", booleanAttribute], focusable: ["focusable", "focusable", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute] }, host: { properties: { "attr.role": "this.ariaRole", "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n    <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"iconUrl\">\n    <ng-container *ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"isLoading\">\n    <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n    <svg\n        [ngClass]=\"getCssClasses()\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\">\n        <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #custom>\n    <svg\n        [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\"\n        [attr.style]=\"style ? style : null\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n    </svg>\n</ng-template>\n\n<ng-template #loading>\n    <eui-icon-svg icon=\"eui-home\" [size]=\"size\" fillColor=\"transparent\" class=\"eui-icon-svg--loading\"></eui-icon-svg>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-blog,.eui-icon-svg .eui-sprite-eui-ecl-email{color:#0e47cb;fill:#0e47cb}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-rss{color:#f26522;fill:#f26522}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-sms{color:#004494;fill:#004494}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin>svg,.eui-icon.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack,.eui-icon.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiIconSvgComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiIconSvgComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n    <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"iconUrl\">\n    <ng-container *ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"isLoading\">\n    <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n    <svg\n        [ngClass]=\"getCssClasses()\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\">\n        <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #custom>\n    <svg\n        [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\"\n        [attr.style]=\"style ? style : null\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n    </svg>\n</ng-template>\n\n<ng-template #loading>\n    <eui-icon-svg icon=\"eui-home\" [size]=\"size\" fillColor=\"transparent\" class=\"eui-icon-svg--loading\"></eui-icon-svg>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-blog,.eui-icon-svg .eui-sprite-eui-ecl-email{color:#0e47cb;fill:#0e47cb}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-rss{color:#f26522;fill:#f26522}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-sms{color:#004494;fill:#004494}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin>svg,.eui-icon.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack,.eui-icon.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

package/esm2022/eui-icon/eui-icon.component.mjs CHANGED Viewed

@@ -39,10 +39,10 @@ export class EuiIconComponent extends BaseDirective {
             .join(' ')
             .trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: { ariaLabel: ["aria-label", "ariaLabel"], iconClass: "iconClass", isLoading: "isLoading" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-blog,.eui-icon-svg .eui-sprite-eui-ecl-email{color:#0e47cb;fill:#0e47cb}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-rss{color:#f26522;fill:#f26522}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-sms{color:#004494;fill:#004494}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin>svg,.eui-icon.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack,.eui-icon.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: { ariaLabel: ["aria-label", "ariaLabel"], iconClass: "iconClass", isLoading: "isLoading" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-blog,.eui-icon-svg .eui-sprite-eui-ecl-email{color:#0e47cb;fill:#0e47cb}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-rss{color:#f26522;fill:#f26522}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-sms{color:#004494;fill:#004494}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin>svg,.eui-icon.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack,.eui-icon.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-blog,.eui-icon-svg .eui-sprite-eui-ecl-email{color:#0e47cb;fill:#0e47cb}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-rss{color:#f26522;fill:#f26522}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-sms{color:#004494;fill:#004494}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin>svg,.eui-icon.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack,.eui-icon.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { cssClasses: [{

package/esm2022/eui-icon/eui-icon.module.mjs CHANGED Viewed

@@ -6,11 +6,11 @@ import { EuiIconColorComponent } from './eui-icon-color.component';
 import { EuiIconSvgButtonComponent } from './eui-icon-svg-button/eui-icon-svg-button.component';
 import * as i0 from "@angular/core";
 export class EuiIconModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiIconModule, declarations: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent, EuiIconSvgButtonComponent], imports: [CommonModule], exports: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent, EuiIconSvgButtonComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiIconModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiIconModule, declarations: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent, EuiIconSvgButtonComponent], imports: [CommonModule], exports: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent, EuiIconSvgButtonComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiIconModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiIconModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiIconModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

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

@@ -66,10 +66,10 @@ export class EuiIconToggleComponent {
             this.iconSvgFillColor = this.iconSvgFillColorOff;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiIconToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", 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    <ng-container *ngIf=\"iconClassOn && iconClassOff\">\n        <!-- V15 OK-->\n        <span\n            class=\"eui-icon-toggle__icon eui-icon {{ iconClass }}\"\n            [class.eui-icon-toggle--checked]=\"isChecked\"\n            [class.eui-icon-toggle--readonly]=\"isReadOnly\">\n        </span>\n    </ng-container>\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:active:active:not([readonly]),.eui-icon-toggle:active:focus:not([readonly]),.eui-icon-toggle:focus:active:not([readonly]),.eui-icon-toggle:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-toggle:active [tabindex=\"0\"]:active:not([readonly]),.eui-icon-toggle:active [tabindex=\"0\"]:focus:not([readonly]),.eui-icon-toggle:focus [tabindex=\"0\"]:active:not([readonly]),.eui-icon-toggle:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.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__icon{font-size:var(--eui-base-font-size-2xl);position:relative}.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiIconToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", 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    <ng-container *ngIf=\"iconClassOn && iconClassOff\">\n        <!-- V15 OK-->\n        <span\n            class=\"eui-icon-toggle__icon eui-icon {{ iconClass }}\"\n            [class.eui-icon-toggle--checked]=\"isChecked\"\n            [class.eui-icon-toggle--readonly]=\"isReadOnly\">\n        </span>\n    </ng-container>\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:active:active:not([readonly]),.eui-icon-toggle:active:focus:not([readonly]),.eui-icon-toggle:focus:active:not([readonly]),.eui-icon-toggle:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-toggle:active [tabindex=\"0\"]:active:not([readonly]),.eui-icon-toggle:active [tabindex=\"0\"]:focus:not([readonly]),.eui-icon-toggle:focus [tabindex=\"0\"]:active:not([readonly]),.eui-icon-toggle:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.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__icon{font-size:var(--eui-base-font-size-2xl);position:relative}.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiIconToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", 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    <ng-container *ngIf=\"iconClassOn && iconClassOff\">\n        <!-- V15 OK-->\n        <span\n            class=\"eui-icon-toggle__icon eui-icon {{ iconClass }}\"\n            [class.eui-icon-toggle--checked]=\"isChecked\"\n            [class.eui-icon-toggle--readonly]=\"isReadOnly\">\n        </span>\n    </ng-container>\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:active:active:not([readonly]),.eui-icon-toggle:active:focus:not([readonly]),.eui-icon-toggle:focus:active:not([readonly]),.eui-icon-toggle:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-toggle:active [tabindex=\"0\"]:active:not([readonly]),.eui-icon-toggle:active [tabindex=\"0\"]:focus:not([readonly]),.eui-icon-toggle:focus [tabindex=\"0\"]:active:not([readonly]),.eui-icon-toggle:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.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__icon{font-size:var(--eui-base-font-size-2xl);position:relative}.eui-icon-toggle--checked{color:var(--eui-base-color-accent-110)}.eui-icon-toggle--readonly{cursor:auto}\n"] }]
         }], propDecorators: { id: [{

package/esm2022/eui-icon-toggle/eui-icon-toggle.module.mjs CHANGED Viewed

@@ -4,11 +4,11 @@ import { NgModule } from '@angular/core';
 import { EuiIconModule } from '@eui/components/eui-icon';
 import * as i0 from "@angular/core";
 export class EuiIconToggleModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiIconToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiIconToggleModule, declarations: [EuiIconToggleComponent], imports: [CommonModule, EuiIconModule], exports: [EuiIconToggleComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiIconToggleModule, imports: [CommonModule, EuiIconModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiIconToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiIconToggleModule, declarations: [EuiIconToggleComponent], imports: [CommonModule, EuiIconModule], exports: [EuiIconToggleComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiIconToggleModule, imports: [CommonModule, EuiIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiIconToggleModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiIconToggleModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EuiIconModule],

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

@@ -152,10 +152,10 @@ export class EuiInputCheckboxComponent extends InputDirective {
             this._elementRef.nativeElement.indeterminate = value;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", 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 }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", 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:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);position:relative;vertical-align:middle;transition:all .25s ease;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));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-primary-100)}.eui-input-checkbox:not(.cdk-visually-hidden):checked:before{position:absolute;height:1rem;width:1rem}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate{background:var(--eui-base-color-primary-100)}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate:before{height:1rem;width:1rem}.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}.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-primary-100);border:2px solid var(--eui-base-color-primary-100)}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem}.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:before,.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked:before{background:var(--eui-base-color-danger-100);height:1rem;width:1rem;height:1.1rem;width:1.1rem}.eui-input-checkbox:not(.cdk-visually-hidden):active:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):active:focus:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.eui-input-checkbox:not(.cdk-visually-hidden):active [tabindex=\"0\"]:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):active [tabindex=\"0\"]:focus:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus [tabindex=\"0\"]:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", 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 }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", 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:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);position:relative;vertical-align:middle;transition:all .25s ease;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));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-primary-100)}.eui-input-checkbox:not(.cdk-visually-hidden):checked:before{position:absolute;height:1rem;width:1rem}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate{background:var(--eui-base-color-primary-100)}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate:before{height:1rem;width:1rem}.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}.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-primary-100);border:2px solid var(--eui-base-color-primary-100)}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem}.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:before,.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked:before{background:var(--eui-base-color-danger-100);height:1rem;width:1rem;height:1.1rem;width:1.1rem}.eui-input-checkbox:not(.cdk-visually-hidden):active:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):active:focus:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.eui-input-checkbox:not(.cdk-visually-hidden):active [tabindex=\"0\"]:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):active [tabindex=\"0\"]:focus:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus [tabindex=\"0\"]:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", 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:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);position:relative;vertical-align:middle;transition:all .25s ease;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));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-primary-100)}.eui-input-checkbox:not(.cdk-visually-hidden):checked:before{position:absolute;height:1rem;width:1rem}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate{background:var(--eui-base-color-primary-100)}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate:before{height:1rem;width:1rem}.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}.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-primary-100);border:2px solid var(--eui-base-color-primary-100)}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem}.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:before,.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked:before{background:var(--eui-base-color-danger-100);height:1rem;width:1rem;height:1.1rem;width:1.1rem}.eui-input-checkbox:not(.cdk-visually-hidden):active:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):active:focus:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.eui-input-checkbox:not(.cdk-visually-hidden):active [tabindex=\"0\"]:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):active [tabindex=\"0\"]:focus:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus [tabindex=\"0\"]:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{

package/esm2022/eui-input-checkbox/eui-input-checkbox.module.mjs CHANGED Viewed

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { EuiInputCheckboxComponent } from './eui-input-checkbox.component';
 import * as i0 from "@angular/core";
 export class EuiInputCheckboxModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputCheckboxModule, declarations: [EuiInputCheckboxComponent], imports: [CommonModule], exports: [EuiInputCheckboxComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputCheckboxModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputCheckboxModule, declarations: [EuiInputCheckboxComponent], imports: [CommonModule], exports: [EuiInputCheckboxComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputCheckboxModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputCheckboxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputCheckboxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/esm2022/eui-input-group/eui-input-group.component.mjs CHANGED Viewed

@@ -8,10 +8,10 @@ export class EuiInputGroupComponent {
     get cssClasses() {
         return ['eui-input-group', this.styleClass ? this.styleClass : ''].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: { e2eAttr: "e2eAttr", styleClass: "styleClass" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses", "attr.type": "this.type" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-input-group>.eui-label{align-items:center;display:inline-flex}.eui-input-group>.eui-label:first-child{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;margin-bottom:var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-l)}.eui-input-group:not(.row) .eui-input-radio+label,.eui-input-group:not(.row) .eui-input-checkbox+label{left:calc(var(--eui-base-spacing-xl) - 2px);margin-bottom:calc(-1 * var(--eui-base-spacing-2xs));position:relative;top:calc(-1 * (var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs)));vertical-align:middle;white-space:inherit}.eui-input-group:not(.row) div{align-items:center!important}.eui-input-group:not(.row) div .eui-input-checkbox+label{margin-bottom:0;padding-right:0;top:0;left:0}.eui-input-group:not(.row) div .eui-input-radio+label{padding-right:0;top:0;left:0}.eui-input-group.row{align-items:center;flex-direction:row}.eui-input-group.row .eui-label{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0!important;margin-top:0;padding-right:0;text-align:right;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);white-space:normal}.eui-input-group.row .eui-label:first-child{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-input-group.row .eui-label .eui-icon{margin-left:var(--eui-base-spacing-2xs)}@media screen and (max-width: 767px){.eui-input-group.row{flex-direction:column}.eui-input-group.row label,.eui-input-group.row .eui-label{justify-content:flex-start;text-align:left}}.eui-input-group-addon{align-items:stretch;display:flex;position:relative;width:100%}.eui-input-group-addon-item{align-items:center;align-self:stretch;background-color:var(--eui-base-color-grey-10);border:1px solid var(--eui-base-color-grey-50);border-radius:0;box-shadow:var(--eui-app-box-shadow);color:var(--eui-base-color-grey-100);display:flex;flex-shrink:0;height:auto;justify-content:center;min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));padding:var(--eui-base-spacing-xs)}.eui-input-group-addon-item .eui-icon{color:var(--eui-base-color-grey-75);font-size:var(--eui-base-font-size-2xl)}.eui-input-group-addon>:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.eui-input-group-addon>:not(:last-child){border-bottom-left-radius:var(--eui-base-border-radius);border-top-left-radius:var(--eui-base-border-radius);border-bottom-right-radius:0;border-top-right-radius:0}.eui-input-group-addon>:not(:first-child):not(:last-child){border-radius:0}.eui-input-group-addon>:last-child:not(:first-child){border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0}.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-select{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-select{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.eui-input-group-addon .eui-select,.eui-input-group-addon .eui-button,.eui-input-group-addon eui-dropdown{margin-left:-2px}.eui-input-group-addon .eui-input-text+.eui-input-group-addon-item,.eui-input-group-addon .eui-input-number+.eui-input-group-addon-item{border-left-color:transparent}.eui-input-group-addon .eui-button,.eui-input-group-addon .eui-textarea{margin-left:-1px}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: { e2eAttr: "e2eAttr", styleClass: "styleClass" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses", "attr.type": "this.type" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-input-group>.eui-label{align-items:center;display:inline-flex}.eui-input-group>.eui-label:first-child{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;margin-bottom:var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-l)}.eui-input-group:not(.row) .eui-input-radio+label,.eui-input-group:not(.row) .eui-input-checkbox+label{left:calc(var(--eui-base-spacing-xl) - 2px);margin-bottom:calc(-1 * var(--eui-base-spacing-2xs));position:relative;top:calc(-1 * (var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs)));vertical-align:middle;white-space:inherit}.eui-input-group:not(.row) div{align-items:center!important}.eui-input-group:not(.row) div .eui-input-checkbox+label{margin-bottom:0;padding-right:0;top:0;left:0}.eui-input-group:not(.row) div .eui-input-radio+label{padding-right:0;top:0;left:0}.eui-input-group.row{align-items:center;flex-direction:row}.eui-input-group.row .eui-label{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0!important;margin-top:0;padding-right:0;text-align:right;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);white-space:normal}.eui-input-group.row .eui-label:first-child{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-input-group.row .eui-label .eui-icon{margin-left:var(--eui-base-spacing-2xs)}@media screen and (max-width: 767px){.eui-input-group.row{flex-direction:column}.eui-input-group.row label,.eui-input-group.row .eui-label{justify-content:flex-start;text-align:left}}.eui-input-group-addon{align-items:stretch;display:flex;position:relative;width:100%}.eui-input-group-addon-item{align-items:center;align-self:stretch;background-color:var(--eui-base-color-grey-10);border:1px solid var(--eui-base-color-grey-50);border-radius:0;box-shadow:var(--eui-app-box-shadow);color:var(--eui-base-color-grey-100);display:flex;flex-shrink:0;height:auto;justify-content:center;min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));padding:var(--eui-base-spacing-xs)}.eui-input-group-addon-item .eui-icon{color:var(--eui-base-color-grey-75);font-size:var(--eui-base-font-size-2xl)}.eui-input-group-addon>:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.eui-input-group-addon>:not(:last-child){border-bottom-left-radius:var(--eui-base-border-radius);border-top-left-radius:var(--eui-base-border-radius);border-bottom-right-radius:0;border-top-right-radius:0}.eui-input-group-addon>:not(:first-child):not(:last-child){border-radius:0}.eui-input-group-addon>:last-child:not(:first-child){border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0}.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-select{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-select{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.eui-input-group-addon .eui-select,.eui-input-group-addon .eui-button,.eui-input-group-addon eui-dropdown{margin-left:-2px}.eui-input-group-addon .eui-input-text+.eui-input-group-addon-item,.eui-input-group-addon .eui-input-number+.eui-input-group-addon-item{border-left-color:transparent}.eui-input-group-addon .eui-button,.eui-input-group-addon .eui-textarea{margin-left:-1px}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[euiInputGroup]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: [".eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-input-group>.eui-label{align-items:center;display:inline-flex}.eui-input-group>.eui-label:first-child{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;margin-bottom:var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-l)}.eui-input-group:not(.row) .eui-input-radio+label,.eui-input-group:not(.row) .eui-input-checkbox+label{left:calc(var(--eui-base-spacing-xl) - 2px);margin-bottom:calc(-1 * var(--eui-base-spacing-2xs));position:relative;top:calc(-1 * (var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs)));vertical-align:middle;white-space:inherit}.eui-input-group:not(.row) div{align-items:center!important}.eui-input-group:not(.row) div .eui-input-checkbox+label{margin-bottom:0;padding-right:0;top:0;left:0}.eui-input-group:not(.row) div .eui-input-radio+label{padding-right:0;top:0;left:0}.eui-input-group.row{align-items:center;flex-direction:row}.eui-input-group.row .eui-label{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0!important;margin-top:0;padding-right:0;text-align:right;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);white-space:normal}.eui-input-group.row .eui-label:first-child{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-input-group.row .eui-label .eui-icon{margin-left:var(--eui-base-spacing-2xs)}@media screen and (max-width: 767px){.eui-input-group.row{flex-direction:column}.eui-input-group.row label,.eui-input-group.row .eui-label{justify-content:flex-start;text-align:left}}.eui-input-group-addon{align-items:stretch;display:flex;position:relative;width:100%}.eui-input-group-addon-item{align-items:center;align-self:stretch;background-color:var(--eui-base-color-grey-10);border:1px solid var(--eui-base-color-grey-50);border-radius:0;box-shadow:var(--eui-app-box-shadow);color:var(--eui-base-color-grey-100);display:flex;flex-shrink:0;height:auto;justify-content:center;min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));padding:var(--eui-base-spacing-xs)}.eui-input-group-addon-item .eui-icon{color:var(--eui-base-color-grey-75);font-size:var(--eui-base-font-size-2xl)}.eui-input-group-addon>:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.eui-input-group-addon>:not(:last-child){border-bottom-left-radius:var(--eui-base-border-radius);border-top-left-radius:var(--eui-base-border-radius);border-bottom-right-radius:0;border-top-right-radius:0}.eui-input-group-addon>:not(:first-child):not(:last-child){border-radius:0}.eui-input-group-addon>:last-child:not(:first-child){border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0}.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-select{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-select{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.eui-input-group-addon .eui-select,.eui-input-group-addon .eui-button,.eui-input-group-addon eui-dropdown{margin-left:-2px}.eui-input-group-addon .eui-input-text+.eui-input-group-addon-item,.eui-input-group-addon .eui-input-number+.eui-input-group-addon-item{border-left-color:transparent}.eui-input-group-addon .eui-button,.eui-input-group-addon .eui-textarea{margin-left:-1px}\n"] }]
         }], propDecorators: { e2eAttr: [{

package/esm2022/eui-input-group/eui-input-group.module.mjs CHANGED Viewed

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { EuiInputGroupComponent } from './eui-input-group.component';
 import * as i0 from "@angular/core";
 export class EuiInputGroupModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputGroupModule, declarations: [EuiInputGroupComponent], imports: [CommonModule], exports: [EuiInputGroupComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputGroupModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputGroupModule, declarations: [EuiInputGroupComponent], imports: [CommonModule], exports: [EuiInputGroupComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputGroupModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/esm2022/eui-input-number/eui-input-number.component.mjs CHANGED Viewed

@@ -560,10 +560,10 @@ export class EuiInputNumberComponent extends InputDirective {
     isDefined(value) {
         return value !== undefined && value !== null;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputNumberComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocaleService, optional: true }, { token: LOCALE_ID }, { token: i0.Injector }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiInputNumberComponent, selector: "input[euiInputNumber]", inputs: { min: "min", max: "max", leadingZero: "leadingZero", isInvalid: "isInvalid", fractionDigits: "fractionDigits", digits: "digits", fillFraction: "fillFraction", roundUp: "roundUp", noFormat: "noFormat", value: "value" }, host: { listeners: { "blur": "onTouched()", "paste": "onPaste($event)", "keydown": "onKeyDown($event)", "focusout": "onFocusout()" }, properties: { "class": "this.cssClasses", "attr.type": "this.type" } }, usesInheritance: true, usesOnChanges: true, hostDirectives: [{ directive: i2.EuiClearableDirective, inputs: ["euiClearable", "euiClearable", "readonly", "readonly", "disabled", "disabled"] }, { directive: i2.EuiLoadingDirective, inputs: ["euiLoading", "euiLoading", "readonly", "readonly"] }], ngImport: i0, template: '', isInline: true, styles: [".eui-input-number{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);color:var(--eui-base-color-grey-100);display:block;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));padding:calc(var(--eui-base-spacing-s) - 1px);width:100%}.eui-input-number:active:not([readonly]),.eui-input-number:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-number [tabindex=\"0\"]:active:not([readonly]),.eui-input-number [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-number::placeholder{color:var(--eui-base-color-grey-50)!important;opacity:1}.eui-input-number[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.eui-input-number[readonly]+.eui-feedback-message,.eui-input-number[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-input-number[disabled]:not([readonly]),.eui-input-number--disabled:not([readonly]){background-color:var(--eui-base-color-grey-5)!important;border:1px solid var(--eui-base-color-grey-25)!important;color:var(--eui-base-color-grey-75);pointer-events:none}.eui-input-number--invalid,.eui-input-number--danger{border:1px solid var(--eui-base-color-danger-100)}.eui-input-number--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-input-number--clearable-icon{bottom:calc(var(--eui-base-spacing-s) - 2px);cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-input-number--clearable-icon:active:not([readonly]),.eui-input-number--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-number--clearable-icon [tabindex=\"0\"]:active:not([readonly]),.eui-input-number--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-number--clearable-icon>svg{fill:var(--eui-base-color-grey-35)}.eui-input-number--clearable-icon>svg:hover{fill:var(--eui-base-color-danger-100)}.eui-input-number--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-input-number--loading-icon{align-items:center;display:flex}.eui-input-number--loading-icon:after,.eui-input-number--loading-icon:before{content:\"\";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-input-number--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-input-number--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-input-number--loading-icon--sm:after,.eui-input-number--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-input-number[readonly]{pointer-events:auto}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputNumberComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocaleService, optional: true }, { token: LOCALE_ID }, { token: i0.Injector }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiInputNumberComponent, selector: "input[euiInputNumber]", inputs: { min: "min", max: "max", leadingZero: "leadingZero", isInvalid: "isInvalid", fractionDigits: "fractionDigits", digits: "digits", fillFraction: "fillFraction", roundUp: "roundUp", noFormat: "noFormat", value: "value" }, host: { listeners: { "blur": "onTouched()", "paste": "onPaste($event)", "keydown": "onKeyDown($event)", "focusout": "onFocusout()" }, properties: { "class": "this.cssClasses", "attr.type": "this.type" } }, usesInheritance: true, usesOnChanges: true, hostDirectives: [{ directive: i2.EuiClearableDirective, inputs: ["euiClearable", "euiClearable", "readonly", "readonly", "disabled", "disabled"] }, { directive: i2.EuiLoadingDirective, inputs: ["euiLoading", "euiLoading", "readonly", "readonly"] }], ngImport: i0, template: '', isInline: true, styles: [".eui-input-number{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);color:var(--eui-base-color-grey-100);display:block;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));padding:calc(var(--eui-base-spacing-s) - 1px);width:100%}.eui-input-number:active:not([readonly]),.eui-input-number:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-number [tabindex=\"0\"]:active:not([readonly]),.eui-input-number [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-number::placeholder{color:var(--eui-base-color-grey-50)!important;opacity:1}.eui-input-number[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.eui-input-number[readonly]+.eui-feedback-message,.eui-input-number[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-input-number[disabled]:not([readonly]),.eui-input-number--disabled:not([readonly]){background-color:var(--eui-base-color-grey-5)!important;border:1px solid var(--eui-base-color-grey-25)!important;color:var(--eui-base-color-grey-75);pointer-events:none}.eui-input-number--invalid,.eui-input-number--danger{border:1px solid var(--eui-base-color-danger-100)}.eui-input-number--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-input-number--clearable-icon{bottom:calc(var(--eui-base-spacing-s) - 2px);cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-input-number--clearable-icon:active:not([readonly]),.eui-input-number--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-number--clearable-icon [tabindex=\"0\"]:active:not([readonly]),.eui-input-number--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-number--clearable-icon>svg{fill:var(--eui-base-color-grey-35)}.eui-input-number--clearable-icon>svg:hover{fill:var(--eui-base-color-danger-100)}.eui-input-number--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-input-number--loading-icon{align-items:center;display:flex}.eui-input-number--loading-icon:after,.eui-input-number--loading-icon:before{content:\"\";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-input-number--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-input-number--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-input-number--loading-icon--sm:after,.eui-input-number--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-input-number[readonly]{pointer-events:auto}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputNumberComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputNumberComponent, decorators: [{
             type: Component,
             args: [{ selector: 'input[euiInputNumber]', template: '', encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {

package/esm2022/eui-input-number/eui-input-number.module.mjs CHANGED Viewed

@@ -4,11 +4,11 @@ import { EuiInputNumberComponent } from './eui-input-number.component';
 import { EuiInputNumberDirective } from './eui-number-control.directive';
 import * as i0 from "@angular/core";
 export class EuiInputNumberDirectiveModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputNumberDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputNumberDirectiveModule, declarations: [EuiInputNumberComponent, EuiInputNumberDirective], imports: [CommonModule], exports: [EuiInputNumberComponent, EuiInputNumberDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputNumberDirectiveModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputNumberDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputNumberDirectiveModule, declarations: [EuiInputNumberComponent, EuiInputNumberDirective], imports: [CommonModule], exports: [EuiInputNumberComponent, EuiInputNumberDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputNumberDirectiveModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputNumberDirectiveModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputNumberDirectiveModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/esm2022/eui-input-number/eui-number-control.directive.mjs CHANGED Viewed

@@ -61,8 +61,8 @@ export class EuiInputNumberDirective {
             this.onChange(isNaN(numberCoerce) ? null : numberCoerce);
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputNumberDirective, deps: [{ token: i0.ElementRef }, { token: i1.EuiInputNumberComponent, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiInputNumberDirective, selector: "input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]", providers: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputNumberDirective, deps: [{ token: i0.ElementRef }, { token: i1.EuiInputNumberComponent, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiInputNumberDirective, selector: "input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]", providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef((() => EuiInputNumberDirective)),
@@ -70,7 +70,7 @@ export class EuiInputNumberDirective {
             },
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputNumberDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputNumberDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]',

package/esm2022/eui-input-radio/eui-input-radio.component.mjs CHANGED Viewed

@@ -133,10 +133,10 @@ export class EuiInputRadioComponent extends InputDirective {
         // set BaseDirective Attribute
         super.euiDanger = this._isInvalid;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputRadioComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiInputRadioComponent, selector: "input[euiInputRadio]", inputs: { isInvalid: "isInvalid", defaultChecked: ["checked", "defaultChecked"], value: "value" }, host: { listeners: { "change": "onCheckedChanged($event)", "keydown.space": "onSpacePressed($event)" }, properties: { "class": "this.class", "attr.type": "this.type", "attr.checked": "this.defaultChecked" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [".eui-input-radio:not(.cdk-visually-hidden){appearance:inherit;align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;flex-shrink:0;height:1.25rem;justify-content:center;margin-right:var(--eui-base-spacing-s);position:relative;vertical-align:middle;transition:all .25s ease;width:1.25rem;accent-color:var(--eui-base-color-white);background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-75)}.eui-input-radio:not(.cdk-visually-hidden)+label,.eui-input-radio:not(.cdk-visually-hidden)+.eui-label{display:inline-flex;cursor:pointer;margin-right:var(--eui-base-spacing-m);white-space:inherit}.eui-input-radio:not(.cdk-visually-hidden):checked{background:var(--eui-base-color-white)}.eui-input-radio:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;align-items:center;background:var(--eui-base-color-primary-100);border-radius:50%;box-sizing:content-box;display:flex;justify-content:center;height:.75rem;width:.75rem}.eui-input-radio: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-radio:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;background:var(--eui-base-color-primary-100);border-radius:50%;height:.75rem;width:.75rem}.eui-input-radio:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.eui-input-radio:not(.cdk-visually-hidden)[readonly]{display:none;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-input-radio:not(.cdk-visually-hidden)[readonly]+label,.eui-input-radio:not(.cdk-visually-hidden)[readonly] .eui-label{display:none}.eui-input-radio:not(.cdk-visually-hidden)[readonly]:checked{display:none}.eui-input-radio:not(.cdk-visually-hidden)[readonly]:checked+label,.eui-input-radio:not(.cdk-visually-hidden)[readonly]:checked+.eui-label{display:inline-flex;cursor:default;margin-bottom:0;pointer-events:none;position:initial}.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--invalid,.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--danger{border:2px solid var(--eui-base-color-danger-100)!important}.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--invalid:checked:before,.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--danger:checked:before{height:1rem;width:1rem;background:var(--eui-base-color-danger-100)!important;border-radius:50%;height:.75rem;width:.75rem}.eui-input-radio:not(.cdk-visually-hidden):active:active:not([readonly]),.eui-input-radio:not(.cdk-visually-hidden):active:focus:not([readonly]),.eui-input-radio:not(.cdk-visually-hidden):focus:active:not([readonly]),.eui-input-radio:not(.cdk-visually-hidden):focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.eui-input-radio:not(.cdk-visually-hidden):active [tabindex=\"0\"]:active:not([readonly]),.eui-input-radio:not(.cdk-visually-hidden):active [tabindex=\"0\"]:focus:not([readonly]),.eui-input-radio:not(.cdk-visually-hidden):focus [tabindex=\"0\"]:active:not([readonly]),.eui-input-radio:not(.cdk-visually-hidden):focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputRadioComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiInputRadioComponent, selector: "input[euiInputRadio]", inputs: { isInvalid: "isInvalid", defaultChecked: ["checked", "defaultChecked"], value: "value" }, host: { listeners: { "change": "onCheckedChanged($event)", "keydown.space": "onSpacePressed($event)" }, properties: { "class": "this.class", "attr.type": "this.type", "attr.checked": "this.defaultChecked" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [".eui-input-radio:not(.cdk-visually-hidden){appearance:inherit;align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;flex-shrink:0;height:1.25rem;justify-content:center;margin-right:var(--eui-base-spacing-s);position:relative;vertical-align:middle;transition:all .25s ease;width:1.25rem;accent-color:var(--eui-base-color-white);background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-75)}.eui-input-radio:not(.cdk-visually-hidden)+label,.eui-input-radio:not(.cdk-visually-hidden)+.eui-label{display:inline-flex;cursor:pointer;margin-right:var(--eui-base-spacing-m);white-space:inherit}.eui-input-radio:not(.cdk-visually-hidden):checked{background:var(--eui-base-color-white)}.eui-input-radio:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;align-items:center;background:var(--eui-base-color-primary-100);border-radius:50%;box-sizing:content-box;display:flex;justify-content:center;height:.75rem;width:.75rem}.eui-input-radio: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-radio:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;background:var(--eui-base-color-primary-100);border-radius:50%;height:.75rem;width:.75rem}.eui-input-radio:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.eui-input-radio:not(.cdk-visually-hidden)[readonly]{display:none;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-input-radio:not(.cdk-visually-hidden)[readonly]+label,.eui-input-radio:not(.cdk-visually-hidden)[readonly] .eui-label{display:none}.eui-input-radio:not(.cdk-visually-hidden)[readonly]:checked{display:none}.eui-input-radio:not(.cdk-visually-hidden)[readonly]:checked+label,.eui-input-radio:not(.cdk-visually-hidden)[readonly]:checked+.eui-label{display:inline-flex;cursor:default;margin-bottom:0;pointer-events:none;position:initial}.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--invalid,.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--danger{border:2px solid var(--eui-base-color-danger-100)!important}.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--invalid:checked:before,.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--danger:checked:before{height:1rem;width:1rem;background:var(--eui-base-color-danger-100)!important;border-radius:50%;height:.75rem;width:.75rem}.eui-input-radio:not(.cdk-visually-hidden):active:active:not([readonly]),.eui-input-radio:not(.cdk-visually-hidden):active:focus:not([readonly]),.eui-input-radio:not(.cdk-visually-hidden):focus:active:not([readonly]),.eui-input-radio:not(.cdk-visually-hidden):focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.eui-input-radio:not(.cdk-visually-hidden):active [tabindex=\"0\"]:active:not([readonly]),.eui-input-radio:not(.cdk-visually-hidden):active [tabindex=\"0\"]:focus:not([readonly]),.eui-input-radio:not(.cdk-visually-hidden):focus [tabindex=\"0\"]:active:not([readonly]),.eui-input-radio:not(.cdk-visually-hidden):focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputRadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputRadioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'input[euiInputRadio]', template: '', encapsulation: ViewEncapsulation.None, styles: [".eui-input-radio:not(.cdk-visually-hidden){appearance:inherit;align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;flex-shrink:0;height:1.25rem;justify-content:center;margin-right:var(--eui-base-spacing-s);position:relative;vertical-align:middle;transition:all .25s ease;width:1.25rem;accent-color:var(--eui-base-color-white);background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-75)}.eui-input-radio:not(.cdk-visually-hidden)+label,.eui-input-radio:not(.cdk-visually-hidden)+.eui-label{display:inline-flex;cursor:pointer;margin-right:var(--eui-base-spacing-m);white-space:inherit}.eui-input-radio:not(.cdk-visually-hidden):checked{background:var(--eui-base-color-white)}.eui-input-radio:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;align-items:center;background:var(--eui-base-color-primary-100);border-radius:50%;box-sizing:content-box;display:flex;justify-content:center;height:.75rem;width:.75rem}.eui-input-radio: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-radio:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;background:var(--eui-base-color-primary-100);border-radius:50%;height:.75rem;width:.75rem}.eui-input-radio:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.eui-input-radio:not(.cdk-visually-hidden)[readonly]{display:none;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-input-radio:not(.cdk-visually-hidden)[readonly]+label,.eui-input-radio:not(.cdk-visually-hidden)[readonly] .eui-label{display:none}.eui-input-radio:not(.cdk-visually-hidden)[readonly]:checked{display:none}.eui-input-radio:not(.cdk-visually-hidden)[readonly]:checked+label,.eui-input-radio:not(.cdk-visually-hidden)[readonly]:checked+.eui-label{display:inline-flex;cursor:default;margin-bottom:0;pointer-events:none;position:initial}.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--invalid,.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--danger{border:2px solid var(--eui-base-color-danger-100)!important}.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--invalid:checked:before,.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--danger:checked:before{height:1rem;width:1rem;background:var(--eui-base-color-danger-100)!important;border-radius:50%;height:.75rem;width:.75rem}.eui-input-radio:not(.cdk-visually-hidden):active:active:not([readonly]),.eui-input-radio:not(.cdk-visually-hidden):active:focus:not([readonly]),.eui-input-radio:not(.cdk-visually-hidden):focus:active:not([readonly]),.eui-input-radio:not(.cdk-visually-hidden):focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.eui-input-radio:not(.cdk-visually-hidden):active [tabindex=\"0\"]:active:not([readonly]),.eui-input-radio:not(.cdk-visually-hidden):active [tabindex=\"0\"]:focus:not([readonly]),.eui-input-radio:not(.cdk-visually-hidden):focus [tabindex=\"0\"]:active:not([readonly]),.eui-input-radio:not(.cdk-visually-hidden):focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{

package/esm2022/eui-input-radio/eui-input-radio.module.mjs CHANGED Viewed

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { EuiInputRadioComponent } from './eui-input-radio.component';
 import * as i0 from "@angular/core";
 export class EuiInputRadioModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputRadioModule, declarations: [EuiInputRadioComponent], imports: [CommonModule], exports: [EuiInputRadioComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputRadioModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputRadioModule, declarations: [EuiInputRadioComponent], imports: [CommonModule], exports: [EuiInputRadioComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputRadioModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputRadioModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputRadioModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/esm2022/eui-input-text/eui-input-text.component.mjs CHANGED Viewed

@@ -39,10 +39,10 @@ export class EuiInputTextComponent extends InputDirective {
         // set BaseDirective Attribute
         super.euiDanger = this._isInvalid;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputTextComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: EuiInputTextComponent, selector: "input[euiInputText]", inputs: { isInvalid: "isInvalid" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, hostDirectives: [{ directive: i2.EuiClearableDirective, inputs: ["euiClearable", "euiClearable", "readonly", "readonly", "disabled", "disabled"] }, { directive: i2.EuiLoadingDirective, inputs: ["euiLoading", "euiLoading", "readonly", "readonly"] }], ngImport: i0, template: '', isInline: true, styles: [".eui-input-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);color:var(--eui-base-color-grey-100);display:block;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));padding:calc(var(--eui-base-spacing-s) - 1px);width:100%}.eui-input-text:active:not([readonly]),.eui-input-text:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-text [tabindex=\"0\"]:active:not([readonly]),.eui-input-text [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-text::placeholder{color:var(--eui-base-color-grey-50)!important;opacity:1}.eui-input-text[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.eui-input-text[readonly]+.eui-feedback-message,.eui-input-text[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-input-text[disabled]:not([readonly]),.eui-input-text--disabled:not([readonly]){background-color:var(--eui-base-color-grey-5)!important;border:1px solid var(--eui-base-color-grey-25)!important;color:var(--eui-base-color-grey-75);pointer-events:none}.eui-input-text--invalid,.eui-input-text--danger{border:1px solid var(--eui-base-color-danger-100)}.eui-input-text--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-input-text--clearable-icon{bottom:calc(var(--eui-base-spacing-s) - 2px);cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-input-text--clearable-icon:active:not([readonly]),.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-text--clearable-icon [tabindex=\"0\"]:active:not([readonly]),.eui-input-text--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-text--clearable-icon>svg{fill:var(--eui-base-color-grey-35)}.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-base-color-danger-100)}.eui-input-text--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-input-text--loading-icon{align-items:center;display:flex}.eui-input-text--loading-icon:after,.eui-input-text--loading-icon:before{content:\"\";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-input-text--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-input-text--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-input-text--loading-icon--sm:after,.eui-input-text--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-input-text[readonly]{pointer-events:auto}.eui-input-text[type=search]::-webkit-search-cancel-button{display:none}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputTextComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiInputTextComponent, selector: "input[euiInputText]", inputs: { isInvalid: "isInvalid" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, hostDirectives: [{ directive: i2.EuiClearableDirective, inputs: ["euiClearable", "euiClearable", "readonly", "readonly", "disabled", "disabled"] }, { directive: i2.EuiLoadingDirective, inputs: ["euiLoading", "euiLoading", "readonly", "readonly"] }], ngImport: i0, template: '', isInline: true, styles: [".eui-input-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);color:var(--eui-base-color-grey-100);display:block;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));padding:calc(var(--eui-base-spacing-s) - 1px);width:100%}.eui-input-text:active:not([readonly]),.eui-input-text:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-text [tabindex=\"0\"]:active:not([readonly]),.eui-input-text [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-text::placeholder{color:var(--eui-base-color-grey-50)!important;opacity:1}.eui-input-text[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.eui-input-text[readonly]+.eui-feedback-message,.eui-input-text[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-input-text[disabled]:not([readonly]),.eui-input-text--disabled:not([readonly]){background-color:var(--eui-base-color-grey-5)!important;border:1px solid var(--eui-base-color-grey-25)!important;color:var(--eui-base-color-grey-75);pointer-events:none}.eui-input-text--invalid,.eui-input-text--danger{border:1px solid var(--eui-base-color-danger-100)}.eui-input-text--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-input-text--clearable-icon{bottom:calc(var(--eui-base-spacing-s) - 2px);cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-input-text--clearable-icon:active:not([readonly]),.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-text--clearable-icon [tabindex=\"0\"]:active:not([readonly]),.eui-input-text--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-text--clearable-icon>svg{fill:var(--eui-base-color-grey-35)}.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-base-color-danger-100)}.eui-input-text--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-input-text--loading-icon{align-items:center;display:flex}.eui-input-text--loading-icon:after,.eui-input-text--loading-icon:before{content:\"\";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-input-text--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-input-text--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-input-text--loading-icon--sm:after,.eui-input-text--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-input-text[readonly]{pointer-events:auto}.eui-input-text[type=search]::-webkit-search-cancel-button{display:none}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'input[euiInputText]', template: '', encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {

package/esm2022/eui-input-text/eui-input-text.module.mjs CHANGED Viewed

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { EuiInputTextComponent } from './eui-input-text.component';
 import * as i0 from "@angular/core";
 export class EuiInputTextModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputTextModule, declarations: [EuiInputTextComponent], imports: [CommonModule], exports: [EuiInputTextComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputTextModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputTextModule, declarations: [EuiInputTextComponent], imports: [CommonModule], exports: [EuiInputTextComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputTextModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: EuiInputTextModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputTextModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],