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

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

@@ -76,11 +76,11 @@ export class EuiCardComponent extends BaseDirective {
         this.uiStateService.setState(nextState);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiCardComponent, deps: [{ token: i1.UiStateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", 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-info-130);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-ctx-c-da);fill:var(--eui-ctx-c-da)}.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-info-130);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-ctx-c-p)}.eui-card--secondary{border-left:6px solid var(--eui-base-color-grey-15)}.eui-card--info{border-left:6px solid var(--eui-ctx-c-in)}.eui-card--success{border-left:6px solid var(--eui-ctx-c-su)}.eui-card--warning{border-left:6px solid var(--eui-ctx-c-wa)}.eui-card--danger{border-left:6px solid var(--eui-ctx-c-da)}.eui-card--accent{border-left:6px solid var(--eui-ctx-c-ac)}.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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", 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-c-secondary-lightest);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-c-white);border-bottom:1px solid var(--eui-c-secondary-lightest);flex-direction:row;display:flex;flex-wrap:wrap;width:100%}.eui-card-header__container{align-items:center;border-bottom:1px solid var(--eui-c-secondary-lightest);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-c-secondary-lightest);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-c-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-c-primary-dark);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-c-primary-dark);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-c-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-c-secondary-lighter)}.eui-card-header-body{align-items:center;background:var(--eui-c-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-c-secondary-bg-light) 100%);bottom:0;color:var(--eui-c-white);left:0;min-height:3rem;padding:var(--eui-base-spacing-m);position:absolute;text-shadow:0 1px 0 var(--eui-c-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-c-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-c-secondary-bg-light)}.eui-card-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-card-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}.eui-card-content::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);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-c-white);border-top:1px solid var(--eui-c-secondary-lightest);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-c-primary);border-radius:var(--eui-base-border-radius) var(--eui-base-border-radius) 0 0;color:var(--eui-c-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-c-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-c-secondary-bg-light)}.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-c-danger);fill:var(--eui-c-danger)}.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-c-secondary-bg-light);fill:var(--eui-c-secondary-bg-light)}.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-c-white);color:var(--eui-c-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-c-secondary-bg-light)!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-c-white);fill:var(--eui-c-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-c-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-c-white)!important}.eui-card--selected .eui-card-header .eui-label--secondary,.eui-card--selected .eui-card-header-body .eui-label--secondary{color:var(--eui-c-secondary-lightest)}.eui-card--selected .eui-card-header .eui-input-checkbox,.eui-card--selected .eui-card-header-body .eui-input-checkbox{border:2px solid var(--eui-c-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-c-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-c-primary);border-color:var(--eui-c-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-c-white)}.eui-card--selected .eui-card-content{background:var(--eui-c-white);border:1px solid var(--eui-c-secondary-bg-light);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-c-text)}.eui-card--selected .eui-card-footer{background:var(--eui-c-white);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-c-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-c-primary)}.eui-card--secondary{border-left:6px solid var(--eui-c-secondary-lightest)}.eui-card--info{border-left:6px solid var(--eui-c-info)}.eui-card--success{border-left:6px solid var(--eui-c-success)}.eui-card--warning{border-left:6px solid var(--eui-c-warning)}.eui-card--danger{border-left:6px solid var(--eui-c-danger)}.eui-card--accent{border-left:6px solid var(--eui-c-accent)}.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.4", 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.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-info-130);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-ctx-c-da);fill:var(--eui-ctx-c-da)}.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-info-130);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-ctx-c-p)}.eui-card--secondary{border-left:6px solid var(--eui-base-color-grey-15)}.eui-card--info{border-left:6px solid var(--eui-ctx-c-in)}.eui-card--success{border-left:6px solid var(--eui-ctx-c-su)}.eui-card--warning{border-left:6px solid var(--eui-ctx-c-wa)}.eui-card--danger{border-left:6px solid var(--eui-ctx-c-da)}.eui-card--accent{border-left:6px solid var(--eui-ctx-c-ac)}.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-c-secondary-lightest);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-c-white);border-bottom:1px solid var(--eui-c-secondary-lightest);flex-direction:row;display:flex;flex-wrap:wrap;width:100%}.eui-card-header__container{align-items:center;border-bottom:1px solid var(--eui-c-secondary-lightest);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-c-secondary-lightest);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-c-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-c-primary-dark);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-c-primary-dark);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-c-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-c-secondary-lighter)}.eui-card-header-body{align-items:center;background:var(--eui-c-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-c-secondary-bg-light) 100%);bottom:0;color:var(--eui-c-white);left:0;min-height:3rem;padding:var(--eui-base-spacing-m);position:absolute;text-shadow:0 1px 0 var(--eui-c-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-c-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-c-secondary-bg-light)}.eui-card-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-card-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}.eui-card-content::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);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-c-white);border-top:1px solid var(--eui-c-secondary-lightest);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-c-primary);border-radius:var(--eui-base-border-radius) var(--eui-base-border-radius) 0 0;color:var(--eui-c-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-c-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-c-secondary-bg-light)}.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-c-danger);fill:var(--eui-c-danger)}.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-c-secondary-bg-light);fill:var(--eui-c-secondary-bg-light)}.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-c-white);color:var(--eui-c-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-c-secondary-bg-light)!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-c-white);fill:var(--eui-c-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-c-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-c-white)!important}.eui-card--selected .eui-card-header .eui-label--secondary,.eui-card--selected .eui-card-header-body .eui-label--secondary{color:var(--eui-c-secondary-lightest)}.eui-card--selected .eui-card-header .eui-input-checkbox,.eui-card--selected .eui-card-header-body .eui-input-checkbox{border:2px solid var(--eui-c-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-c-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-c-primary);border-color:var(--eui-c-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-c-white)}.eui-card--selected .eui-card-content{background:var(--eui-c-white);border:1px solid var(--eui-c-secondary-bg-light);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-c-text)}.eui-card--selected .eui-card-footer{background:var(--eui-c-white);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-c-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-c-primary)}.eui-card--secondary{border-left:6px solid var(--eui-c-secondary-lightest)}.eui-card--info{border-left:6px solid var(--eui-c-info)}.eui-card--success{border-left:6px solid var(--eui-c-success)}.eui-card--warning{border-left:6px solid var(--eui-c-warning)}.eui-card--danger{border-left:6px solid var(--eui-c-danger)}.eui-card--accent{border-left:6px solid var(--eui-c-accent)}.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

@@ -55,7 +55,7 @@ export class EuiChipComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiChipComponent, deps: [{ token: i0.ElementRef }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", 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 }], 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", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], 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{--_color: var(--eui-chip-color, var(--eui-ctx-c-s));--_color-on-bg: var(--eui-chip-color, var(--eui-ctx-c-s-on-bg));--_bg-color: var(--eui-chip-bg-color, var(--eui-ctx-c-s-bg));--_border-color: var(--eui-chip-border-color, var(--eui-ctx-c-s-border))}.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--primary{--_bg-color: var(--eui-ctx-c-p);--_color-on-bg: var(--eui-ctx-c-p-on-bg);--_color: var(--eui-ctx-c-p);--_border-color: var(--eui-ctx-c-p-border)}.eui-chip--secondary{--_bg-color: var(--eui-ctx-c-s-bg);--_color-on-bg: var(--eui-ctx-c-s-on-bg);--_color: var(--eui-ctx-c-s);--_border-color: var(--eui-ctx-c-s-border)}.eui-chip--info{--_bg-color: var(--eui-ctx-c-in);--_color-on-bg: var(--eui-ctx-c-in-on-bg);--_color: var(--eui-ctx-c-in);--_border-color: var(--eui-ctx-c-in-border)}.eui-chip--success{--_bg-color: var(--eui-ctx-c-su);--_color-on-bg: var(--eui-ctx-c-su-on-bg);--_color: var(--eui-ctx-c-su);--_border-color: var(--eui-ctx-c-su-border)}.eui-chip--warning{--_bg-color: var(--eui-ctx-c-wa);--_color-on-bg: var(--eui-ctx-c-p-wa-bg);--_color: var(--eui-ctx-c-wa);--_border-color: var(--eui-ctx-c-wa-border)}.eui-chip--danger{--_bg-color: var(--eui-ctx-c-da);--_color-on-bg: var(--eui-ctx-c-da-on-bg);--_color: var(--eui-ctx-c-da);--_border-color: var(--eui-ctx-c-da-border)}.eui-chip--accent{--_bg-color: var(--eui-ctx-c-ac);--_color-on-bg: var(--eui-ctx-c-p-ac-bg);--_color: var(--eui-ctx-c-ac);--_border-color: var(--eui-ctx-c-ac-border)}.eui-chip{background-color:var(--_bg-color);color:var(--_color-on-bg);border:1px solid var(--_border-color)}.eui-chip .eui-icon-svg svg{fill:var(--_color-on-bg);color:var(--_color-on-bg)}.eui-chip .eui-label{color:var(--_color-on-bg)}.eui-chip--outline{background-color:var(--eui-base-color-white);color:var(--_color);border:1px solid var(--_border-color)}.eui-chip--outline .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-chip--primary.eui-chip--outline .eui-label{color:var(--eui-ctx-c-p)}.eui-chip--info.eui-chip--outline .eui-label{color:var(--eui-ctx-c-in)}.eui-chip--success.eui-chip--outline .eui-label{color:var(--eui-ctx-c-su)}.eui-chip--warning.eui-chip--outline .eui-label{color:var(--eui-ctx-c-wa)}.eui-chip--danger.eui-chip--outline .eui-label{color:var(--eui-ctx-c-da)}.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)}.eui-chip--squared{border-radius:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", 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 }], 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", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], 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{--_color: var(--eui-chip-color, var(--eui-c-secondary));--_color-on-bg: var(--eui-chip-color, var(--eui-c-secondary-contrast));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-secondary-bg-light));--_border-color: var(--eui-chip-border-color, var(--eui-c-secondary-border))}.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--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: var(--eui-c-primary-border)}.eui-chip--secondary{--_bg-color: var(--eui-c-secondary-bg-light);--_color-on-bg: var(--eui-c-secondary-contrast);--_color: var(--eui-c-secondary);--_border-color: var(--eui-c-secondary-border)}.eui-chip--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: var(--eui-c-info-border)}.eui-chip--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border-color: var(--eui-c-success-border)}.eui-chip--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-primary-wa-bg);--_color: var(--eui-c-warning);--_border-color: var(--eui-c-warning-border)}.eui-chip--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border-color: var(--eui-c-danger-border)}.eui-chip--accent{--_bg-color: var(--eui-c-accent);--_color-on-bg: var(--eui-c-primary-ac-bg);--_color: var(--eui-c-accent);--_border-color: var(--eui-c-accent-border)}.eui-chip{background-color:var(--_bg-color);color:var(--_color-on-bg);border:1px solid var(--_border-color)}.eui-chip .eui-icon-svg svg{fill:var(--_color-on-bg);color:var(--_color-on-bg)}.eui-chip .eui-label{color:var(--_color-on-bg)}.eui-chip--outline{background-color:var(--eui-c-white);color:var(--_color);border:1px solid var(--_border-color)}.eui-chip--outline .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-chip--primary.eui-chip--outline .eui-label{color:var(--eui-c-primary)}.eui-chip--info.eui-chip--outline .eui-label{color:var(--eui-c-info)}.eui-chip--success.eui-chip--outline .eui-label{color:var(--eui-c-success)}.eui-chip--warning.eui-chip--outline .eui-label{color:var(--eui-c-warning)}.eui-chip--danger.eui-chip--outline .eui-label{color:var(--eui-c-danger)}.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)}.eui-chip--squared{border-radius:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiChipComponent, decorators: [{
             type: Component,
@@ -80,7 +80,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
                                 'euiDisabled',
                             ],
                         },
-                    ], 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{--_color: var(--eui-chip-color, var(--eui-ctx-c-s));--_color-on-bg: var(--eui-chip-color, var(--eui-ctx-c-s-on-bg));--_bg-color: var(--eui-chip-bg-color, var(--eui-ctx-c-s-bg));--_border-color: var(--eui-chip-border-color, var(--eui-ctx-c-s-border))}.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--primary{--_bg-color: var(--eui-ctx-c-p);--_color-on-bg: var(--eui-ctx-c-p-on-bg);--_color: var(--eui-ctx-c-p);--_border-color: var(--eui-ctx-c-p-border)}.eui-chip--secondary{--_bg-color: var(--eui-ctx-c-s-bg);--_color-on-bg: var(--eui-ctx-c-s-on-bg);--_color: var(--eui-ctx-c-s);--_border-color: var(--eui-ctx-c-s-border)}.eui-chip--info{--_bg-color: var(--eui-ctx-c-in);--_color-on-bg: var(--eui-ctx-c-in-on-bg);--_color: var(--eui-ctx-c-in);--_border-color: var(--eui-ctx-c-in-border)}.eui-chip--success{--_bg-color: var(--eui-ctx-c-su);--_color-on-bg: var(--eui-ctx-c-su-on-bg);--_color: var(--eui-ctx-c-su);--_border-color: var(--eui-ctx-c-su-border)}.eui-chip--warning{--_bg-color: var(--eui-ctx-c-wa);--_color-on-bg: var(--eui-ctx-c-p-wa-bg);--_color: var(--eui-ctx-c-wa);--_border-color: var(--eui-ctx-c-wa-border)}.eui-chip--danger{--_bg-color: var(--eui-ctx-c-da);--_color-on-bg: var(--eui-ctx-c-da-on-bg);--_color: var(--eui-ctx-c-da);--_border-color: var(--eui-ctx-c-da-border)}.eui-chip--accent{--_bg-color: var(--eui-ctx-c-ac);--_color-on-bg: var(--eui-ctx-c-p-ac-bg);--_color: var(--eui-ctx-c-ac);--_border-color: var(--eui-ctx-c-ac-border)}.eui-chip{background-color:var(--_bg-color);color:var(--_color-on-bg);border:1px solid var(--_border-color)}.eui-chip .eui-icon-svg svg{fill:var(--_color-on-bg);color:var(--_color-on-bg)}.eui-chip .eui-label{color:var(--_color-on-bg)}.eui-chip--outline{background-color:var(--eui-base-color-white);color:var(--_color);border:1px solid var(--_border-color)}.eui-chip--outline .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-chip--primary.eui-chip--outline .eui-label{color:var(--eui-ctx-c-p)}.eui-chip--info.eui-chip--outline .eui-label{color:var(--eui-ctx-c-in)}.eui-chip--success.eui-chip--outline .eui-label{color:var(--eui-ctx-c-su)}.eui-chip--warning.eui-chip--outline .eui-label{color:var(--eui-ctx-c-wa)}.eui-chip--danger.eui-chip--outline .eui-label{color:var(--eui-ctx-c-da)}.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)}.eui-chip--squared{border-radius:0}\n"] }]
+                    ], 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{--_color: var(--eui-chip-color, var(--eui-c-secondary));--_color-on-bg: var(--eui-chip-color, var(--eui-c-secondary-contrast));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-secondary-bg-light));--_border-color: var(--eui-chip-border-color, var(--eui-c-secondary-border))}.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--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: var(--eui-c-primary-border)}.eui-chip--secondary{--_bg-color: var(--eui-c-secondary-bg-light);--_color-on-bg: var(--eui-c-secondary-contrast);--_color: var(--eui-c-secondary);--_border-color: var(--eui-c-secondary-border)}.eui-chip--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: var(--eui-c-info-border)}.eui-chip--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border-color: var(--eui-c-success-border)}.eui-chip--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-primary-wa-bg);--_color: var(--eui-c-warning);--_border-color: var(--eui-c-warning-border)}.eui-chip--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border-color: var(--eui-c-danger-border)}.eui-chip--accent{--_bg-color: var(--eui-c-accent);--_color-on-bg: var(--eui-c-primary-ac-bg);--_color: var(--eui-c-accent);--_border-color: var(--eui-c-accent-border)}.eui-chip{background-color:var(--_bg-color);color:var(--_color-on-bg);border:1px solid var(--_border-color)}.eui-chip .eui-icon-svg svg{fill:var(--_color-on-bg);color:var(--_color-on-bg)}.eui-chip .eui-label{color:var(--_color-on-bg)}.eui-chip--outline{background-color:var(--eui-c-white);color:var(--_color);border:1px solid var(--_border-color)}.eui-chip--outline .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-chip--primary.eui-chip--outline .eui-label{color:var(--eui-c-primary)}.eui-chip--info.eui-chip--outline .eui-label{color:var(--eui-c-info)}.eui-chip--success.eui-chip--outline .eui-label{color:var(--eui-c-success)}.eui-chip--warning.eui-chip--outline .eui-label{color:var(--eui-c-warning)}.eui-chip--danger.eui-chip--outline .eui-label{color:var(--eui-c-danger)}.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)}.eui-chip--squared{border-radius:0}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs

@@ -41,7 +41,7 @@ export class EuiDashboardButtonComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiDashboardButtonComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EuiDashboardButtonComponent, selector: "eui-dashboard-button", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiDashboardButtonIcon", first: true, predicate: EuiDashboardButtonIconDirective, descendants: true }, { propertyName: "euiDashboardButtonLabel", first: true, predicate: EuiDashboardButtonLabelDirective, descendants: true }, { propertyName: "euiLabelContent", first: true, predicate: EuiLabelComponent, descendants: true }], 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"] }], ngImport: i0, template: "<button class=\"eui-dashboard-button-content\">\n    <eui-avatar [euiVariant]=\"baseStatesDirective.euiVariant\" [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\">\n        <eui-avatar-icon>\n            <ng-content select=\"eui-dashboard-button-icon\"></ng-content>\n        </eui-avatar-icon>\n        <eui-avatar-text>\n            <ng-content select=\"eui-dashboard-button-label\"></ng-content>\n        </eui-avatar-text>\n        <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{imageUrl}}\"></eui-avatar-image>\n    </eui-avatar>\n    <ng-container *ngIf=\"euiLabelContent\">\n        <div class=\"eui-dashboard-button-content__title\">\n            <ng-content select=\"eui-label\"></ng-content>\n            <ng-content select=\"[euiLabel]\"></ng-content>\n        </div>\n        <div class=\"eui-dashboard-button-content__sub-title\">\n            <ng-content select=\"eui-sublabel\"></ng-content>\n            <ng-content select=\"[euiSublabel]\"></ng-content>\n        </div>\n    </ng-container>\n</button>\n", styles: [".eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;background:none;padding:var(--eui-base-spacing-m);border:1px solid var(--eui-base-color-grey-10);box-shadow:var(--eui-base-shadow-1);border-radius:var(--eui-base-border-radius);background-color:var(--eui-base-color-white)}.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-button-content:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-button-content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-button-content__title{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-button-content:active,.eui-dashboard-button-content:hover{background-color:var(--eui-base-color-grey-5);cursor:pointer;box-shadow:var(--eui-base-shadow-4)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i3.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i3.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i3.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EuiDashboardButtonComponent, selector: "eui-dashboard-button", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiDashboardButtonIcon", first: true, predicate: EuiDashboardButtonIconDirective, descendants: true }, { propertyName: "euiDashboardButtonLabel", first: true, predicate: EuiDashboardButtonLabelDirective, descendants: true }, { propertyName: "euiLabelContent", first: true, predicate: EuiLabelComponent, descendants: true }], 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"] }], ngImport: i0, template: "<button class=\"eui-dashboard-button-content\">\n    <eui-avatar [euiVariant]=\"baseStatesDirective.euiVariant\" [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\">\n        <eui-avatar-icon>\n            <ng-content select=\"eui-dashboard-button-icon\"></ng-content>\n        </eui-avatar-icon>\n        <eui-avatar-text>\n            <ng-content select=\"eui-dashboard-button-label\"></ng-content>\n        </eui-avatar-text>\n        <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{imageUrl}}\"></eui-avatar-image>\n    </eui-avatar>\n    <ng-container *ngIf=\"euiLabelContent\">\n        <div class=\"eui-dashboard-button-content__title\">\n            <ng-content select=\"eui-label\"></ng-content>\n            <ng-content select=\"[euiLabel]\"></ng-content>\n        </div>\n        <div class=\"eui-dashboard-button-content__sub-title\">\n            <ng-content select=\"eui-sublabel\"></ng-content>\n            <ng-content select=\"[euiSublabel]\"></ng-content>\n        </div>\n    </ng-container>\n</button>\n", styles: [".eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;background:none;padding:var(--eui-base-spacing-m);border:1px solid var(--eui-c-secondary-bg-light);box-shadow:var(--eui-base-shadow-1);border-radius:var(--eui-base-border-radius);background-color:var(--eui-c-white)}.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-button-content:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-button-content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-button-content__title{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-button-content:active,.eui-dashboard-button-content:hover{background-color:var(--eui-c-secondary-bg-light);cursor:pointer;box-shadow:var(--eui-base-shadow-4)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i3.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i3.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i3.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiDashboardButtonComponent, decorators: [{
             type: Component,
@@ -66,7 +66,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
                                 'euiSizeVariant',
                             ],
                         },
-                    ], template: "<button class=\"eui-dashboard-button-content\">\n    <eui-avatar [euiVariant]=\"baseStatesDirective.euiVariant\" [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\">\n        <eui-avatar-icon>\n            <ng-content select=\"eui-dashboard-button-icon\"></ng-content>\n        </eui-avatar-icon>\n        <eui-avatar-text>\n            <ng-content select=\"eui-dashboard-button-label\"></ng-content>\n        </eui-avatar-text>\n        <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{imageUrl}}\"></eui-avatar-image>\n    </eui-avatar>\n    <ng-container *ngIf=\"euiLabelContent\">\n        <div class=\"eui-dashboard-button-content__title\">\n            <ng-content select=\"eui-label\"></ng-content>\n            <ng-content select=\"[euiLabel]\"></ng-content>\n        </div>\n        <div class=\"eui-dashboard-button-content__sub-title\">\n            <ng-content select=\"eui-sublabel\"></ng-content>\n            <ng-content select=\"[euiSublabel]\"></ng-content>\n        </div>\n    </ng-container>\n</button>\n", styles: [".eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;background:none;padding:var(--eui-base-spacing-m);border:1px solid var(--eui-base-color-grey-10);box-shadow:var(--eui-base-shadow-1);border-radius:var(--eui-base-border-radius);background-color:var(--eui-base-color-white)}.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-button-content:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-button-content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-button-content__title{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-button-content:active,.eui-dashboard-button-content:hover{background-color:var(--eui-base-color-grey-5);cursor:pointer;box-shadow:var(--eui-base-shadow-4)}\n"] }]
+                    ], template: "<button class=\"eui-dashboard-button-content\">\n    <eui-avatar [euiVariant]=\"baseStatesDirective.euiVariant\" [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\">\n        <eui-avatar-icon>\n            <ng-content select=\"eui-dashboard-button-icon\"></ng-content>\n        </eui-avatar-icon>\n        <eui-avatar-text>\n            <ng-content select=\"eui-dashboard-button-label\"></ng-content>\n        </eui-avatar-text>\n        <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{imageUrl}}\"></eui-avatar-image>\n    </eui-avatar>\n    <ng-container *ngIf=\"euiLabelContent\">\n        <div class=\"eui-dashboard-button-content__title\">\n            <ng-content select=\"eui-label\"></ng-content>\n            <ng-content select=\"[euiLabel]\"></ng-content>\n        </div>\n        <div class=\"eui-dashboard-button-content__sub-title\">\n            <ng-content select=\"eui-sublabel\"></ng-content>\n            <ng-content select=\"[euiSublabel]\"></ng-content>\n        </div>\n    </ng-container>\n</button>\n", styles: [".eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;background:none;padding:var(--eui-base-spacing-m);border:1px solid var(--eui-c-secondary-bg-light);box-shadow:var(--eui-base-shadow-1);border-radius:var(--eui-base-border-radius);background-color:var(--eui-c-white)}.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-button-content:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-button-content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-button-content__title{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-button-content:active,.eui-dashboard-button-content:hover{background-color:var(--eui-c-secondary-bg-light);cursor:pointer;box-shadow:var(--eui-base-shadow-4)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

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

@@ -49,7 +49,7 @@ export class EuiDashboardCardComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiDashboardCardComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", 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:focus:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card:active:focus-visible:not([readonly]),.eui-dashboard-card:focus:focus-visible:not([readonly]),.eui-dashboard-card:hover:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card:active [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.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", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", 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-c-white);border-radius:var(--eui-base-border-radius);border:1px solid var(--eui-c-secondary-bg-light);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:focus:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card:active:focus-visible:not([readonly]),.eui-dashboard-card:focus:focus-visible:not([readonly]),.eui-dashboard-card:hover:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card:active [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.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-c-secondary-light);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-c-secondary-lighter);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", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiDashboardCardComponent, decorators: [{
             type: Component,
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
                                 '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:focus:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card:active:focus-visible:not([readonly]),.eui-dashboard-card:focus:focus-visible:not([readonly]),.eui-dashboard-card:hover:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card:active [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.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"] }]
+                    ], 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-c-white);border-radius:var(--eui-base-border-radius);border:1px solid var(--eui-c-secondary-bg-light);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:focus:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card:active:focus-visible:not([readonly]),.eui-dashboard-card:focus:focus-visible:not([readonly]),.eui-dashboard-card:hover:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card:active [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.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-c-secondary-light);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-c-secondary-lighter);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']