npm - @eui/components - Versions diffs - 18.0.0-next.17 → 18.0.0-next.19 - Mend

@eui/components 18.0.0-next.17 → 18.0.0-next.19

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 (344) hide show

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

@@ -72,7 +72,7 @@ export class EuiButtonsComponent extends BaseDirective {
         return window.location.origin + currentRoute;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiButtonsComponent, deps: [{ token: i1.EuiAppShellService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiButtonsComponent, selector: "eui-buttons", inputs: { localMenuLabel: "localMenuLabel", hasLocalMenu: "hasLocalMenu", isBookmarkable: "isBookmarkable", isBookmarked: "isBookmarked" }, outputs: { bookmark: "bookmark" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customActionsContent", first: true, predicate: i0.forwardRef(() => EuiButtonsActionsContentTagDirective), descendants: true }, { propertyName: "customLocalMenuContent", first: true, predicate: i0.forwardRef(() => EuiButtonsLocalMenuContentTagDirective), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"eui-buttons-wrapper\"\n    [class.eui-buttons-wrapper--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\">\n    <div class=\"eui-buttons__actions-container\">\n        <!-- ACTION BUTTONS -->\n        <ng-container *ngIf=\"!((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\">\n            <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n        </ng-container>\n\n        <!-- BOOKMARK BUTTON -->\n        <button\n            *ngIf=\"isBookmarkable && !((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\"\n            euiButton\n            euiOutline\n            euiSecondary\n            type=\"button\"\n            [title]=\"\n                isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n            \"\n            [attr.aria-label]=\"\n                isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n            \"\n            (click)=\"onBookmarkToggle()\">\n            <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\"></eui-icon-svg>\n            <span *ngIf=\"isBookmarked\">{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n            <span *ngIf=\"!isBookmarked\">{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n        </button>\n\n        <!-- LOCAL MENU WHEN IN MOBILE/TABLET MODE -->\n        <div\n            *ngIf=\"hasLocalMenu || (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n            class=\"eui-buttons__local-menu\"\n            [class.eui-buttons__local-menu--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n            euiSizeS>\n            <eui-dropdown>\n                <button\n                    euiButton\n                    euiPrimary\n                    type=\"button\"\n                    [euiOutline]=\"localMenuLabel\"\n                    [euiBasicButton]=\"!localMenuLabel\"\n                    [euiRounded]=\"!localMenuLabel\"\n                    [euiIconButton]=\"!localMenuLabel\">\n                    <span *ngIf=\"localMenuLabel\" euiLabel>{{ localMenuLabel }}</span>\n                    <eui-icon-svg icon=\"eui-ellipsis-vertical\"></eui-icon-svg>\n                </button>\n                <eui-dropdown-content>\n                    <!-- Action buttons -->\n                    <ng-container\n                        *ngIf=\"\n                            customActionsContent && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n                        \">\n                        <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n                    </ng-container>\n\n                    <!-- Local menu items -->\n                    <ng-container *ngIf=\"hasLocalMenu && customLocalMenuContent && customLocalMenuContent.length !== 0\">\n                        <ng-container *ngTemplateOutlet=\"localMenu\"></ng-container>\n                    </ng-container>\n\n                    <!-- Extra menu items -->\n                    <ul euiList class=\"eui-buttons__local-menu-extras\">\n                        <li\n                            *ngIf=\"\n                                isBookmarkable && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n                            \"\n                            euiListItem\n                            [title]=\"\n                                isBookmarked\n                                    ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n                                    : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n                            \"\n                            [attr.aria-label]=\"\n                                isBookmarked\n                                    ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n                                    : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n                            \"\n                            (click)=\"onBookmarkToggle()\">\n                            <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n                            <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n                            <span *ngIf=\"isBookmarked\" euiLabel>{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n                            <span *ngIf=\"!isBookmarked\" euiLabel>{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n                        </li>\n                    </ul>\n                </eui-dropdown-content>\n            </eui-dropdown>\n        </div>\n    </div>\n</div>\n\n<ng-template #actionsButtons>\n    <div\n        class=\"eui-buttons__actions-content-wrapper\"\n        [class.eui-buttons__actions-content--mobile]=\"\n            (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n        \">\n        <ng-content select=\"euiButtonsActionsContent\"></ng-content>\n    </div>\n</ng-template>\n\n<ng-template #localMenu>\n    <div\n        class=\"eui-buttons__local-menu-content-wrapper\"\n        [class.eui-buttons__local-menu-content--mobile]=\"\n            (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n        \">\n        <ng-content select=\"euiButtonsLocalMenuContent\"></ng-content>\n    </div>\n</ng-template>\n", styles: [".eui-buttons{display:flex;flex-direction:column;width:100%}.eui-buttons-wrapper{max-width:100%;align-items:center;display:flex;width:100%}.eui-buttons__actions-container{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.eui-buttons__actions-container button{margin-left:var(--eui-base-spacing-xs)}.eui-buttons__actions-content-wrapper{align-items:center;display:flex;flex-direction:row;overflow:visible}.eui-buttons__actions-content-wrapper--mobile{display:block;width:100%}.eui-buttons__actions-content-wrapper--mobile .eui-buttons__actions-content{display:block;margin:var(--eui-base-spacing-xs);position:relative}.eui-buttons__actions-content-wrapper--mobile .eui-buttons__actions-content button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu{align-items:center;display:flex}.eui-buttons__local-menu__action-buttons{margin:0 var(--eui-base-spacing-s)}.eui-buttons__local-menu__action-buttons button,.eui-buttons__local-menu__action-buttons div{margin-bottom:var(--eui-base-spacing-xs)}.eui-buttons__local-menu__action-buttons--mobile,.eui-buttons__local-menu-content-wrapper{display:block;width:100%}.eui-buttons__local-menu-content-wrapper .eui-buttons__local-menu-content{display:block;position:relative;width:100%}.eui-buttons__local-menu-content-wrapper .eui-buttons__local-menu-content button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu-content-wrapper--mobile .container{padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.eui-buttons__local-menu-extras{border-top:1px ridge var(--eui-base-color-grey-20);color:var(--eui-base-color-info-100)}.eui-buttons--size-s .eui-button{min-height:calc(2 * var(--eui-base-spacing-m))}.eui-buttons--size-m .eui-button{min-height:42px;min-width:42px}.eui-buttons--size-l .eui-button{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m))}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled"] }, { kind: "directive", type: i5.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i7.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i8.EuiListComponent, selector: "[euiList], eui-list", inputs: ["isCollapsible"] }, { kind: "component", type: i8.EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: ["disabled", "isCollapsible", "isCollapsed", "isActive"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiButtonsComponent, selector: "eui-buttons", inputs: { localMenuLabel: "localMenuLabel", hasLocalMenu: "hasLocalMenu", isBookmarkable: "isBookmarkable", isBookmarked: "isBookmarked" }, outputs: { bookmark: "bookmark" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customActionsContent", first: true, predicate: i0.forwardRef(() => EuiButtonsActionsContentTagDirective), descendants: true }, { propertyName: "customLocalMenuContent", first: true, predicate: i0.forwardRef(() => EuiButtonsLocalMenuContentTagDirective), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"eui-buttons-wrapper\"\n    [class.eui-buttons-wrapper--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\">\n    <div class=\"eui-buttons__actions-container\">\n        <!-- ACTION BUTTONS -->\n        <ng-container *ngIf=\"!((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\">\n            <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n        </ng-container>\n\n        <!-- BOOKMARK BUTTON -->\n        <button\n            *ngIf=\"isBookmarkable && !((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\"\n            euiButton\n            euiOutline\n            euiSecondary\n            type=\"button\"\n            [title]=\"\n                isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n            \"\n            [attr.aria-label]=\"\n                isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n            \"\n            (click)=\"onBookmarkToggle()\">\n            <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\"></eui-icon-svg>\n            <span *ngIf=\"isBookmarked\">{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n            <span *ngIf=\"!isBookmarked\">{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n        </button>\n\n        <!-- LOCAL MENU WHEN IN MOBILE/TABLET MODE -->\n        <div\n            *ngIf=\"hasLocalMenu || (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n            class=\"eui-buttons__local-menu\"\n            [class.eui-buttons__local-menu--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n            euiSizeS>\n            <eui-dropdown>\n                <button\n                    euiButton\n                    euiPrimary\n                    type=\"button\"\n                    [euiOutline]=\"localMenuLabel\"\n                    [euiBasicButton]=\"!localMenuLabel\"\n                    [euiRounded]=\"!localMenuLabel\"\n                    [euiIconButton]=\"!localMenuLabel\">\n                    <span *ngIf=\"localMenuLabel\" euiLabel>{{ localMenuLabel }}</span>\n                    <eui-icon-svg icon=\"eui-ellipsis-vertical\"></eui-icon-svg>\n                </button>\n                <eui-dropdown-content>\n                    <!-- Action buttons -->\n                    <ng-container\n                        *ngIf=\"\n                            customActionsContent && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n                        \">\n                        <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n                    </ng-container>\n\n                    <!-- Local menu items -->\n                    <ng-container *ngIf=\"hasLocalMenu && customLocalMenuContent && customLocalMenuContent.length !== 0\">\n                        <ng-container *ngTemplateOutlet=\"localMenu\"></ng-container>\n                    </ng-container>\n\n                    <!-- Extra menu items -->\n                    <ul euiList class=\"eui-buttons__local-menu-extras\">\n                        <li\n                            *ngIf=\"\n                                isBookmarkable && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n                            \"\n                            euiListItem\n                            [title]=\"\n                                isBookmarked\n                                    ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n                                    : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n                            \"\n                            [attr.aria-label]=\"\n                                isBookmarked\n                                    ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n                                    : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n                            \"\n                            (click)=\"onBookmarkToggle()\">\n                            <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n                            <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n                            <span *ngIf=\"isBookmarked\" euiLabel>{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n                            <span *ngIf=\"!isBookmarked\" euiLabel>{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n                        </li>\n                    </ul>\n                </eui-dropdown-content>\n            </eui-dropdown>\n        </div>\n    </div>\n</div>\n\n<ng-template #actionsButtons>\n    <div\n        class=\"eui-buttons__actions-content-wrapper\"\n        [class.eui-buttons__actions-content--mobile]=\"\n            (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n        \">\n        <ng-content select=\"euiButtonsActionsContent\"></ng-content>\n    </div>\n</ng-template>\n\n<ng-template #localMenu>\n    <div\n        class=\"eui-buttons__local-menu-content-wrapper\"\n        [class.eui-buttons__local-menu-content--mobile]=\"\n            (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n        \">\n        <ng-content select=\"euiButtonsLocalMenuContent\"></ng-content>\n    </div>\n</ng-template>\n", styles: [".eui-buttons{display:flex;flex-direction:column;width:100%}.eui-buttons-wrapper{max-width:100%;align-items:center;display:flex;width:100%}.eui-buttons__actions-container{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.eui-buttons__actions-container button{margin-left:var(--eui-base-spacing-xs)}.eui-buttons__actions-content-wrapper{align-items:center;display:flex;flex-direction:row;overflow:visible}.eui-buttons__actions-content-wrapper--mobile{display:block;width:100%}.eui-buttons__actions-content-wrapper--mobile .eui-buttons__actions-content{display:block;margin:var(--eui-base-spacing-xs);position:relative}.eui-buttons__actions-content-wrapper--mobile .eui-buttons__actions-content button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu{align-items:center;display:flex}.eui-buttons__local-menu__action-buttons{margin:0 var(--eui-base-spacing-s)}.eui-buttons__local-menu__action-buttons button,.eui-buttons__local-menu__action-buttons div{margin-bottom:var(--eui-base-spacing-xs)}.eui-buttons__local-menu__action-buttons--mobile,.eui-buttons__local-menu-content-wrapper{display:block;width:100%}.eui-buttons__local-menu-content-wrapper .eui-buttons__local-menu-content{display:block;position:relative;width:100%}.eui-buttons__local-menu-content-wrapper .eui-buttons__local-menu-content button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu-content-wrapper--mobile .container{padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.eui-buttons__local-menu-extras{border-top:1px ridge var(--eui-base-color-grey-20);color:var(--eui-base-color-info-100)}.eui-buttons--size-s .eui-button{min-height:calc(2 * var(--eui-base-spacing-m))}.eui-buttons--size-m .eui-button{min-height:42px;min-width:42px}.eui-buttons--size-l .eui-button{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m))}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "isClosedOnClickInside", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled"] }, { kind: "directive", type: i5.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i7.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i8.EuiListComponent, selector: "[euiList], eui-list", inputs: ["isCollapsible"] }, { kind: "component", type: i8.EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: ["disabled", "isCollapsible", "isCollapsed", "isActive"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiButtonsComponent, decorators: [{
             type: Component,

package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.mjs CHANGED Viewed

@@ -10,7 +10,7 @@ export class EuiCardFooterMenuContentComponent {
         this.string = 'eui-card-footer-menu-content';
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiCardFooterMenuContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiCardFooterMenuContentComponent, selector: "eui-card-footer-menu-content", inputs: { tooltipText: "tooltipText" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<eui-dropdown>\n    <button\n        euiButton\n        euiRounded\n        euiIconButton\n        euiBasicButton\n        euiSecondary\n        type=\"button\"\n        euiTooltip=\"{{ tooltipText }}\"\n        [attr.aria-label]=\"tooltipText\">\n        <eui-icon-svg icon=\"eui-ellipsis-vertical\"></eui-icon-svg>\n    </button>\n    <eui-dropdown-content>\n        <ng-content></ng-content>\n    </eui-dropdown-content>\n</eui-dropdown>\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"] }, { kind: "component", type: i2.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i3.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled"] }, { kind: "directive", type: i3.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "directive", type: i4.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EuiCardFooterMenuContentComponent, selector: "eui-card-footer-menu-content", inputs: { tooltipText: "tooltipText" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<eui-dropdown>\n    <button\n        euiButton\n        euiRounded\n        euiIconButton\n        euiBasicButton\n        euiSecondary\n        type=\"button\"\n        euiTooltip=\"{{ tooltipText }}\"\n        [attr.aria-label]=\"tooltipText\">\n        <eui-icon-svg icon=\"eui-ellipsis-vertical\"></eui-icon-svg>\n    </button>\n    <eui-dropdown-content>\n        <ng-content></ng-content>\n    </eui-dropdown-content>\n</eui-dropdown>\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"] }, { kind: "component", type: i2.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i3.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "isClosedOnClickInside", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled"] }, { kind: "directive", type: i3.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "directive", type: i4.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiCardFooterMenuContentComponent, decorators: [{
             type: Component,

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

@@ -76,11 +76,11 @@ export class EuiCardComponent extends BaseDirective {
         this.uiStateService.setState(nextState);
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiCardComponent, deps: [{ token: i1.UiStateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: EuiCardComponent, selector: "eui-card", inputs: { e2eAttr: "e2eAttr", euiSelected: ["euiSelected", "euiSelected", booleanAttribute], euiCollapsible: ["euiCollapsible", "euiCollapsible", booleanAttribute], euiCollapsed: ["euiCollapsed", "euiCollapsed", booleanAttribute], euiUrgent: ["euiUrgent", "euiUrgent", booleanAttribute], euiNoShadow: ["euiNoShadow", "euiNoShadow", booleanAttribute], euiNoContentPadding: ["euiNoContentPadding", "euiNoContentPadding", booleanAttribute], euiHoverable: ["euiHoverable", "euiHoverable", booleanAttribute] }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, providers: [UiStateService], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"eui-card-header\"></ng-content>\n<ng-content select=\"eui-card-media\"></ng-content>\n<ng-content select=\"eui-card-content\"></ng-content>\n<ng-content select=\"eui-card-footer\"></ng-content>\n", styles: [".eui-card{border:1px solid var(--eui-base-color-grey-25);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-1);display:flex;flex-direction:column;height:auto;line-height:var(--eui-base-line-height);padding:0;position:relative;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),height 225ms cubic-bezier(.4,0,.2,1);width:100%;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-card.eui-card--no-shadow{box-shadow:none!important}.eui-card.eui-card--hoverable:hover{box-shadow:var(--eui-base-shadow-3)}.eui-card-header{align-items:center;background:var(--eui-base-color-white);border-bottom:1px solid var(--eui-base-color-grey-15);flex-direction:row;display:flex;flex-wrap:wrap;width:100%}.eui-card-header__container{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;margin-bottom:-1px;min-height:calc(3 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-header__container+.eui-card-header-body{border-bottom:1px solid var(--eui-base-color-grey-15);margin-bottom:-1px}.eui-card-header__avatar{align-self:center;background-image:none;background-size:cover;border-radius:50%;flex-shrink:0;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);object-fit:cover;width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-card-header__icon{margin-left:0;margin-right:var(--eui-base-spacing-s)}.eui-card-header__icon.eui-card-header__icon--rounded .eui-icon,.eui-card-header__icon.eui-card-header__icon--rounded .eui-icon-svg{box-shadow:var(--eui-base-shadow-1)}.eui-card-header__urgent-indicator{background:var(--eui-base-color-white);border-radius:var(--eui-base-spacing-2xl);position:absolute;right:calc(-1 * var(--eui-base-spacing-s));top:calc(-1 * var(--eui-base-spacing-s));height:calc(var(--eui-base-spacing-l) + var(--eui-base-spacing-xs))}.eui-card-header__title-container{display:flex;flex-direction:column;justify-content:center;margin-right:var(--eui-base-spacing-s);margin-top:var(--eui-base-spacing-2xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-title{color:var(--eui-base-color-grey-100);display:initial;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-title>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-subtitle{color:var(--eui-base-color-grey-100);display:block;margin-top:var(--eui-base-spacing-xs);width:100%;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-subtitle>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container--multilines{overflow:visible;text-overflow:unset;white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-title{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-title>*{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle>*{white-space:unset!important}.eui-card-header__left-content{align-items:center;display:flex;height:100%;margin-right:var(--eui-base-spacing-m)}.eui-card-header__left-content .eui-input-checkbox{margin:0!important;position:relative!important}.eui-card-header__middle-container{display:flex;flex-direction:column;justify-content:flex-start;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__middle-content{display:flex;flex-direction:row;justify-content:flex-start;margin-top:var(--eui-base-spacing-s);width:100%}.eui-card-header__middle-content .eui-card-header__title-container-subtitle{display:flex;flex-direction:column;margin-right:var(--eui-base-spacing-m);width:100%}.eui-card-header__right-content{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;margin-left:auto}.eui-card-header__expander{display:none;margin-left:auto;transition:all 225ms cubic-bezier(.4,0,.2,1)}.eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(0);transition:transform .3s linear}.eui-card-header__expander.eui-card-header__expander--bottom{background-color:var(--eui-base-color-white);border-radius:50%;bottom:calc(-.75 * var(--eui-base-spacing-m));box-shadow:var(--eui-base-shadow-2);height:calc(1.5 * var(--eui-base-spacing-m));justify-content:center;position:absolute;right:50%;transform:translate(50%);width:calc(2 * var(--eui-base-spacing-m));z-index:1}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon{height:calc(1.5 * var(--eui-base-spacing-m));min-height:calc(1.5 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));transition:transform .3s linear!important;width:calc(2 * var(--eui-base-spacing-m))}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon:active,.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon:focus{width:calc(1 * var(--eui-base-spacing-xl))}.eui-card-header__expander.eui-card-header__expander--top{align-self:flex-start}.eui-card-header--body-only .eui-card-header-body{border-bottom:1px solid var(--eui-base-color-grey-50)}.eui-card-header-body{align-items:center;background:var(--eui-base-color-white);display:flex;padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-card-media{display:flex}.eui-card-media__image{height:auto;margin:0;object-fit:cover;width:100%}.eui-card-media__image:first-child{margin-top:0}.eui-card-media__container{overflow:hidden;position:relative;width:100%}.eui-card-media__container-content{width:100%}.eui-card-media__container .eui-card-media__legend{background:linear-gradient(rgba(0,0,0,0) 0%,var(--eui-base-color-grey-100) 100%);bottom:0;color:var(--eui-base-color-white);left:0;min-height:3rem;padding:var(--eui-base-spacing-m);position:absolute;text-shadow:0 1px 0 var(--eui-base-color-black);font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;align-items:center;display:flex;width:100%}.eui-card-content{background:var(--eui-base-color-white);cursor:auto;flex:0 1 auto;height:auto;overflow-x:hidden;overflow-y:auto;padding:var(--eui-base-spacing-m);position:relative;margin-bottom:0;transition:all .15s ease-in-out;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-card-content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-5)}.eui-card-content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-card-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-card-content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-card--no-content-padding .eui-card-content{padding:0}.eui-card-content p:first-of-type{margin-top:0}.eui-card-footer{background:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-15);display:flex;margin-top:-1px;position:relative}.eui-card-footer-container{display:flex;margin:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-footer-actions{margin-bottom:0;margin-left:0;margin-right:0;padding:0;align-items:center;display:flex;width:100%}.eui-card-footer-actions__buttons{align-items:center;display:flex;width:100%}.eui-card-footer-actions__buttons button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.eui-card-footer-actions__buttons .eui-input-checkbox{margin-bottom:0!important}.eui-card-footer-actions__buttons .eui-input-checkbox+label{margin-bottom:0!important}.eui-card-footer-actions__icons{align-items:center;display:flex;width:100%}.eui-card-footer-actions__icons-container{align-items:center;display:flex;margin-left:auto}.eui-card-footer-menu-content{margin-right:calc(-.5 * var(--eui-base-spacing-m))}@media screen and (max-width: 767px){.eui-card-header__left-content button,.eui-card-header__right-content{flex-wrap:wrap}.eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}.eui-card-header__title-container-title,.eui-card-header__title-container-subtitle{white-space:normal}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-card-header__left-content button,.eui-card-header__right-content{flex-wrap:wrap}.eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}}.eui-card--size-xs .eui-card-container{flex:0 0 16.66666667%;max-width:16.66666667%}.eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}.eui-card--size-m .eui-card-container{flex:0 0 50%;max-width:50%}.eui-card--size-l .eui-card-container{flex:0 0 66.66666667%;max-width:66.66666667%}.eui-card--size-xl .eui-card-container{flex:0 0 83.33333333%;max-width:83.33333333%}.eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}@media screen and (max-width: 767px){.eui-card--size-xs .eui-card-container,.eui-card--size-s .eui-card-container,.eui-card--size-m .eui-card-container,.eui-card--size-l .eui-card-container,.eui-card--size-xl .eui-card-container,.eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-card--size-xs .eui-card-container,.eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}}.eui-card--selected{border:transparent}.eui-card--selected .eui-card-header,.eui-card--selected .eui-card-header-body{background:var(--eui-base-color-primary-100);border-radius:var(--eui-base-border-radius) var(--eui-base-border-radius) 0 0;color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-card-header__title-container-title,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-title,.eui-card--selected .eui-card-header .eui-card-header__title-container-title .eui-label,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-title .eui-label{color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle,.eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle .eui-label,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle .eui-label{color:var(--eui-base-color-grey-10)}.eui-card--selected .eui-card-header .eui-card-header__urgent-indicator .eui-icon-svg>svg,.eui-card--selected .eui-card-header-body .eui-card-header__urgent-indicator .eui-icon-svg>svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-card--selected .eui-card-header .eui-card-header__expander.eui-card-header__expander--bottom .eui-icon-svg>svg,.eui-card--selected .eui-card-header-body .eui-card-header__expander.eui-card-header__expander--bottom .eui-icon-svg>svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-card--selected .eui-card-header .eui-button.eui-button--primary,.eui-card--selected .eui-card-header-body .eui-button.eui-button--primary{background:inherit;border-color:var(--eui-base-color-white);color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-button.eui-button--primary.eui-button__container>*,.eui-card--selected .eui-card-header-body .eui-button.eui-button--primary.eui-button__container>*{color:var(--eui-base-color-grey-100)!important}.eui-card--selected .eui-card-header .eui-button.eui-button--warning .eui-button--outline,.eui-card--selected .eui-card-header-body .eui-button.eui-button--warning .eui-button--outline,.eui-card--selected .eui-card-header .eui-button.eui-button--basic,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic{color:var(--eui-base-font-color)}.eui-card--selected .eui-card-header .eui-button.eui-button--basic:hover,.eui-card--selected .eui-card-header .eui-button.eui-button--basic:focus,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic:hover,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic:focus{background:#ffffff40}.eui-card--selected .eui-card-header .eui-icon-svg>svg,.eui-card--selected .eui-card-header .eui-icon:not(.eui-icon-toggle--checked),.eui-card--selected .eui-card-header-body .eui-icon-svg>svg,.eui-card--selected .eui-card-header-body .eui-icon:not(.eui-icon-toggle--checked){color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-label.eui-label--secondary,.eui-card--selected .eui-card-header-body .eui-label.eui-label--secondary{color:var(--eui-base-color-white)!important}.eui-card--selected .eui-card-header a,.eui-card--selected .eui-card-header a:not([href]):not([tabindex]),.eui-card--selected .eui-card-header-body a,.eui-card--selected .eui-card-header-body a:not([href]):not([tabindex]){color:var(--eui-base-color-white)!important}.eui-card--selected .eui-card-header .eui-label--secondary,.eui-card--selected .eui-card-header-body .eui-label--secondary{color:var(--eui-base-color-grey-15)}.eui-card--selected .eui-card-header .eui-input-checkbox,.eui-card--selected .eui-card-header-body .eui-input-checkbox{border:2px solid var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-chip--primary,.eui-card--selected .eui-card-header-body .eui-chip--primary{border:1px solid var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-chip--outline:not(.eui-chip--secondary),.eui-card--selected .eui-card-header-body .eui-chip--outline:not(.eui-chip--secondary){background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-chip--outline:not(.eui-chip--secondary) .eui-label,.eui-card--selected .eui-card-header-body .eui-chip--outline:not(.eui-chip--secondary) .eui-label{color:var(--eui-base-color-white)}.eui-card--selected .eui-card-content{background:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-base-color-text)}.eui-card--selected .eui-card-footer{background:var(--eui-base-color-white);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-base-color-text)}.eui-card--disabled,.eui-card--is-loading,.eui-card[disabled],.eui-card.disabled{opacity:.45;pointer-events:none}.eui-card--collapsible .eui-card-header__expander{align-items:center;display:inline-flex;margin-left:var(--eui-base-spacing-xs);margin-right:calc(-1 * var(--eui-base-spacing-xs))}.eui-card--collapsed .eui-card-media,.eui-card--collapsed .eui-card-content,.eui-card--collapsed .mat-card-image{height:0!important;padding:0 var(--eui-base-spacing-m)}.eui-card--collapsed .eui-card-header,.eui-card--collapsed .eui-card-header__container{border-bottom:1px solid transparent}.eui-card--collapsed .eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(180deg)!important}.eui-card--primary{border-left:6px solid var(--eui-base-color-primary-100)}.eui-card--secondary{border-left:6px solid var(--eui-base-color-grey-15)}.eui-card--info{border-left:6px solid var(--eui-base-color-info-100)}.eui-card--success{border-left:6px solid var(--eui-base-color-success-100)}.eui-card--warning{border-left:6px solid var(--eui-base-color-warning-100)}.eui-card--danger{border-left:6px solid var(--eui-base-color-danger-100)}.eui-card--accent{border-left:6px solid var(--eui-base-color-accent-100)}.eui-card--highlighted,.eui-card--highlighted .eui-card-container{z-index:var(--eui-base-z-index-highlighted)}.eui-card--no-border{border:none}.eui-card[euiresizable]{position:relative;min-width:var(--eui-card-resizable-min-width)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: EuiCardComponent, selector: "eui-card", inputs: { e2eAttr: "e2eAttr", euiSelected: ["euiSelected", "euiSelected", booleanAttribute], euiCollapsible: ["euiCollapsible", "euiCollapsible", booleanAttribute], euiCollapsed: ["euiCollapsed", "euiCollapsed", booleanAttribute], euiUrgent: ["euiUrgent", "euiUrgent", booleanAttribute], euiNoShadow: ["euiNoShadow", "euiNoShadow", booleanAttribute], euiNoContentPadding: ["euiNoContentPadding", "euiNoContentPadding", booleanAttribute], euiHoverable: ["euiHoverable", "euiHoverable", booleanAttribute] }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, providers: [UiStateService], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"eui-card-header\"></ng-content>\n<ng-content select=\"eui-card-media\"></ng-content>\n<ng-content select=\"eui-card-content\"></ng-content>\n<ng-content select=\"eui-card-footer\"></ng-content>\n", styles: [".eui-card{border:1px solid var(--eui-base-color-grey-25);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-1);display:flex;flex-direction:column;height:auto;line-height:var(--eui-base-line-height);padding:0;position:relative;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),height 225ms cubic-bezier(.4,0,.2,1);width:100%;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-card.eui-card--no-shadow{box-shadow:none!important}.eui-card.eui-card--hoverable:hover{box-shadow:var(--eui-base-shadow-3)}.eui-card-header{align-items:center;background:var(--eui-base-color-white);border-bottom:1px solid var(--eui-base-color-grey-15);flex-direction:row;display:flex;flex-wrap:wrap;width:100%}.eui-card-header__container{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;margin-bottom:-1px;min-height:calc(3 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-header__container+.eui-card-header-body{border-bottom:1px solid var(--eui-base-color-grey-15);margin-bottom:-1px}.eui-card-header__avatar{align-self:center;background-image:none;background-size:cover;border-radius:50%;flex-shrink:0;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);object-fit:cover;width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-card-header__icon{margin-left:0;margin-right:var(--eui-base-spacing-s)}.eui-card-header__icon.eui-card-header__icon--rounded .eui-icon,.eui-card-header__icon.eui-card-header__icon--rounded .eui-icon-svg{box-shadow:var(--eui-base-shadow-1)}.eui-card-header__urgent-indicator{background:var(--eui-base-color-white);border-radius:var(--eui-base-spacing-2xl);position:absolute;right:calc(-1 * var(--eui-base-spacing-s));top:calc(-1 * var(--eui-base-spacing-s));height:calc(var(--eui-base-spacing-l) + var(--eui-base-spacing-xs))}.eui-card-header__title-container{display:flex;flex-direction:column;justify-content:center;margin-right:var(--eui-base-spacing-s);margin-top:var(--eui-base-spacing-2xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-title{color:var(--eui-base-color-grey-100);display:initial;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-title>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-subtitle{color:var(--eui-base-color-grey-100);display:block;margin-top:var(--eui-base-spacing-xs);width:100%;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-subtitle>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container--multilines{overflow:visible;text-overflow:unset;white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-title{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-title>*{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle>*{white-space:unset!important}.eui-card-header__left-content{align-items:center;display:flex;height:100%;margin-right:var(--eui-base-spacing-m)}.eui-card-header__left-content .eui-input-checkbox{margin:0!important;position:relative!important}.eui-card-header__middle-container{display:flex;flex-direction:column;justify-content:flex-start;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__middle-content{display:flex;flex-direction:row;justify-content:flex-start;margin-top:var(--eui-base-spacing-s);width:100%}.eui-card-header__middle-content .eui-card-header__title-container-subtitle{display:flex;flex-direction:column;margin-right:var(--eui-base-spacing-m);width:100%}.eui-card-header__right-content{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;margin-left:auto}.eui-card-header__expander{display:none;margin-left:auto;transition:all 225ms cubic-bezier(.4,0,.2,1)}.eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(0);transition:transform .3s linear}.eui-card-header__expander.eui-card-header__expander--bottom{background-color:var(--eui-base-color-white);border-radius:50%;bottom:calc(-.75 * var(--eui-base-spacing-m));box-shadow:var(--eui-base-shadow-2);height:calc(1.5 * var(--eui-base-spacing-m));justify-content:center;position:absolute;right:50%;transform:translate(50%);width:calc(2 * var(--eui-base-spacing-m));z-index:1}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon{height:calc(1.5 * var(--eui-base-spacing-m));min-height:calc(1.5 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));transition:transform .3s linear!important;width:calc(2 * var(--eui-base-spacing-m))}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon:active,.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon:focus{width:calc(1 * var(--eui-base-spacing-xl))}.eui-card-header__expander.eui-card-header__expander--top{align-self:flex-start}.eui-card-header--body-only .eui-card-header-body{border-bottom:1px solid var(--eui-base-color-grey-50)}.eui-card-header-body{align-items:center;background:var(--eui-base-color-white);display:flex;padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-card-media{display:flex}.eui-card-media__image{height:auto;margin:0;object-fit:cover;width:100%}.eui-card-media__image:first-child{margin-top:0}.eui-card-media__container{overflow:hidden;position:relative;width:100%}.eui-card-media__container-content{width:100%}.eui-card-media__container .eui-card-media__legend{background:linear-gradient(rgba(0,0,0,0) 0%,var(--eui-base-color-grey-100) 100%);bottom:0;color:var(--eui-base-color-white);left:0;min-height:3rem;padding:var(--eui-base-spacing-m);position:absolute;text-shadow:0 1px 0 var(--eui-base-color-black);font:normal normal 400 1.5rem/2.25rem var(--eui-base-font-family);font-weight:700;align-items:center;display:flex;width:100%}.eui-card-content{background:var(--eui-base-color-white);cursor:auto;flex:0 1 auto;height:auto;overflow-x:hidden;overflow-y:auto;padding:var(--eui-base-spacing-m);position:relative;margin-bottom:0;transition:all .15s ease-in-out;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-card-content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-5)}.eui-card-content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-card-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-card-content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-card--no-content-padding .eui-card-content{padding:0}.eui-card-content p:first-of-type{margin-top:0}.eui-card-footer{background:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-15);display:flex;margin-top:-1px;position:relative}.eui-card-footer-container{display:flex;margin:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-footer-actions{margin-bottom:0;margin-left:0;margin-right:0;padding:0;align-items:center;display:flex;width:100%}.eui-card-footer-actions__buttons{align-items:center;display:flex;width:100%}.eui-card-footer-actions__buttons button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.eui-card-footer-actions__buttons .eui-input-checkbox{margin-bottom:0!important}.eui-card-footer-actions__buttons .eui-input-checkbox+label{margin-bottom:0!important}.eui-card-footer-actions__icons{align-items:center;display:flex;width:100%}.eui-card-footer-actions__icons-container{align-items:center;display:flex;margin-left:auto}.eui-card-footer-menu-content{margin-right:calc(-.5 * var(--eui-base-spacing-m))}@media screen and (max-width: 767px){.eui-card-header__left-content button,.eui-card-header__right-content{flex-wrap:wrap}.eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}.eui-card-header__title-container-title,.eui-card-header__title-container-subtitle{white-space:normal}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-card-header__left-content button,.eui-card-header__right-content{flex-wrap:wrap}.eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}}.eui-card--size-xs .eui-card-container{flex:0 0 16.66666667%;max-width:16.66666667%}.eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}.eui-card--size-m .eui-card-container{flex:0 0 50%;max-width:50%}.eui-card--size-l .eui-card-container{flex:0 0 66.66666667%;max-width:66.66666667%}.eui-card--size-xl .eui-card-container{flex:0 0 83.33333333%;max-width:83.33333333%}.eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}@media screen and (max-width: 767px){.eui-card--size-xs .eui-card-container,.eui-card--size-s .eui-card-container,.eui-card--size-m .eui-card-container,.eui-card--size-l .eui-card-container,.eui-card--size-xl .eui-card-container,.eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-card--size-xs .eui-card-container,.eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}}.eui-card--selected{border:transparent}.eui-card--selected .eui-card-header,.eui-card--selected .eui-card-header-body{background:var(--eui-base-color-primary-100);border-radius:var(--eui-base-border-radius) var(--eui-base-border-radius) 0 0;color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-card-header__title-container-title,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-title,.eui-card--selected .eui-card-header .eui-card-header__title-container-title .eui-label,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-title .eui-label{color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle,.eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle .eui-label,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle .eui-label{color:var(--eui-base-color-grey-10)}.eui-card--selected .eui-card-header .eui-card-header__urgent-indicator .eui-icon-svg>svg,.eui-card--selected .eui-card-header-body .eui-card-header__urgent-indicator .eui-icon-svg>svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-card--selected .eui-card-header .eui-card-header__expander.eui-card-header__expander--bottom .eui-icon-svg>svg,.eui-card--selected .eui-card-header-body .eui-card-header__expander.eui-card-header__expander--bottom .eui-icon-svg>svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-card--selected .eui-card-header .eui-button.eui-button--primary,.eui-card--selected .eui-card-header-body .eui-button.eui-button--primary{background:inherit;border-color:var(--eui-base-color-white);color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-button.eui-button--primary.eui-button__container>*,.eui-card--selected .eui-card-header-body .eui-button.eui-button--primary.eui-button__container>*{color:var(--eui-base-color-grey-100)!important}.eui-card--selected .eui-card-header .eui-button.eui-button--warning .eui-button--outline,.eui-card--selected .eui-card-header-body .eui-button.eui-button--warning .eui-button--outline,.eui-card--selected .eui-card-header .eui-button.eui-button--basic,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic{color:var(--eui-base-font-color)}.eui-card--selected .eui-card-header .eui-button.eui-button--basic:hover,.eui-card--selected .eui-card-header .eui-button.eui-button--basic:focus,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic:hover,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic:focus{background:#ffffff40}.eui-card--selected .eui-card-header .eui-icon-svg>svg,.eui-card--selected .eui-card-header .eui-icon:not(.eui-icon-toggle--checked),.eui-card--selected .eui-card-header-body .eui-icon-svg>svg,.eui-card--selected .eui-card-header-body .eui-icon:not(.eui-icon-toggle--checked){color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-label.eui-label--secondary,.eui-card--selected .eui-card-header-body .eui-label.eui-label--secondary{color:var(--eui-base-color-white)!important}.eui-card--selected .eui-card-header a,.eui-card--selected .eui-card-header a:not([href]):not([tabindex]),.eui-card--selected .eui-card-header-body a,.eui-card--selected .eui-card-header-body a:not([href]):not([tabindex]){color:var(--eui-base-color-white)!important}.eui-card--selected .eui-card-header .eui-label--secondary,.eui-card--selected .eui-card-header-body .eui-label--secondary{color:var(--eui-base-color-grey-15)}.eui-card--selected .eui-card-header .eui-input-checkbox,.eui-card--selected .eui-card-header-body .eui-input-checkbox{border:2px solid var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-chip--primary,.eui-card--selected .eui-card-header-body .eui-chip--primary{border:1px solid var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-chip--outline:not(.eui-chip--secondary),.eui-card--selected .eui-card-header-body .eui-chip--outline:not(.eui-chip--secondary){background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-chip--outline:not(.eui-chip--secondary) .eui-label,.eui-card--selected .eui-card-header-body .eui-chip--outline:not(.eui-chip--secondary) .eui-label{color:var(--eui-base-color-white)}.eui-card--selected .eui-card-content{background:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-base-color-text)}.eui-card--selected .eui-card-footer{background:var(--eui-base-color-white);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-base-color-text)}.eui-card--disabled,.eui-card--is-loading,.eui-card[disabled],.eui-card.disabled{opacity:.45;pointer-events:none}.eui-card--collapsible .eui-card-header__expander{align-items:center;display:inline-flex;margin-left:var(--eui-base-spacing-xs);margin-right:calc(-1 * var(--eui-base-spacing-xs))}.eui-card--collapsed .eui-card-media,.eui-card--collapsed .eui-card-content,.eui-card--collapsed .mat-card-image{height:0!important;padding:0 var(--eui-base-spacing-m)}.eui-card--collapsed .eui-card-header,.eui-card--collapsed .eui-card-header__container{border-bottom:1px solid transparent}.eui-card--collapsed .eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(180deg)!important}.eui-card--primary{border-left:6px solid var(--eui-base-color-primary-100)}.eui-card--secondary{border-left:6px solid var(--eui-base-color-grey-15)}.eui-card--info{border-left:6px solid var(--eui-base-color-info-100)}.eui-card--success{border-left:6px solid var(--eui-base-color-success-100)}.eui-card--warning{border-left:6px solid var(--eui-base-color-warning-100)}.eui-card--danger{border-left:6px solid var(--eui-base-color-danger-100)}.eui-card--accent{border-left:6px solid var(--eui-base-color-accent-100)}.eui-card--highlighted,.eui-card--highlighted .eui-card-container{z-index:var(--eui-base-z-index-highlighted)}.eui-card--no-border{border:none}.eui-card[euiresizable]{position:relative;min-width:var(--eui-card-resizable-min-width)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [UiStateService], template: "<ng-content select=\"eui-card-header\"></ng-content>\n<ng-content select=\"eui-card-media\"></ng-content>\n<ng-content select=\"eui-card-content\"></ng-content>\n<ng-content select=\"eui-card-footer\"></ng-content>\n", styles: [".eui-card{border:1px solid var(--eui-base-color-grey-25);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-1);display:flex;flex-direction:column;height:auto;line-height:var(--eui-base-line-height);padding:0;position:relative;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),height 225ms cubic-bezier(.4,0,.2,1);width:100%;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-card.eui-card--no-shadow{box-shadow:none!important}.eui-card.eui-card--hoverable:hover{box-shadow:var(--eui-base-shadow-3)}.eui-card-header{align-items:center;background:var(--eui-base-color-white);border-bottom:1px solid var(--eui-base-color-grey-15);flex-direction:row;display:flex;flex-wrap:wrap;width:100%}.eui-card-header__container{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;margin-bottom:-1px;min-height:calc(3 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-header__container+.eui-card-header-body{border-bottom:1px solid var(--eui-base-color-grey-15);margin-bottom:-1px}.eui-card-header__avatar{align-self:center;background-image:none;background-size:cover;border-radius:50%;flex-shrink:0;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);object-fit:cover;width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-card-header__icon{margin-left:0;margin-right:var(--eui-base-spacing-s)}.eui-card-header__icon.eui-card-header__icon--rounded .eui-icon,.eui-card-header__icon.eui-card-header__icon--rounded .eui-icon-svg{box-shadow:var(--eui-base-shadow-1)}.eui-card-header__urgent-indicator{background:var(--eui-base-color-white);border-radius:var(--eui-base-spacing-2xl);position:absolute;right:calc(-1 * var(--eui-base-spacing-s));top:calc(-1 * var(--eui-base-spacing-s));height:calc(var(--eui-base-spacing-l) + var(--eui-base-spacing-xs))}.eui-card-header__title-container{display:flex;flex-direction:column;justify-content:center;margin-right:var(--eui-base-spacing-s);margin-top:var(--eui-base-spacing-2xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-title{color:var(--eui-base-color-grey-100);display:initial;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-title>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-subtitle{color:var(--eui-base-color-grey-100);display:block;margin-top:var(--eui-base-spacing-xs);width:100%;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-subtitle>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container--multilines{overflow:visible;text-overflow:unset;white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-title{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-title>*{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle>*{white-space:unset!important}.eui-card-header__left-content{align-items:center;display:flex;height:100%;margin-right:var(--eui-base-spacing-m)}.eui-card-header__left-content .eui-input-checkbox{margin:0!important;position:relative!important}.eui-card-header__middle-container{display:flex;flex-direction:column;justify-content:flex-start;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__middle-content{display:flex;flex-direction:row;justify-content:flex-start;margin-top:var(--eui-base-spacing-s);width:100%}.eui-card-header__middle-content .eui-card-header__title-container-subtitle{display:flex;flex-direction:column;margin-right:var(--eui-base-spacing-m);width:100%}.eui-card-header__right-content{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;margin-left:auto}.eui-card-header__expander{display:none;margin-left:auto;transition:all 225ms cubic-bezier(.4,0,.2,1)}.eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(0);transition:transform .3s linear}.eui-card-header__expander.eui-card-header__expander--bottom{background-color:var(--eui-base-color-white);border-radius:50%;bottom:calc(-.75 * var(--eui-base-spacing-m));box-shadow:var(--eui-base-shadow-2);height:calc(1.5 * var(--eui-base-spacing-m));justify-content:center;position:absolute;right:50%;transform:translate(50%);width:calc(2 * var(--eui-base-spacing-m));z-index:1}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon{height:calc(1.5 * var(--eui-base-spacing-m));min-height:calc(1.5 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));transition:transform .3s linear!important;width:calc(2 * var(--eui-base-spacing-m))}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon:active,.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon:focus{width:calc(1 * var(--eui-base-spacing-xl))}.eui-card-header__expander.eui-card-header__expander--top{align-self:flex-start}.eui-card-header--body-only .eui-card-header-body{border-bottom:1px solid var(--eui-base-color-grey-50)}.eui-card-header-body{align-items:center;background:var(--eui-base-color-white);display:flex;padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-card-media{display:flex}.eui-card-media__image{height:auto;margin:0;object-fit:cover;width:100%}.eui-card-media__image:first-child{margin-top:0}.eui-card-media__container{overflow:hidden;position:relative;width:100%}.eui-card-media__container-content{width:100%}.eui-card-media__container .eui-card-media__legend{background:linear-gradient(rgba(0,0,0,0) 0%,var(--eui-base-color-grey-100) 100%);bottom:0;color:var(--eui-base-color-white);left:0;min-height:3rem;padding:var(--eui-base-spacing-m);position:absolute;text-shadow:0 1px 0 var(--eui-base-color-black);font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;align-items:center;display:flex;width:100%}.eui-card-content{background:var(--eui-base-color-white);cursor:auto;flex:0 1 auto;height:auto;overflow-x:hidden;overflow-y:auto;padding:var(--eui-base-spacing-m);position:relative;margin-bottom:0;transition:all .15s ease-in-out;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-card-content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-5)}.eui-card-content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-card-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-card-content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-card--no-content-padding .eui-card-content{padding:0}.eui-card-content p:first-of-type{margin-top:0}.eui-card-footer{background:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-15);display:flex;margin-top:-1px;position:relative}.eui-card-footer-container{display:flex;margin:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-footer-actions{margin-bottom:0;margin-left:0;margin-right:0;padding:0;align-items:center;display:flex;width:100%}.eui-card-footer-actions__buttons{align-items:center;display:flex;width:100%}.eui-card-footer-actions__buttons button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.eui-card-footer-actions__buttons .eui-input-checkbox{margin-bottom:0!important}.eui-card-footer-actions__buttons .eui-input-checkbox+label{margin-bottom:0!important}.eui-card-footer-actions__icons{align-items:center;display:flex;width:100%}.eui-card-footer-actions__icons-container{align-items:center;display:flex;margin-left:auto}.eui-card-footer-menu-content{margin-right:calc(-.5 * var(--eui-base-spacing-m))}@media screen and (max-width: 767px){.eui-card-header__left-content button,.eui-card-header__right-content{flex-wrap:wrap}.eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}.eui-card-header__title-container-title,.eui-card-header__title-container-subtitle{white-space:normal}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-card-header__left-content button,.eui-card-header__right-content{flex-wrap:wrap}.eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}}.eui-card--size-xs .eui-card-container{flex:0 0 16.66666667%;max-width:16.66666667%}.eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}.eui-card--size-m .eui-card-container{flex:0 0 50%;max-width:50%}.eui-card--size-l .eui-card-container{flex:0 0 66.66666667%;max-width:66.66666667%}.eui-card--size-xl .eui-card-container{flex:0 0 83.33333333%;max-width:83.33333333%}.eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}@media screen and (max-width: 767px){.eui-card--size-xs .eui-card-container,.eui-card--size-s .eui-card-container,.eui-card--size-m .eui-card-container,.eui-card--size-l .eui-card-container,.eui-card--size-xl .eui-card-container,.eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-card--size-xs .eui-card-container,.eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}}.eui-card--selected{border:transparent}.eui-card--selected .eui-card-header,.eui-card--selected .eui-card-header-body{background:var(--eui-base-color-primary-100);border-radius:var(--eui-base-border-radius) var(--eui-base-border-radius) 0 0;color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-card-header__title-container-title,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-title,.eui-card--selected .eui-card-header .eui-card-header__title-container-title .eui-label,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-title .eui-label{color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle,.eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle .eui-label,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle .eui-label{color:var(--eui-base-color-grey-10)}.eui-card--selected .eui-card-header .eui-card-header__urgent-indicator .eui-icon-svg>svg,.eui-card--selected .eui-card-header-body .eui-card-header__urgent-indicator .eui-icon-svg>svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-card--selected .eui-card-header .eui-card-header__expander.eui-card-header__expander--bottom .eui-icon-svg>svg,.eui-card--selected .eui-card-header-body .eui-card-header__expander.eui-card-header__expander--bottom .eui-icon-svg>svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-card--selected .eui-card-header .eui-button.eui-button--primary,.eui-card--selected .eui-card-header-body .eui-button.eui-button--primary{background:inherit;border-color:var(--eui-base-color-white);color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-button.eui-button--primary.eui-button__container>*,.eui-card--selected .eui-card-header-body .eui-button.eui-button--primary.eui-button__container>*{color:var(--eui-base-color-grey-100)!important}.eui-card--selected .eui-card-header .eui-button.eui-button--warning .eui-button--outline,.eui-card--selected .eui-card-header-body .eui-button.eui-button--warning .eui-button--outline,.eui-card--selected .eui-card-header .eui-button.eui-button--basic,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic{color:var(--eui-base-font-color)}.eui-card--selected .eui-card-header .eui-button.eui-button--basic:hover,.eui-card--selected .eui-card-header .eui-button.eui-button--basic:focus,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic:hover,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic:focus{background:#ffffff40}.eui-card--selected .eui-card-header .eui-icon-svg>svg,.eui-card--selected .eui-card-header .eui-icon:not(.eui-icon-toggle--checked),.eui-card--selected .eui-card-header-body .eui-icon-svg>svg,.eui-card--selected .eui-card-header-body .eui-icon:not(.eui-icon-toggle--checked){color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-label.eui-label--secondary,.eui-card--selected .eui-card-header-body .eui-label.eui-label--secondary{color:var(--eui-base-color-white)!important}.eui-card--selected .eui-card-header a,.eui-card--selected .eui-card-header a:not([href]):not([tabindex]),.eui-card--selected .eui-card-header-body a,.eui-card--selected .eui-card-header-body a:not([href]):not([tabindex]){color:var(--eui-base-color-white)!important}.eui-card--selected .eui-card-header .eui-label--secondary,.eui-card--selected .eui-card-header-body .eui-label--secondary{color:var(--eui-base-color-grey-15)}.eui-card--selected .eui-card-header .eui-input-checkbox,.eui-card--selected .eui-card-header-body .eui-input-checkbox{border:2px solid var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-chip--primary,.eui-card--selected .eui-card-header-body .eui-chip--primary{border:1px solid var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-chip--outline:not(.eui-chip--secondary),.eui-card--selected .eui-card-header-body .eui-chip--outline:not(.eui-chip--secondary){background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-chip--outline:not(.eui-chip--secondary) .eui-label,.eui-card--selected .eui-card-header-body .eui-chip--outline:not(.eui-chip--secondary) .eui-label{color:var(--eui-base-color-white)}.eui-card--selected .eui-card-content{background:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-base-color-text)}.eui-card--selected .eui-card-footer{background:var(--eui-base-color-white);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-base-color-text)}.eui-card--disabled,.eui-card--is-loading,.eui-card[disabled],.eui-card.disabled{opacity:.45;pointer-events:none}.eui-card--collapsible .eui-card-header__expander{align-items:center;display:inline-flex;margin-left:var(--eui-base-spacing-xs);margin-right:calc(-1 * var(--eui-base-spacing-xs))}.eui-card--collapsed .eui-card-media,.eui-card--collapsed .eui-card-content,.eui-card--collapsed .mat-card-image{height:0!important;padding:0 var(--eui-base-spacing-m)}.eui-card--collapsed .eui-card-header,.eui-card--collapsed .eui-card-header__container{border-bottom:1px solid transparent}.eui-card--collapsed .eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(180deg)!important}.eui-card--primary{border-left:6px solid var(--eui-base-color-primary-100)}.eui-card--secondary{border-left:6px solid var(--eui-base-color-grey-15)}.eui-card--info{border-left:6px solid var(--eui-base-color-info-100)}.eui-card--success{border-left:6px solid var(--eui-base-color-success-100)}.eui-card--warning{border-left:6px solid var(--eui-base-color-warning-100)}.eui-card--danger{border-left:6px solid var(--eui-base-color-danger-100)}.eui-card--accent{border-left:6px solid var(--eui-base-color-accent-100)}.eui-card--highlighted,.eui-card--highlighted .eui-card-container{z-index:var(--eui-base-z-index-highlighted)}.eui-card--no-border{border:none}.eui-card[euiresizable]{position:relative;min-width:var(--eui-card-resizable-min-width)}\n"] }]
+            args: [{ selector: 'eui-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [UiStateService], template: "<ng-content select=\"eui-card-header\"></ng-content>\n<ng-content select=\"eui-card-media\"></ng-content>\n<ng-content select=\"eui-card-content\"></ng-content>\n<ng-content select=\"eui-card-footer\"></ng-content>\n", styles: [".eui-card{border:1px solid var(--eui-base-color-grey-25);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-1);display:flex;flex-direction:column;height:auto;line-height:var(--eui-base-line-height);padding:0;position:relative;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),height 225ms cubic-bezier(.4,0,.2,1);width:100%;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-card.eui-card--no-shadow{box-shadow:none!important}.eui-card.eui-card--hoverable:hover{box-shadow:var(--eui-base-shadow-3)}.eui-card-header{align-items:center;background:var(--eui-base-color-white);border-bottom:1px solid var(--eui-base-color-grey-15);flex-direction:row;display:flex;flex-wrap:wrap;width:100%}.eui-card-header__container{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;margin-bottom:-1px;min-height:calc(3 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-header__container+.eui-card-header-body{border-bottom:1px solid var(--eui-base-color-grey-15);margin-bottom:-1px}.eui-card-header__avatar{align-self:center;background-image:none;background-size:cover;border-radius:50%;flex-shrink:0;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);object-fit:cover;width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-card-header__icon{margin-left:0;margin-right:var(--eui-base-spacing-s)}.eui-card-header__icon.eui-card-header__icon--rounded .eui-icon,.eui-card-header__icon.eui-card-header__icon--rounded .eui-icon-svg{box-shadow:var(--eui-base-shadow-1)}.eui-card-header__urgent-indicator{background:var(--eui-base-color-white);border-radius:var(--eui-base-spacing-2xl);position:absolute;right:calc(-1 * var(--eui-base-spacing-s));top:calc(-1 * var(--eui-base-spacing-s));height:calc(var(--eui-base-spacing-l) + var(--eui-base-spacing-xs))}.eui-card-header__title-container{display:flex;flex-direction:column;justify-content:center;margin-right:var(--eui-base-spacing-s);margin-top:var(--eui-base-spacing-2xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-title{color:var(--eui-base-color-grey-100);display:initial;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-title>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-subtitle{color:var(--eui-base-color-grey-100);display:block;margin-top:var(--eui-base-spacing-xs);width:100%;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-subtitle>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container--multilines{overflow:visible;text-overflow:unset;white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-title{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-title>*{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle>*{white-space:unset!important}.eui-card-header__left-content{align-items:center;display:flex;height:100%;margin-right:var(--eui-base-spacing-m)}.eui-card-header__left-content .eui-input-checkbox{margin:0!important;position:relative!important}.eui-card-header__middle-container{display:flex;flex-direction:column;justify-content:flex-start;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__middle-content{display:flex;flex-direction:row;justify-content:flex-start;margin-top:var(--eui-base-spacing-s);width:100%}.eui-card-header__middle-content .eui-card-header__title-container-subtitle{display:flex;flex-direction:column;margin-right:var(--eui-base-spacing-m);width:100%}.eui-card-header__right-content{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;margin-left:auto}.eui-card-header__expander{display:none;margin-left:auto;transition:all 225ms cubic-bezier(.4,0,.2,1)}.eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(0);transition:transform .3s linear}.eui-card-header__expander.eui-card-header__expander--bottom{background-color:var(--eui-base-color-white);border-radius:50%;bottom:calc(-.75 * var(--eui-base-spacing-m));box-shadow:var(--eui-base-shadow-2);height:calc(1.5 * var(--eui-base-spacing-m));justify-content:center;position:absolute;right:50%;transform:translate(50%);width:calc(2 * var(--eui-base-spacing-m));z-index:1}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon{height:calc(1.5 * var(--eui-base-spacing-m));min-height:calc(1.5 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));transition:transform .3s linear!important;width:calc(2 * var(--eui-base-spacing-m))}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon:active,.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon:focus{width:calc(1 * var(--eui-base-spacing-xl))}.eui-card-header__expander.eui-card-header__expander--top{align-self:flex-start}.eui-card-header--body-only .eui-card-header-body{border-bottom:1px solid var(--eui-base-color-grey-50)}.eui-card-header-body{align-items:center;background:var(--eui-base-color-white);display:flex;padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-card-media{display:flex}.eui-card-media__image{height:auto;margin:0;object-fit:cover;width:100%}.eui-card-media__image:first-child{margin-top:0}.eui-card-media__container{overflow:hidden;position:relative;width:100%}.eui-card-media__container-content{width:100%}.eui-card-media__container .eui-card-media__legend{background:linear-gradient(rgba(0,0,0,0) 0%,var(--eui-base-color-grey-100) 100%);bottom:0;color:var(--eui-base-color-white);left:0;min-height:3rem;padding:var(--eui-base-spacing-m);position:absolute;text-shadow:0 1px 0 var(--eui-base-color-black);font:normal normal 400 1.5rem/2.25rem var(--eui-base-font-family);font-weight:700;align-items:center;display:flex;width:100%}.eui-card-content{background:var(--eui-base-color-white);cursor:auto;flex:0 1 auto;height:auto;overflow-x:hidden;overflow-y:auto;padding:var(--eui-base-spacing-m);position:relative;margin-bottom:0;transition:all .15s ease-in-out;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-card-content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-5)}.eui-card-content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-card-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-card-content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-card--no-content-padding .eui-card-content{padding:0}.eui-card-content p:first-of-type{margin-top:0}.eui-card-footer{background:var(--eui-base-color-white);border-top:1px solid var(--eui-base-color-grey-15);display:flex;margin-top:-1px;position:relative}.eui-card-footer-container{display:flex;margin:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-footer-actions{margin-bottom:0;margin-left:0;margin-right:0;padding:0;align-items:center;display:flex;width:100%}.eui-card-footer-actions__buttons{align-items:center;display:flex;width:100%}.eui-card-footer-actions__buttons button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.eui-card-footer-actions__buttons .eui-input-checkbox{margin-bottom:0!important}.eui-card-footer-actions__buttons .eui-input-checkbox+label{margin-bottom:0!important}.eui-card-footer-actions__icons{align-items:center;display:flex;width:100%}.eui-card-footer-actions__icons-container{align-items:center;display:flex;margin-left:auto}.eui-card-footer-menu-content{margin-right:calc(-.5 * var(--eui-base-spacing-m))}@media screen and (max-width: 767px){.eui-card-header__left-content button,.eui-card-header__right-content{flex-wrap:wrap}.eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}.eui-card-header__title-container-title,.eui-card-header__title-container-subtitle{white-space:normal}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-card-header__left-content button,.eui-card-header__right-content{flex-wrap:wrap}.eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}}.eui-card--size-xs .eui-card-container{flex:0 0 16.66666667%;max-width:16.66666667%}.eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}.eui-card--size-m .eui-card-container{flex:0 0 50%;max-width:50%}.eui-card--size-l .eui-card-container{flex:0 0 66.66666667%;max-width:66.66666667%}.eui-card--size-xl .eui-card-container{flex:0 0 83.33333333%;max-width:83.33333333%}.eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}@media screen and (max-width: 767px){.eui-card--size-xs .eui-card-container,.eui-card--size-s .eui-card-container,.eui-card--size-m .eui-card-container,.eui-card--size-l .eui-card-container,.eui-card--size-xl .eui-card-container,.eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-card--size-xs .eui-card-container,.eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}}.eui-card--selected{border:transparent}.eui-card--selected .eui-card-header,.eui-card--selected .eui-card-header-body{background:var(--eui-base-color-primary-100);border-radius:var(--eui-base-border-radius) var(--eui-base-border-radius) 0 0;color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-card-header__title-container-title,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-title,.eui-card--selected .eui-card-header .eui-card-header__title-container-title .eui-label,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-title .eui-label{color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle,.eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle .eui-label,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle .eui-label{color:var(--eui-base-color-grey-10)}.eui-card--selected .eui-card-header .eui-card-header__urgent-indicator .eui-icon-svg>svg,.eui-card--selected .eui-card-header-body .eui-card-header__urgent-indicator .eui-icon-svg>svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-card--selected .eui-card-header .eui-card-header__expander.eui-card-header__expander--bottom .eui-icon-svg>svg,.eui-card--selected .eui-card-header-body .eui-card-header__expander.eui-card-header__expander--bottom .eui-icon-svg>svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-card--selected .eui-card-header .eui-button.eui-button--primary,.eui-card--selected .eui-card-header-body .eui-button.eui-button--primary{background:inherit;border-color:var(--eui-base-color-white);color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-button.eui-button--primary.eui-button__container>*,.eui-card--selected .eui-card-header-body .eui-button.eui-button--primary.eui-button__container>*{color:var(--eui-base-color-grey-100)!important}.eui-card--selected .eui-card-header .eui-button.eui-button--warning .eui-button--outline,.eui-card--selected .eui-card-header-body .eui-button.eui-button--warning .eui-button--outline,.eui-card--selected .eui-card-header .eui-button.eui-button--basic,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic{color:var(--eui-base-font-color)}.eui-card--selected .eui-card-header .eui-button.eui-button--basic:hover,.eui-card--selected .eui-card-header .eui-button.eui-button--basic:focus,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic:hover,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic:focus{background:#ffffff40}.eui-card--selected .eui-card-header .eui-icon-svg>svg,.eui-card--selected .eui-card-header .eui-icon:not(.eui-icon-toggle--checked),.eui-card--selected .eui-card-header-body .eui-icon-svg>svg,.eui-card--selected .eui-card-header-body .eui-icon:not(.eui-icon-toggle--checked){color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-label.eui-label--secondary,.eui-card--selected .eui-card-header-body .eui-label.eui-label--secondary{color:var(--eui-base-color-white)!important}.eui-card--selected .eui-card-header a,.eui-card--selected .eui-card-header a:not([href]):not([tabindex]),.eui-card--selected .eui-card-header-body a,.eui-card--selected .eui-card-header-body a:not([href]):not([tabindex]){color:var(--eui-base-color-white)!important}.eui-card--selected .eui-card-header .eui-label--secondary,.eui-card--selected .eui-card-header-body .eui-label--secondary{color:var(--eui-base-color-grey-15)}.eui-card--selected .eui-card-header .eui-input-checkbox,.eui-card--selected .eui-card-header-body .eui-input-checkbox{border:2px solid var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-chip--primary,.eui-card--selected .eui-card-header-body .eui-chip--primary{border:1px solid var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-chip--outline:not(.eui-chip--secondary),.eui-card--selected .eui-card-header-body .eui-chip--outline:not(.eui-chip--secondary){background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-chip--outline:not(.eui-chip--secondary) .eui-label,.eui-card--selected .eui-card-header-body .eui-chip--outline:not(.eui-chip--secondary) .eui-label{color:var(--eui-base-color-white)}.eui-card--selected .eui-card-content{background:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-base-color-text)}.eui-card--selected .eui-card-footer{background:var(--eui-base-color-white);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-base-color-text)}.eui-card--disabled,.eui-card--is-loading,.eui-card[disabled],.eui-card.disabled{opacity:.45;pointer-events:none}.eui-card--collapsible .eui-card-header__expander{align-items:center;display:inline-flex;margin-left:var(--eui-base-spacing-xs);margin-right:calc(-1 * var(--eui-base-spacing-xs))}.eui-card--collapsed .eui-card-media,.eui-card--collapsed .eui-card-content,.eui-card--collapsed .mat-card-image{height:0!important;padding:0 var(--eui-base-spacing-m)}.eui-card--collapsed .eui-card-header,.eui-card--collapsed .eui-card-header__container{border-bottom:1px solid transparent}.eui-card--collapsed .eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(180deg)!important}.eui-card--primary{border-left:6px solid var(--eui-base-color-primary-100)}.eui-card--secondary{border-left:6px solid var(--eui-base-color-grey-15)}.eui-card--info{border-left:6px solid var(--eui-base-color-info-100)}.eui-card--success{border-left:6px solid var(--eui-base-color-success-100)}.eui-card--warning{border-left:6px solid var(--eui-base-color-warning-100)}.eui-card--danger{border-left:6px solid var(--eui-base-color-danger-100)}.eui-card--accent{border-left:6px solid var(--eui-base-color-accent-100)}.eui-card--highlighted,.eui-card--highlighted .eui-card-container{z-index:var(--eui-base-z-index-highlighted)}.eui-card--no-border{border:none}.eui-card[euiresizable]{position:relative;min-width:var(--eui-card-resizable-min-width)}\n"] }]
         }], ctorParameters: () => [{ type: i1.UiStateService }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

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

@@ -63,11 +63,11 @@ export class EuiChipComponent extends BaseDirective {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiChipComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { ariaLabel: "ariaLabel", e2eAttr: "e2eAttr", euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: ["isChipRemovable", "isChipRemovable", booleanAttribute], isSquared: ["isSquared", "isSquared", booleanAttribute] }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(() => EuiIconSvgComponent) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"eui-chip-wrapper\">\n    <div class=\"eui-chip__content-container\" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-svg-button\n        *ngIf=\"isChipRemovable\"\n        class=\"eui-chip__icon\"\n        iconSvgName=\"eui-ecl-close\"\n        iconSvgSize=\"s\"\n        ariaLabel=\"Remove chip\"\n        hasNoPadding\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (click)=\"onRemove($event)\">\n    </eui-icon-svg-button>\n</div>\n", styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-avatar{transform:scale(.9);margin-left:-.75rem;margin-right:.5rem}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__icon{margin-left:var(--eui-base-spacing-xs)}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100);background-image:none;border:1px solid}.eui-chip--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-chip--outline.eui-chip--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .75rem/1rem var(--eui-base-font-family);padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["iconSvgName", "iconSvgFillColor", "iconSvgSize", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { ariaLabel: "ariaLabel", e2eAttr: "e2eAttr", euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: ["isChipRemovable", "isChipRemovable", booleanAttribute], isSquared: ["isSquared", "isSquared", booleanAttribute] }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(() => EuiIconSvgComponent) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"eui-chip-wrapper\">\n    <div class=\"eui-chip__content-container\" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-svg-button\n        *ngIf=\"isChipRemovable\"\n        class=\"eui-chip__icon\"\n        iconSvgName=\"eui-ecl-close\"\n        iconSvgSize=\"s\"\n        ariaLabel=\"Remove chip\"\n        hasNoPadding\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (click)=\"onRemove($event)\">\n    </eui-icon-svg-button>\n</div>\n", styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-avatar{transform:scale(.9);margin-left:-.75rem;margin-right:.5rem}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__icon{margin-left:var(--eui-base-spacing-xs)}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100);background-image:none;border:1px solid}.eui-chip--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-chip--outline.eui-chip--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family);padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["iconSvgName", "iconSvgFillColor", "iconSvgSize", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiChipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-chip, span[euiChip], li[euiChip]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-chip-wrapper\">\n    <div class=\"eui-chip__content-container\" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-svg-button\n        *ngIf=\"isChipRemovable\"\n        class=\"eui-chip__icon\"\n        iconSvgName=\"eui-ecl-close\"\n        iconSvgSize=\"s\"\n        ariaLabel=\"Remove chip\"\n        hasNoPadding\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (click)=\"onRemove($event)\">\n    </eui-icon-svg-button>\n</div>\n", styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-avatar{transform:scale(.9);margin-left:-.75rem;margin-right:.5rem}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__icon{margin-left:var(--eui-base-spacing-xs)}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100);background-image:none;border:1px solid}.eui-chip--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-chip--outline.eui-chip--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .75rem/1rem var(--eui-base-font-family);padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}\n"] }]
+            args: [{ selector: 'eui-chip, span[euiChip], li[euiChip]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-chip-wrapper\">\n    <div class=\"eui-chip__content-container\" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-svg-button\n        *ngIf=\"isChipRemovable\"\n        class=\"eui-chip__icon\"\n        iconSvgName=\"eui-ecl-close\"\n        iconSvgSize=\"s\"\n        ariaLabel=\"Remove chip\"\n        hasNoPadding\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (click)=\"onRemove($event)\">\n    </eui-icon-svg-button>\n</div>\n", styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-avatar{transform:scale(.9);margin-left:-.75rem;margin-right:.5rem}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__icon{margin-left:var(--eui-base-spacing-xs)}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100);background-image:none;border:1px solid}.eui-chip--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-chip--outline.eui-chip--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family);padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs CHANGED Viewed

@@ -49,7 +49,7 @@ export class EuiDashboardCardComponent {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiDashboardCardComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: EuiDashboardCardComponent, selector: "eui-dashboard-card", inputs: { e2eAttr: "e2eAttr", label: "label", subLabel: "subLabel", labelMaxLines: "labelMaxLines", subLabelMaxLines: "subLabelMaxLines", imageUrl: "imageUrl", iconSvgName: "iconSvgName", iconSvgSize: "iconSvgSize", iconLabel: "iconLabel", url: "url", urlExternal: "urlExternal", urlExternalTarget: "urlExternalTarget", isHorizontal: ["isHorizontal", "isHorizontal", booleanAttribute], isFlatAvatar: ["isFlatAvatar", "isFlatAvatar", booleanAttribute], hasNoBackgroundAvatar: ["hasNoBackgroundAvatar", "hasNoBackgroundAvatar", booleanAttribute] }, outputs: { cardClick: "cardClick" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "@if (url || urlExternal) {\n    @if (urlExternal) {\n        <a href=\"{{ urlExternal }}\" target=\"{{ urlExternalTarget }}\" class=\"eui-dashboard-card__anchor-wrapper\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </a>\n    } @else {\n       <a [routerLink]=\"[url]\" class=\"eui-dashboard-card__anchor-wrapper\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n       </a>\n    }\n} @else {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    @if (iconSvgName || imageUrl || iconLabel) {\n        <div class=\"eui-dashboard-card__avatar-wrapper\">\n            <eui-avatar\n                [euiVariant]=\"baseStatesDirective.euiVariant\"\n                [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\"\n                [isFlat]=\"isFlatAvatar\"\n                [hasNoBackground]=\"hasNoBackgroundAvatar\">\n                <eui-avatar-icon>\n                    <eui-icon-svg *ngIf=\"iconSvgName\" [icon]=\"iconSvgName\" [size]=\"iconSvgSize\"></eui-icon-svg>\n                </eui-avatar-icon>\n                <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{ imageUrl }}\"></eui-avatar-image>\n                <eui-avatar-text *ngIf=\"iconLabel\">{{iconLabel}}</eui-avatar-text>\n            </eui-avatar>\n        </div>\n    }\n    <div class=\"eui-dashboard-card__content-wrapper\">\n        @if (label) {\n            <div class=\"eui-dashboard-card__label-content\">\n                <eui-label>\n                    <eui-label class=\"eui-dashboard-card__label eui-dashboard-card__label--max-lines-{{labelMaxLines}}\" [ngClass]=\"subLabel ? 'eui-dashboard-card__label--with-sublabel' : ''\">\n                        {{ label }}\n                    </eui-label>\n                    @if (subLabel) {\n                        <eui-label euiSublabel class=\"eui-dashboard-card__sublabel eui-dashboard-card__sublabel--max-lines-{{subLabelMaxLines}}\">\n                            {{ subLabel }}\n                        </eui-label>\n                    }\n                </eui-label>\n            </div>\n        }\n        <div class=\"eui-dashboard-card__sub-content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</ng-template>\n", styles: [".eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);border:1px solid var(--eui-base-color-grey-10);box-shadow:var(--eui-base-shadow-1);padding:var(--eui-base-spacing-s);cursor:pointer}.eui-dashboard-card:active,.eui-dashboard-card:focus,.eui-dashboard-card:hover{outline:0;box-shadow:var(--eui-base-shadow-3)}.eui-dashboard-card:active:active:not([readonly]),.eui-dashboard-card:active:focus:not([readonly]),.eui-dashboard-card:focus:active:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:active:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-card:active [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-card:active [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-card:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-card:hover [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-base-spacing-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-75);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-base-spacing-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-base-color-grey-50);margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i4.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i4.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i4.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i5.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i6.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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: EuiDashboardCardComponent, selector: "eui-dashboard-card", inputs: { e2eAttr: "e2eAttr", label: "label", subLabel: "subLabel", labelMaxLines: "labelMaxLines", subLabelMaxLines: "subLabelMaxLines", imageUrl: "imageUrl", iconSvgName: "iconSvgName", iconSvgSize: "iconSvgSize", iconLabel: "iconLabel", url: "url", urlExternal: "urlExternal", urlExternalTarget: "urlExternalTarget", isHorizontal: ["isHorizontal", "isHorizontal", booleanAttribute], isFlatAvatar: ["isFlatAvatar", "isFlatAvatar", booleanAttribute], hasNoBackgroundAvatar: ["hasNoBackgroundAvatar", "hasNoBackgroundAvatar", booleanAttribute] }, outputs: { cardClick: "cardClick" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "@if (url || urlExternal) {\n    @if (urlExternal) {\n        <a href=\"{{ urlExternal }}\" target=\"{{ urlExternalTarget }}\" class=\"eui-dashboard-card__anchor-wrapper\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </a>\n    } @else {\n       <a [routerLink]=\"[url]\" class=\"eui-dashboard-card__anchor-wrapper\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n       </a>\n    }\n} @else {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    @if (iconSvgName || imageUrl || iconLabel) {\n        <div class=\"eui-dashboard-card__avatar-wrapper\">\n            <eui-avatar\n                [euiVariant]=\"baseStatesDirective.euiVariant\"\n                [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\"\n                [isFlat]=\"isFlatAvatar\"\n                [hasNoBackground]=\"hasNoBackgroundAvatar\">\n                <eui-avatar-icon>\n                    <eui-icon-svg *ngIf=\"iconSvgName\" [icon]=\"iconSvgName\" [size]=\"iconSvgSize\"></eui-icon-svg>\n                </eui-avatar-icon>\n                <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{ imageUrl }}\"></eui-avatar-image>\n                <eui-avatar-text *ngIf=\"iconLabel\">{{iconLabel}}</eui-avatar-text>\n            </eui-avatar>\n        </div>\n    }\n    <div class=\"eui-dashboard-card__content-wrapper\">\n        @if (label) {\n            <div class=\"eui-dashboard-card__label-content\">\n                <eui-label>\n                    <eui-label class=\"eui-dashboard-card__label eui-dashboard-card__label--max-lines-{{labelMaxLines}}\" [ngClass]=\"subLabel ? 'eui-dashboard-card__label--with-sublabel' : ''\">\n                        {{ label }}\n                    </eui-label>\n                    @if (subLabel) {\n                        <eui-label euiSublabel class=\"eui-dashboard-card__sublabel eui-dashboard-card__sublabel--max-lines-{{subLabelMaxLines}}\">\n                            {{ subLabel }}\n                        </eui-label>\n                    }\n                </eui-label>\n            </div>\n        }\n        <div class=\"eui-dashboard-card__sub-content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</ng-template>\n", styles: [".eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);border:1px solid var(--eui-base-color-grey-10);box-shadow:var(--eui-base-shadow-1);padding:var(--eui-base-spacing-s);cursor:pointer}.eui-dashboard-card:active,.eui-dashboard-card:focus,.eui-dashboard-card:hover{outline:0;box-shadow:var(--eui-base-shadow-3)}.eui-dashboard-card:active:active:not([readonly]),.eui-dashboard-card:active:focus:not([readonly]),.eui-dashboard-card:focus:active:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:active:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-card:active [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-card:active [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-card:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-card:hover [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-base-spacing-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-75);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-base-spacing-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-base-color-grey-50);margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i4.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i4.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i4.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i5.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i6.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.3", ngImport: i0, type: EuiDashboardCardComponent, decorators: [{
             type: Component,
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
                                 'euiDisabled',
                             ],
                         },
-                    ], template: "@if (url || urlExternal) {\n    @if (urlExternal) {\n        <a href=\"{{ urlExternal }}\" target=\"{{ urlExternalTarget }}\" class=\"eui-dashboard-card__anchor-wrapper\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </a>\n    } @else {\n       <a [routerLink]=\"[url]\" class=\"eui-dashboard-card__anchor-wrapper\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n       </a>\n    }\n} @else {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    @if (iconSvgName || imageUrl || iconLabel) {\n        <div class=\"eui-dashboard-card__avatar-wrapper\">\n            <eui-avatar\n                [euiVariant]=\"baseStatesDirective.euiVariant\"\n                [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\"\n                [isFlat]=\"isFlatAvatar\"\n                [hasNoBackground]=\"hasNoBackgroundAvatar\">\n                <eui-avatar-icon>\n                    <eui-icon-svg *ngIf=\"iconSvgName\" [icon]=\"iconSvgName\" [size]=\"iconSvgSize\"></eui-icon-svg>\n                </eui-avatar-icon>\n                <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{ imageUrl }}\"></eui-avatar-image>\n                <eui-avatar-text *ngIf=\"iconLabel\">{{iconLabel}}</eui-avatar-text>\n            </eui-avatar>\n        </div>\n    }\n    <div class=\"eui-dashboard-card__content-wrapper\">\n        @if (label) {\n            <div class=\"eui-dashboard-card__label-content\">\n                <eui-label>\n                    <eui-label class=\"eui-dashboard-card__label eui-dashboard-card__label--max-lines-{{labelMaxLines}}\" [ngClass]=\"subLabel ? 'eui-dashboard-card__label--with-sublabel' : ''\">\n                        {{ label }}\n                    </eui-label>\n                    @if (subLabel) {\n                        <eui-label euiSublabel class=\"eui-dashboard-card__sublabel eui-dashboard-card__sublabel--max-lines-{{subLabelMaxLines}}\">\n                            {{ subLabel }}\n                        </eui-label>\n                    }\n                </eui-label>\n            </div>\n        }\n        <div class=\"eui-dashboard-card__sub-content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</ng-template>\n", styles: [".eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);border:1px solid var(--eui-base-color-grey-10);box-shadow:var(--eui-base-shadow-1);padding:var(--eui-base-spacing-s);cursor:pointer}.eui-dashboard-card:active,.eui-dashboard-card:focus,.eui-dashboard-card:hover{outline:0;box-shadow:var(--eui-base-shadow-3)}.eui-dashboard-card:active:active:not([readonly]),.eui-dashboard-card:active:focus:not([readonly]),.eui-dashboard-card:focus:active:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:active:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-card:active [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-card:active [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-card:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-card:hover [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-base-spacing-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-75);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-base-spacing-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-base-color-grey-50);margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\n"] }]
+                    ], template: "@if (url || urlExternal) {\n    @if (urlExternal) {\n        <a href=\"{{ urlExternal }}\" target=\"{{ urlExternalTarget }}\" class=\"eui-dashboard-card__anchor-wrapper\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </a>\n    } @else {\n       <a [routerLink]=\"[url]\" class=\"eui-dashboard-card__anchor-wrapper\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n       </a>\n    }\n} @else {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    @if (iconSvgName || imageUrl || iconLabel) {\n        <div class=\"eui-dashboard-card__avatar-wrapper\">\n            <eui-avatar\n                [euiVariant]=\"baseStatesDirective.euiVariant\"\n                [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\"\n                [isFlat]=\"isFlatAvatar\"\n                [hasNoBackground]=\"hasNoBackgroundAvatar\">\n                <eui-avatar-icon>\n                    <eui-icon-svg *ngIf=\"iconSvgName\" [icon]=\"iconSvgName\" [size]=\"iconSvgSize\"></eui-icon-svg>\n                </eui-avatar-icon>\n                <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{ imageUrl }}\"></eui-avatar-image>\n                <eui-avatar-text *ngIf=\"iconLabel\">{{iconLabel}}</eui-avatar-text>\n            </eui-avatar>\n        </div>\n    }\n    <div class=\"eui-dashboard-card__content-wrapper\">\n        @if (label) {\n            <div class=\"eui-dashboard-card__label-content\">\n                <eui-label>\n                    <eui-label class=\"eui-dashboard-card__label eui-dashboard-card__label--max-lines-{{labelMaxLines}}\" [ngClass]=\"subLabel ? 'eui-dashboard-card__label--with-sublabel' : ''\">\n                        {{ label }}\n                    </eui-label>\n                    @if (subLabel) {\n                        <eui-label euiSublabel class=\"eui-dashboard-card__sublabel eui-dashboard-card__sublabel--max-lines-{{subLabelMaxLines}}\">\n                            {{ subLabel }}\n                        </eui-label>\n                    }\n                </eui-label>\n            </div>\n        }\n        <div class=\"eui-dashboard-card__sub-content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</ng-template>\n", styles: [".eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);border:1px solid var(--eui-base-color-grey-10);box-shadow:var(--eui-base-shadow-1);padding:var(--eui-base-spacing-s);cursor:pointer}.eui-dashboard-card:active,.eui-dashboard-card:focus,.eui-dashboard-card:hover{outline:0;box-shadow:var(--eui-base-shadow-3)}.eui-dashboard-card:active:active:not([readonly]),.eui-dashboard-card:active:focus:not([readonly]),.eui-dashboard-card:focus:active:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:active:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-card:active [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-card:active [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-card:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-card:hover [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-base-spacing-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-75);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-base-spacing-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-base-color-grey-50);margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']