npm - @eui/components - Versions diffs - 19.0.2-snapshot-1734778610938 → 19.0.2-snapshot-1735581456359 - Mend

@eui/components 19.0.2-snapshot-1734778610938 → 19.0.2-snapshot-1735581456359

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

Files changed (77) hide show

package/fesm2022/eui-components-eui-dashboard-card.mjs CHANGED Viewed

@@ -100,7 +100,7 @@ class EuiDashboardCardComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiDashboardCardComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: EuiDashboardCardComponent, isStandalone: false, 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], isClickeable: ["isClickeable", "isClickeable", booleanAttribute], isFlat: ["isFlat", "isFlat", booleanAttribute] }, outputs: { cardClick: "cardClick" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.tabindex": "this.tabindex" } }, queries: [{ propertyName: "customContent", first: true, predicate: i0.forwardRef(() => EuiDashboardCardContentComponent), 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", "euiDisabled", "euiDisabled", "euiOutline", "euiOutline"] }], 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    @if (customContent) {\n        <ng-content select=\"eui-dashboard-card-content\"/>\n    } @else {\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    }\n}\n\n<div class=\"eui-dashboard-card__status\">\n    <ng-content select=\"eui-dashboard-card-status-content\"/>\n</div>\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-19 :host.eui-dashboard-card{display:flex;flex-direction:column;width:100%;background-color:var(--eui-c-white);border-radius:var(--eui-br-m);border:var(--eui-bw-xs) solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-sh-1);padding:var(--eui-s-s);cursor:default;position:relative}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__avatar-wrapper{padding:0 var(--eui-s-4xl)}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__avatar-wrapper,.eui-19 :host.eui-dashboard-card .eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-s-s);width:100%}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content{text-align:center}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label{font:var(--eui-f-l);color:var(--eui-c-neutral-light);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:var(--eui-f-m);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__sub-content{display:block;text-align:center}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-s-m))}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__status{position:absolute;top:-.75rem;right:var(--eui-s-m)}.eui-19 :host.eui-dashboard-card ::ng-deep .eui-dashboard-card-content{display:block}.eui-19 :host.eui-dashboard-card--link:not(.eui-dashboard-card--disabled){cursor:pointer}.eui-19 :host.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):active,.eui-19 :host.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):hover{box-shadow:var(--eui-sh-3)}.eui-19 :host.eui-dashboard-card--horizontal,.eui-19 :host.eui-dashboard-card--horizontal .eui-dasbhard-card__anchor-wrapper{flex-direction:row}.eui-19 :host.eui-dashboard-card--horizontal .eui-dasbhard-card__avatar-wrapper,.eui-19 :host.eui-dashboard-card--horizontal .eui-dasbhard-card__content-wrapper{width:50%}.eui-19 :host.eui-dashboard-card--horizontal .eui-dasbhard-card__avatar-wrapper{border-right:1px solid var(--eui-c-neutral-lighter);margin-right:var(--eui-s-m);padding:var(--eui-s-s) 0}.eui-19 :host.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}.eui-19 :host.eui-dashboard-card--flat{box-shadow:none;border-color:var(--eui-c-neutral-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):active,.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):hover{box-shadow:none;border-color:var(--eui-c-neutral-lightest)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline{background-color:var(--eui-c-white)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--primary{border-color:var(--eui-c-primary-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--info{border-color:var(--eui-c-primary-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--success{border-color:var(--eui-c-success-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--warning{border-color:var(--eui-c-warning-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--danger{border-color:var(--eui-c-danger-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--accent{border-color:var(--eui-c-accent-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--primary:not(.eui-dashboard-card--outline){background-color:var(--eui-c-primary-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--success:not(.eui-dashboard-card--outline){background-color:var(--eui-c-success-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--warning:not(.eui-dashboard-card--outline){background-color:var(--eui-c-warning-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--danger:not(.eui-dashboard-card--outline){background-color:var(--eui-c-danger-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--accent:not(.eui-dashboard-card--outline){background-color:var(--eui-c-accent-bg)}\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", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: EuiDashboardCardComponent, isStandalone: false, 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], isClickeable: ["isClickeable", "isClickeable", booleanAttribute], isFlat: ["isFlat", "isFlat", booleanAttribute] }, outputs: { cardClick: "cardClick" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.tabindex": "this.tabindex" } }, queries: [{ propertyName: "customContent", first: true, predicate: i0.forwardRef(() => EuiDashboardCardContentComponent), 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", "euiDisabled", "euiDisabled", "euiOutline", "euiOutline"] }], 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    @if (customContent) {\n        <ng-content select=\"eui-dashboard-card-content\"/>\n    } @else {\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    }\n}\n\n<div class=\"eui-dashboard-card__status\">\n    <ng-content select=\"eui-dashboard-card-status-content\"/>\n</div>\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-19 :host.eui-dashboard-card{display:flex;flex-direction:column;width:100%;background-color:var(--eui-c-white);border-radius:var(--eui-br-m);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);box-shadow:var(--eui-sh-card);padding:var(--eui-s-s);cursor:default;position:relative}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__avatar-wrapper{padding:0 var(--eui-s-4xl)}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__avatar-wrapper,.eui-19 :host.eui-dashboard-card .eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-s-s);width:100%}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content{text-align:center}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label{font:var(--eui-f-l);color:var(--eui-c-neutral-light);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:var(--eui-f-m);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__sub-content{display:block;text-align:center}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-s-m))}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__status{position:absolute;top:-.75rem;right:var(--eui-s-m)}.eui-19 :host.eui-dashboard-card ::ng-deep .eui-dashboard-card-content{display:block}.eui-19 :host.eui-dashboard-card--link:not(.eui-dashboard-card--disabled){cursor:pointer}.eui-19 :host.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):active,.eui-19 :host.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):hover{box-shadow:var(--eui-sh-3)}.eui-19 :host.eui-dashboard-card--horizontal,.eui-19 :host.eui-dashboard-card--horizontal .eui-dasbhard-card__anchor-wrapper{flex-direction:row}.eui-19 :host.eui-dashboard-card--horizontal .eui-dasbhard-card__avatar-wrapper,.eui-19 :host.eui-dashboard-card--horizontal .eui-dasbhard-card__content-wrapper{width:50%}.eui-19 :host.eui-dashboard-card--horizontal .eui-dasbhard-card__avatar-wrapper{border-right:1px solid var(--eui-c-neutral-lighter);margin-right:var(--eui-s-m);padding:var(--eui-s-s) 0}.eui-19 :host.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}.eui-19 :host.eui-dashboard-card--flat{box-shadow:none;border-color:var(--eui-c-neutral-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):active,.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):hover{box-shadow:none;border-color:var(--eui-c-neutral-lightest)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline{background-color:var(--eui-c-white)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--primary{border-color:var(--eui-c-primary-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--info{border-color:var(--eui-c-primary-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--success{border-color:var(--eui-c-success-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--warning{border-color:var(--eui-c-warning-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--danger{border-color:var(--eui-c-danger-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--accent{border-color:var(--eui-c-accent-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--primary:not(.eui-dashboard-card--outline){background-color:var(--eui-c-primary-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--success:not(.eui-dashboard-card--outline){background-color:var(--eui-c-success-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--warning:not(.eui-dashboard-card--outline){background-color:var(--eui-c-warning-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--danger:not(.eui-dashboard-card--outline){background-color:var(--eui-c-danger-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--accent:not(.eui-dashboard-card--outline){background-color:var(--eui-c-accent-bg)}\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", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiDashboardCardComponent, decorators: [{
             type: Component,
@@ -127,7 +127,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                                 'euiOutline',
                             ],
                         },
-                    ], 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    @if (customContent) {\n        <ng-content select=\"eui-dashboard-card-content\"/>\n    } @else {\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    }\n}\n\n<div class=\"eui-dashboard-card__status\">\n    <ng-content select=\"eui-dashboard-card-status-content\"/>\n</div>\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-19 :host.eui-dashboard-card{display:flex;flex-direction:column;width:100%;background-color:var(--eui-c-white);border-radius:var(--eui-br-m);border:var(--eui-bw-xs) solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-sh-1);padding:var(--eui-s-s);cursor:default;position:relative}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__avatar-wrapper{padding:0 var(--eui-s-4xl)}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__avatar-wrapper,.eui-19 :host.eui-dashboard-card .eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-s-s);width:100%}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content{text-align:center}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label{font:var(--eui-f-l);color:var(--eui-c-neutral-light);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:var(--eui-f-m);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__sub-content{display:block;text-align:center}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-s-m))}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__status{position:absolute;top:-.75rem;right:var(--eui-s-m)}.eui-19 :host.eui-dashboard-card ::ng-deep .eui-dashboard-card-content{display:block}.eui-19 :host.eui-dashboard-card--link:not(.eui-dashboard-card--disabled){cursor:pointer}.eui-19 :host.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):active,.eui-19 :host.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):hover{box-shadow:var(--eui-sh-3)}.eui-19 :host.eui-dashboard-card--horizontal,.eui-19 :host.eui-dashboard-card--horizontal .eui-dasbhard-card__anchor-wrapper{flex-direction:row}.eui-19 :host.eui-dashboard-card--horizontal .eui-dasbhard-card__avatar-wrapper,.eui-19 :host.eui-dashboard-card--horizontal .eui-dasbhard-card__content-wrapper{width:50%}.eui-19 :host.eui-dashboard-card--horizontal .eui-dasbhard-card__avatar-wrapper{border-right:1px solid var(--eui-c-neutral-lighter);margin-right:var(--eui-s-m);padding:var(--eui-s-s) 0}.eui-19 :host.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}.eui-19 :host.eui-dashboard-card--flat{box-shadow:none;border-color:var(--eui-c-neutral-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):active,.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):hover{box-shadow:none;border-color:var(--eui-c-neutral-lightest)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline{background-color:var(--eui-c-white)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--primary{border-color:var(--eui-c-primary-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--info{border-color:var(--eui-c-primary-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--success{border-color:var(--eui-c-success-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--warning{border-color:var(--eui-c-warning-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--danger{border-color:var(--eui-c-danger-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--accent{border-color:var(--eui-c-accent-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--primary:not(.eui-dashboard-card--outline){background-color:var(--eui-c-primary-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--success:not(.eui-dashboard-card--outline){background-color:var(--eui-c-success-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--warning:not(.eui-dashboard-card--outline){background-color:var(--eui-c-warning-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--danger:not(.eui-dashboard-card--outline){background-color:var(--eui-c-danger-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--accent:not(.eui-dashboard-card--outline){background-color:var(--eui-c-accent-bg)}\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    @if (customContent) {\n        <ng-content select=\"eui-dashboard-card-content\"/>\n    } @else {\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    }\n}\n\n<div class=\"eui-dashboard-card__status\">\n    <ng-content select=\"eui-dashboard-card-status-content\"/>\n</div>\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-19 :host.eui-dashboard-card{display:flex;flex-direction:column;width:100%;background-color:var(--eui-c-white);border-radius:var(--eui-br-m);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);box-shadow:var(--eui-sh-card);padding:var(--eui-s-s);cursor:default;position:relative}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__avatar-wrapper{padding:0 var(--eui-s-4xl)}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__avatar-wrapper,.eui-19 :host.eui-dashboard-card .eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-s-s);width:100%}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content{text-align:center}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label{font:var(--eui-f-l);color:var(--eui-c-neutral-light);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:var(--eui-f-m);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__sub-content{display:block;text-align:center}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-s-m))}.eui-19 :host.eui-dashboard-card .eui-dashboard-card__status{position:absolute;top:-.75rem;right:var(--eui-s-m)}.eui-19 :host.eui-dashboard-card ::ng-deep .eui-dashboard-card-content{display:block}.eui-19 :host.eui-dashboard-card--link:not(.eui-dashboard-card--disabled){cursor:pointer}.eui-19 :host.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):active,.eui-19 :host.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):hover{box-shadow:var(--eui-sh-3)}.eui-19 :host.eui-dashboard-card--horizontal,.eui-19 :host.eui-dashboard-card--horizontal .eui-dasbhard-card__anchor-wrapper{flex-direction:row}.eui-19 :host.eui-dashboard-card--horizontal .eui-dasbhard-card__avatar-wrapper,.eui-19 :host.eui-dashboard-card--horizontal .eui-dasbhard-card__content-wrapper{width:50%}.eui-19 :host.eui-dashboard-card--horizontal .eui-dasbhard-card__avatar-wrapper{border-right:1px solid var(--eui-c-neutral-lighter);margin-right:var(--eui-s-m);padding:var(--eui-s-s) 0}.eui-19 :host.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}.eui-19 :host.eui-dashboard-card--flat{box-shadow:none;border-color:var(--eui-c-neutral-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):active,.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--link:not(.eui-dashboard-card--disabled):hover{box-shadow:none;border-color:var(--eui-c-neutral-lightest)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline{background-color:var(--eui-c-white)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--primary{border-color:var(--eui-c-primary-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--info{border-color:var(--eui-c-primary-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--success{border-color:var(--eui-c-success-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--warning{border-color:var(--eui-c-warning-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--danger{border-color:var(--eui-c-danger-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--outline.eui-dashboard-card--accent{border-color:var(--eui-c-accent-lighter)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--primary:not(.eui-dashboard-card--outline){background-color:var(--eui-c-primary-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--success:not(.eui-dashboard-card--outline){background-color:var(--eui-c-success-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--warning:not(.eui-dashboard-card--outline){background-color:var(--eui-c-warning-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--danger:not(.eui-dashboard-card--outline){background-color:var(--eui-c-danger-bg)}.eui-19 :host.eui-dashboard-card--flat.eui-dashboard-card--accent:not(.eui-dashboard-card--outline){background-color:var(--eui-c-accent-bg)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/fesm2022/eui-components-eui-dashboard-card.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-eui-dashboard-card.mjs","sources":["../../eui-dashboard-card/eui-dashboard-card-content/dashboard-card-content.component.ts","../../eui-dashboard-card/eui-dashboard-card-status-content/dashboard-card-status-content.component.ts","../../eui-dashboard-card/eui-dashboard-card.component.ts","../../eui-dashboard-card/eui-dashboard-card.component.html","../../eui-dashboard-card/eui-components-eui-dashboard-card.ts"],"sourcesContent":["import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'eui-dashboard-card-content',\n standalone: false,\n template: '<ng-content/>',\n})\nexport class EuiDashboardCardContentComponent {\n @HostBinding('class') string = 'eui-dashboard-card-content';\n}\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'eui-dashboard-card-status-content',\n template: '<ng-content/>',\n standalone: false,\n})\nexport class EuiDashboardCardStatusContentComponent {\n @HostBinding('class') string = 'eui-dashboard-card-status-content';\n}\n","import {\n Component,\n NgModule,\n HostBinding,\n ChangeDetectionStrategy,\n OnInit,\n Input,\n HostListener,\n Output,\n EventEmitter,\n booleanAttribute,\n ContentChild,\n forwardRef,\n QueryList,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAvatarModule } from '@eui/components/eui-avatar';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiDashboardCardContentComponent } from './eui-dashboard-card-content/dashboard-card-content.component';\nimport { EuiDashboardCardStatusContentComponent } from './eui-dashboard-card-status-content/dashboard-card-status-content.component';\n\n@Component({\n templateUrl: './eui-dashboard-card.component.html',\n selector: 'eui-dashboard-card',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n\n 'euiSizeXS',\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeL',\n 'euiSizeXL',\n 'euiSize2XL',\n 'euiSizeVariant',\n 'euiDisabled',\n\n 'euiOutline',\n ],\n },\n ],\n})\nexport class EuiDashboardCardComponent implements OnInit {\n // class binding\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-dashboard-card'),\n this.isHorizontal ? 'eui-dashboard-card--horizontal' : '',\n this.url \|\| this.urlExternal \|\| this.isClickeable ? 'eui-dashboard-card--link': '',\n this.isFlat ? 'eui-dashboard-card--flat': '',\n ]\n .join(' ')\n .trim();\n }\n\n // e2e\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-dashboard-card';\n\n // aria ok - Cfr. euiDisabled\n\n // cmp input\n @Input() label: string;\n @Input() subLabel: string;\n @Input() labelMaxLines: 1 \| 2 \| 3 \| 4 \| 5 = 2;\n @Input() subLabelMaxLines: 1 \| 2 \| 3 \| 4 \| 5 = 2;\n @Input() imageUrl: string;\n @Input() iconSvgName: string;\n @Input() iconSvgSize: '2xs' \| 'xs' \| 's' \| 'm' \| 'l' \| 'xl' \| '2xl' \| '3xl' \| '4xl' = 'm';\n @Input() iconLabel: string;\n @Input() url: string;\n @Input() urlExternal: string;\n @Input() urlExternalTarget = '_blank';\n\n @HostBinding('attr.tabindex')\n get tabindex(): string {\n if (!this.baseStatesDirective.euiDisabled) {\n if (this.url \|\| this.urlExternal \|\| this.isClickeable) {\n return '0';\n }\n }\n return '-1';\n }\n\n // coerce / transforms / state booleans\n @Input({ transform: booleanAttribute }) isHorizontal = false;\n @Input({ transform: booleanAttribute }) isFlatAvatar = false;\n @Input({ transform: booleanAttribute }) hasNoBackgroundAvatar = false;\n @Input({ transform: booleanAttribute }) isClickeable = false;\n @Input({ transform: booleanAttribute }) isFlat = false;\n\n // outputs\n @Output() cardClick = new EventEmitter<MouseEvent>();\n\n @ContentChild(forwardRef(() => EuiDashboardCardContentComponent)) customContent: QueryList<EuiDashboardCardContentComponent>;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n @HostListener('click', ['$event'])\n onClick(event: MouseEvent): void {\n this.cardClick.emit(event);\n }\n\n ngOnInit(): void {\n if (!this.baseStatesDirective.euiSizeVariant) {\n this.baseStatesDirective.euiSizeL = true;\n }\n if (!this.baseStatesDirective.euiVariant) {\n this.baseStatesDirective.euiSecondary = true;\n }\n }\n}\n\n@NgModule({\n imports: [CommonModule, RouterModule, EuiAvatarModule, EuiLabelModule, EuiIconModule],\n declarations: [\n EuiDashboardCardComponent, EuiDashboardCardContentComponent, EuiDashboardCardStatusContentComponent,\n ],\n exports: [EuiDashboardCardComponent, EuiDashboardCardContentComponent, EuiDashboardCardStatusContentComponent],\n})\nexport class EuiDashboardCardModule {}\n","@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 @if (customContent) {\n <ng-content select=\"eui-dashboard-card-content\"/>\n } @else {\n <ng-container ngTemplateOutlet=\"content\"></ng-container>\n }\n}\n\n<div class=\"eui-dashboard-card__status\">\n <ng-content select=\"eui-dashboard-card-status-content\"/>\n</div>\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","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"eui-components-eui-dashboard-card.mjs","sources":["../../eui-dashboard-card/eui-dashboard-card-content/dashboard-card-content.component.ts","../../eui-dashboard-card/eui-dashboard-card-status-content/dashboard-card-status-content.component.ts","../../eui-dashboard-card/eui-dashboard-card.component.ts","../../eui-dashboard-card/eui-dashboard-card.component.html","../../eui-dashboard-card/eui-components-eui-dashboard-card.ts"],"sourcesContent":["import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'eui-dashboard-card-content',\n standalone: false,\n template: '<ng-content/>',\n})\nexport class EuiDashboardCardContentComponent {\n @HostBinding('class') string = 'eui-dashboard-card-content';\n}\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'eui-dashboard-card-status-content',\n template: '<ng-content/>',\n standalone: false,\n})\nexport class EuiDashboardCardStatusContentComponent {\n @HostBinding('class') string = 'eui-dashboard-card-status-content';\n}\n","import {\n Component,\n NgModule,\n HostBinding,\n ChangeDetectionStrategy,\n OnInit,\n Input,\n HostListener,\n Output,\n EventEmitter,\n booleanAttribute,\n ContentChild,\n forwardRef,\n QueryList,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAvatarModule } from '@eui/components/eui-avatar';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiDashboardCardContentComponent } from './eui-dashboard-card-content/dashboard-card-content.component';\nimport { EuiDashboardCardStatusContentComponent } from './eui-dashboard-card-status-content/dashboard-card-status-content.component';\n\n@Component({\n templateUrl: './eui-dashboard-card.component.html',\n selector: 'eui-dashboard-card',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n\n 'euiSizeXS',\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeL',\n 'euiSizeXL',\n 'euiSize2XL',\n 'euiSizeVariant',\n 'euiDisabled',\n\n 'euiOutline',\n ],\n },\n ],\n})\nexport class EuiDashboardCardComponent implements OnInit {\n // class binding\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-dashboard-card'),\n this.isHorizontal ? 'eui-dashboard-card--horizontal' : '',\n this.url \|\| this.urlExternal \|\| this.isClickeable ? 'eui-dashboard-card--link': '',\n this.isFlat ? 'eui-dashboard-card--flat': '',\n ]\n .join(' ')\n .trim();\n }\n\n // e2e\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-dashboard-card';\n\n // aria ok - Cfr. euiDisabled\n\n // cmp input\n @Input() label: string;\n @Input() subLabel: string;\n @Input() labelMaxLines: 1 \| 2 \| 3 \| 4 \| 5 = 2;\n @Input() subLabelMaxLines: 1 \| 2 \| 3 \| 4 \| 5 = 2;\n @Input() imageUrl: string;\n @Input() iconSvgName: string;\n @Input() iconSvgSize: '2xs' \| 'xs' \| 's' \| 'm' \| 'l' \| 'xl' \| '2xl' \| '3xl' \| '4xl' = 'm';\n @Input() iconLabel: string;\n @Input() url: string;\n @Input() urlExternal: string;\n @Input() urlExternalTarget = '_blank';\n\n @HostBinding('attr.tabindex')\n get tabindex(): string {\n if (!this.baseStatesDirective.euiDisabled) {\n if (this.url \|\| this.urlExternal \|\| this.isClickeable) {\n return '0';\n }\n }\n return '-1';\n }\n\n // coerce / transforms / state booleans\n @Input({ transform: booleanAttribute }) isHorizontal = false;\n @Input({ transform: booleanAttribute }) isFlatAvatar = false;\n @Input({ transform: booleanAttribute }) hasNoBackgroundAvatar = false;\n @Input({ transform: booleanAttribute }) isClickeable = false;\n @Input({ transform: booleanAttribute }) isFlat = false;\n\n // outputs\n @Output() cardClick = new EventEmitter<MouseEvent>();\n\n @ContentChild(forwardRef(() => EuiDashboardCardContentComponent)) customContent: QueryList<EuiDashboardCardContentComponent>;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n @HostListener('click', ['$event'])\n onClick(event: MouseEvent): void {\n this.cardClick.emit(event);\n }\n\n ngOnInit(): void {\n if (!this.baseStatesDirective.euiSizeVariant) {\n this.baseStatesDirective.euiSizeL = true;\n }\n if (!this.baseStatesDirective.euiVariant) {\n this.baseStatesDirective.euiSecondary = true;\n }\n }\n}\n\n@NgModule({\n imports: [CommonModule, RouterModule, EuiAvatarModule, EuiLabelModule, EuiIconModule],\n declarations: [\n EuiDashboardCardComponent, EuiDashboardCardContentComponent, EuiDashboardCardStatusContentComponent,\n ],\n exports: [EuiDashboardCardComponent, EuiDashboardCardContentComponent, EuiDashboardCardStatusContentComponent],\n})\nexport class EuiDashboardCardModule {}\n","@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 @if (customContent) {\n <ng-content select=\"eui-dashboard-card-content\"/>\n } @else {\n <ng-container ngTemplateOutlet=\"content\"></ng-container>\n }\n}\n\n<div class=\"eui-dashboard-card__status\">\n <ng-content select=\"eui-dashboard-card-status-content\"/>\n</div>\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","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-eui-discussion-thread.mjs CHANGED Viewed

@@ -60,11 +60,11 @@ class EuiDiscussionThreadComponent {
         return item.id;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiDiscussionThreadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: EuiDiscussionThreadComponent, isStandalone: false, selector: "eui-discussion-thread", inputs: { items: "items", titleLabel: "titleLabel", subTitleLabel: "subTitleLabel", tooltip: "tooltip" }, host: { properties: { "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"eui-discussion-thread-wrapper\">\n    <div class=\"eui-discussion-thread-wrapper-header\">\n        <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n        <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n    </div>\n    <ul role=\"none\" class=\"eui-discussion-thread\">\n        <ng-template [ngIf]=\"items\">\n            <eui-discussion-thread-item\n                *ngFor=\"let item of items; let o = odd; let e = even; trackBy: trackByFn\"\n                [isOdd]=\"o\"\n                id=\"{{ item.id }}\"\n                typeClass=\"{{ item.typeClass }}\"\n                date=\"{{ item.date }}\"\n                author=\"{{ item.author }}\"\n                body=\"{{ item.body }}\"\n                tooltip=\"{{ item.tooltip }}\">\n            </eui-discussion-thread-item>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!items\">\n            <ng-content></ng-content>\n        </ng-template>\n    </ul>\n</div>\n", styles: [".eui-19 .eui-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin-bottom:var(--eui-s-xs);padding-bottom:var(--eui-s-2xs);width:100%;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-c-neutral);display:flex;width:100%;font:var(--eui-f-m)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread{list-style:none;padding:20px 0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread:before{background-color:var(--eui-c-neutral-lightest);bottom:0;content:\" \";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item{margin-bottom:var(--eui-s-m);position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:before,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{content:\" \";display:table}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{clear:both}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel{background-color:var(--eui-c-white);border:var(--eui-bw-xs) solid #d4d4d4;border-radius:var(--eui-br-xl);box-shadow:var(--eui-sh-1);float:left;padding:var(--eui-s-m) var(--eui-s-m) 0;position:relative;width:44%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:before{border-bottom:15px solid transparent;border-left:15px solid #ccc;border-right:0 solid #ccc;border-top:15px solid transparent;content:\" \";display:inline-block;position:absolute;right:-15px;top:26px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-c-white);border-right:0 solid var(--eui-c-white);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-badge{background-color:var(--eui-c-white);position:absolute;left:50%;width:50px;margin-left:-22px;top:22px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-header{border-bottom:1px solid var(--eui-c-neutral-lightest);margin-bottom:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-title{align-items:center;display:flex;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time{align-items:center;display:flex;margin-left:auto;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time-icon{margin-right:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-subheading{margin-top:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body{margin:var(--eui-s-m) 0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body__word-break{word-break:break-word}.eui-19 .eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-c-black);height:1px;margin:0!important;opacity:.4}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>ul{margin-bottom:0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p+p{margin-top:5px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-tooltip{background-color:#000000bf;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel{float:right}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}@media screen and (min-width: 1140px){.eui-19 .eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 .eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-19 .eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-19 .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuiDiscussionThreadItemComponent, selector: "eui-discussion-thread-item", inputs: ["id", "typeClass", "date", "author", "body", "tooltip", "isOdd"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: EuiDiscussionThreadComponent, isStandalone: false, selector: "eui-discussion-thread", inputs: { items: "items", titleLabel: "titleLabel", subTitleLabel: "subTitleLabel", tooltip: "tooltip" }, host: { properties: { "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"eui-discussion-thread-wrapper\">\n    <div class=\"eui-discussion-thread-wrapper-header\">\n        <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n        <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n    </div>\n    <ul role=\"none\" class=\"eui-discussion-thread\">\n        <ng-template [ngIf]=\"items\">\n            <eui-discussion-thread-item\n                *ngFor=\"let item of items; let o = odd; let e = even; trackBy: trackByFn\"\n                [isOdd]=\"o\"\n                id=\"{{ item.id }}\"\n                typeClass=\"{{ item.typeClass }}\"\n                date=\"{{ item.date }}\"\n                author=\"{{ item.author }}\"\n                body=\"{{ item.body }}\"\n                tooltip=\"{{ item.tooltip }}\">\n            </eui-discussion-thread-item>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!items\">\n            <ng-content></ng-content>\n        </ng-template>\n    </ul>\n</div>\n", styles: [".eui-19 .eui-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin-bottom:var(--eui-s-xs);padding-bottom:var(--eui-s-2xs);width:100%;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-c-neutral);display:flex;width:100%;font:var(--eui-f-m)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread{list-style:none;padding:20px 0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread:before{background-color:var(--eui-c-neutral-lightest);bottom:0;content:\" \";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item{margin-bottom:var(--eui-s-m);position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:before,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{content:\" \";display:table}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{clear:both}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel{background-color:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-xl);box-shadow:var(--eui-sh-card);float:left;padding:var(--eui-s-m) var(--eui-s-m) 0;position:relative;width:44%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:before{border-bottom:15px solid transparent;border-left:15px solid #ccc;border-right:0 solid #ccc;border-top:15px solid transparent;content:\" \";display:inline-block;position:absolute;right:-15px;top:26px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-c-white);border-right:0 solid var(--eui-c-white);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-badge{background-color:var(--eui-c-white);position:absolute;left:50%;width:50px;margin-left:-22px;top:22px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-header{border-bottom:1px solid var(--eui-c-neutral-lightest);margin-bottom:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-title{align-items:center;display:flex;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time{align-items:center;display:flex;margin-left:auto;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time-icon{margin-right:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-subheading{margin-top:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body{margin:var(--eui-s-m) 0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body__word-break{word-break:break-word}.eui-19 .eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-c-black);height:1px;margin:0!important;opacity:.4}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>ul{margin-bottom:0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p+p{margin-top:5px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-tooltip{background-color:#000000bf;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel{float:right}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}@media screen and (min-width: 1140px){.eui-19 .eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 .eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-19 .eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-19 .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuiDiscussionThreadItemComponent, selector: "eui-discussion-thread-item", inputs: ["id", "typeClass", "date", "author", "body", "tooltip", "isOdd"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiDiscussionThreadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-discussion-thread', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"eui-discussion-thread-wrapper\">\n    <div class=\"eui-discussion-thread-wrapper-header\">\n        <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n        <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n    </div>\n    <ul role=\"none\" class=\"eui-discussion-thread\">\n        <ng-template [ngIf]=\"items\">\n            <eui-discussion-thread-item\n                *ngFor=\"let item of items; let o = odd; let e = even; trackBy: trackByFn\"\n                [isOdd]=\"o\"\n                id=\"{{ item.id }}\"\n                typeClass=\"{{ item.typeClass }}\"\n                date=\"{{ item.date }}\"\n                author=\"{{ item.author }}\"\n                body=\"{{ item.body }}\"\n                tooltip=\"{{ item.tooltip }}\">\n            </eui-discussion-thread-item>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!items\">\n            <ng-content></ng-content>\n        </ng-template>\n    </ul>\n</div>\n", styles: [".eui-19 .eui-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin-bottom:var(--eui-s-xs);padding-bottom:var(--eui-s-2xs);width:100%;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-c-neutral);display:flex;width:100%;font:var(--eui-f-m)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread{list-style:none;padding:20px 0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread:before{background-color:var(--eui-c-neutral-lightest);bottom:0;content:\" \";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item{margin-bottom:var(--eui-s-m);position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:before,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{content:\" \";display:table}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{clear:both}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel{background-color:var(--eui-c-white);border:var(--eui-bw-xs) solid #d4d4d4;border-radius:var(--eui-br-xl);box-shadow:var(--eui-sh-1);float:left;padding:var(--eui-s-m) var(--eui-s-m) 0;position:relative;width:44%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:before{border-bottom:15px solid transparent;border-left:15px solid #ccc;border-right:0 solid #ccc;border-top:15px solid transparent;content:\" \";display:inline-block;position:absolute;right:-15px;top:26px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-c-white);border-right:0 solid var(--eui-c-white);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-badge{background-color:var(--eui-c-white);position:absolute;left:50%;width:50px;margin-left:-22px;top:22px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-header{border-bottom:1px solid var(--eui-c-neutral-lightest);margin-bottom:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-title{align-items:center;display:flex;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time{align-items:center;display:flex;margin-left:auto;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time-icon{margin-right:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-subheading{margin-top:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body{margin:var(--eui-s-m) 0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body__word-break{word-break:break-word}.eui-19 .eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-c-black);height:1px;margin:0!important;opacity:.4}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>ul{margin-bottom:0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p+p{margin-top:5px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-tooltip{background-color:#000000bf;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel{float:right}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}@media screen and (min-width: 1140px){.eui-19 .eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 .eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-19 .eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-19 .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n"] }]
+            args: [{ selector: 'eui-discussion-thread', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"eui-discussion-thread-wrapper\">\n    <div class=\"eui-discussion-thread-wrapper-header\">\n        <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n        <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n    </div>\n    <ul role=\"none\" class=\"eui-discussion-thread\">\n        <ng-template [ngIf]=\"items\">\n            <eui-discussion-thread-item\n                *ngFor=\"let item of items; let o = odd; let e = even; trackBy: trackByFn\"\n                [isOdd]=\"o\"\n                id=\"{{ item.id }}\"\n                typeClass=\"{{ item.typeClass }}\"\n                date=\"{{ item.date }}\"\n                author=\"{{ item.author }}\"\n                body=\"{{ item.body }}\"\n                tooltip=\"{{ item.tooltip }}\">\n            </eui-discussion-thread-item>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!items\">\n            <ng-content></ng-content>\n        </ng-template>\n    </ul>\n</div>\n", styles: [".eui-19 .eui-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin-bottom:var(--eui-s-xs);padding-bottom:var(--eui-s-2xs);width:100%;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-c-neutral);display:flex;width:100%;font:var(--eui-f-m)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread{list-style:none;padding:20px 0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread:before{background-color:var(--eui-c-neutral-lightest);bottom:0;content:\" \";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item{margin-bottom:var(--eui-s-m);position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:before,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{content:\" \";display:table}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{clear:both}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel{background-color:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-xl);box-shadow:var(--eui-sh-card);float:left;padding:var(--eui-s-m) var(--eui-s-m) 0;position:relative;width:44%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:before{border-bottom:15px solid transparent;border-left:15px solid #ccc;border-right:0 solid #ccc;border-top:15px solid transparent;content:\" \";display:inline-block;position:absolute;right:-15px;top:26px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-c-white);border-right:0 solid var(--eui-c-white);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-badge{background-color:var(--eui-c-white);position:absolute;left:50%;width:50px;margin-left:-22px;top:22px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-header{border-bottom:1px solid var(--eui-c-neutral-lightest);margin-bottom:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-title{align-items:center;display:flex;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time{align-items:center;display:flex;margin-left:auto;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time-icon{margin-right:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-subheading{margin-top:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body{margin:var(--eui-s-m) 0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body__word-break{word-break:break-word}.eui-19 .eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-c-black);height:1px;margin:0!important;opacity:.4}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>ul{margin-bottom:0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p+p{margin-top:5px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-tooltip{background-color:#000000bf;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel{float:right}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}@media screen and (min-width: 1140px){.eui-19 .eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 .eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-19 .eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-19 .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n"] }]
         }], propDecorators: { role: [{
                 type: HostBinding,
                 args: ['attr.role']

package/fesm2022/eui-components-eui-discussion-thread.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-eui-discussion-thread.mjs","sources":["../../eui-discussion-thread/eui-discussion-thread-item.component.ts","../../eui-discussion-thread/eui-discussion-thread-item.component.html","../../eui-discussion-thread/eui-discussion-thread.component.ts","../../eui-discussion-thread/eui-discussion-thread.component.html","../../eui-discussion-thread/eui-discussion-thread.module.ts","../../eui-discussion-thread/eui-components-eui-discussion-thread.ts"],"sourcesContent":["import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'eui-discussion-thread-item',\n templateUrl: './eui-discussion-thread-item.component.html',\n standalone: false,\n})\nexport class EuiDiscussionThreadItemComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return `eui--${this.typeClass}`; // simulate parent variant for icon auto-contrast color fill\n }\n @HostBinding('attr.role') role = 'listitem';\n\n @Input() id: string;\n @Input() typeClass: string;\n @Input() date: string;\n @Input() author: string;\n @Input() body: string;\n @Input() tooltip: string;\n\n @Input()\n get isOdd(): boolean {\n return this._isOdd;\n }\n set isOdd(value: BooleanInput) {\n this._isOdd = coerceBooleanProperty(value);\n }\n private _isOdd = false;\n}\n","<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread__item--inverted]=\"isOdd\">\n <div class=\"eui-discussion-thread__item-badge eui-discussion-thread__item-badge--{{ typeClass }}\" title=\"{{ tooltip }}\">\n <eui-icon-state [euiVariant]=\"typeClass\" size=\"xl\" class=\"eui-alert__icon-type\"/>\n </div>\n <div class=\"eui-discussion-thread__item-panel\">\n <div class=\"eui-discussion-thread__item-panel-header\">\n <div class=\"eui-discussion-thread__item-panel-heading\">\n <div class=\"eui-discussion-thread__item-panel-title\">\n {{ date \| date: 'dd/MM/YYYY' }}\n </div>\n <div class=\"eui-discussion-thread__item-panel-time\">\n <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"neutral-light\" class=\"eui-discussion-thread__item-panel-time-icon\"></eui-icon-svg>\n <span euiLabel euiSizeS>{{ date \| date: 'HH:mm' }}</span>\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-subheading\">\n {{ author }}\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-body\">\n <p class=\"eui-discussion-thread__item-panel-body-word-break\" [innerHTML]=\"body\"></p>\n </div>\n </div>\n</li>\n","import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\nimport { EuiDiscussionThreadItem } from './models/eui-discussion-thread-item.model';\n\n@Component({\n selector: 'eui-discussion-thread',\n templateUrl: './eui-discussion-thread.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n standalone: false,\n})\nexport class EuiDiscussionThreadComponent {\n\n @HostBinding('attr.role') role = 'list';\n\n @Input() items: EuiDiscussionThreadItem[];\n @Input() titleLabel: string;\n @Input() subTitleLabel: string;\n @Input() tooltip: string;\n\n public trackByFn(index: number, item: EuiDiscussionThreadItem): string {\n return item.id;\n }\n}\n","<div class=\"eui-discussion-thread-wrapper\">\n <div class=\"eui-discussion-thread-wrapper-header\">\n <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n </div>\n <ul role=\"none\" class=\"eui-discussion-thread\">\n <ng-template [ngIf]=\"items\">\n <eui-discussion-thread-item\n ngFor=\"let item of items; let o = odd; let e = even; trackBy: trackByFn\"\n [isOdd]=\"o\"\n id=\"{{ item.id }}\"\n typeClass=\"{{ item.typeClass }}\"\n date=\"{{ item.date }}\"\n author=\"{{ item.author }}\"\n body=\"{{ item.body }}\"\n tooltip=\"{{ item.tooltip }}\">\n </eui-discussion-thread-item>\n </ng-template>\n\n <ng-template [ngIf]=\"!items\">\n <ng-content></ng-content>\n </ng-template>\n </ul>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiDiscussionThreadComponent } from './eui-discussion-thread.component';\nimport { EuiDiscussionThreadItemComponent } from './eui-discussion-thread-item.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule, EuiLabelModule, EuiIconStateModule],\n declarations: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n exports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n})\nexport class EuiDiscussionThreadModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i4","i1","i2.EuiDiscussionThreadItemComponent"],"mappings":";;;;;;;;;;;;MAQa,gCAAgC,CAAA;AAL7C,IAAA,WAAA,GAAA;QAU8B,IAAI,CAAA,IAAA,GAAG,UAAU;QAgBnC,IAAM,CAAA,MAAA,GAAG,KAAK;AACzB;AArBG,IAAA,IACW,UAAU,GAAA;AACjB,QAAA,OAAO,QAAQ,IAAI,CAAC,SAAS,CAAE,CAAA,CAAC;;AAWpC,IAAA,IACI,KAAK,GAAA;QACL,OAAO,IAAI,CAAC,MAAM;;IAEtB,IAAI,KAAK,CAAC,KAAmB,EAAA;AACzB,QAAA,IAAI,CAAC,MAAM,GAAG,qBAAqB,CAAC,KAAK,CAAC;;8GAnBrC,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gCAAgC,uSCR7C,+3CAwBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,KAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,6KAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FDhBa,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAL5C,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,cAE1B,KAAK,EAAA,QAAA,EAAA,+3CAAA,EAAA;8BAIN,UAAU,EAAA,CAAA;sBADpB,WAAW;uBAAC,OAAO;gBAIM,IAAI,EAAA,CAAA;sBAA7B,WAAW;uBAAC,WAAW;gBAEf,EAAE,EAAA,CAAA;sBAAV;gBACQ,SAAS,EAAA,CAAA;sBAAjB;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBAGG,KAAK,EAAA,CAAA;sBADR;;;MEXQ,4BAA4B,CAAA;AAPzC,IAAA,WAAA,GAAA;QAS8B,IAAI,CAAA,IAAA,GAAG,MAAM;AAU1C;IAHU,SAAS,CAAC,KAAa,EAAE,IAA6B,EAAA;QACzD,OAAO,IAAI,CAAC,EAAE;;8GAVT,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,gPCXzC,qgCAwBA,EAAA,MAAA,EAAA,CAAA,~~0mKAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,gCAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,WAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDba,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,EAGlB,aAAA,EAAA,iBAAiB,CAAC,IAAI,cACzB,KAAK,EAAA,QAAA,EAAA,qgCAAA,EAAA,MAAA,EAAA,CAAA,~~0mKAAA~~,CAAA,EAAA;8BAIS,IAAI,EAAA,CAAA;sBAA7B,WAAW;uBAAC,WAAW;gBAEf,KAAK,EAAA,CAAA;sBAAb;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBACQ,aAAa,EAAA,CAAA;sBAArB;gBACQ,OAAO,EAAA,CAAA;sBAAf;;;MELQ,yBAAyB,CAAA;8GAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,EAHnB,YAAA,EAAA,CAAA,4BAA4B,EAAE,gCAAgC,aADnE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,kBAAkB,CAE/D,EAAA,OAAA,EAAA,CAAA,4BAA4B,EAAE,gCAAgC,CAAA,EAAA,CAAA,CAAA;AAE/D,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,YAJxB,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,kBAAkB,CAAA,EAAA,CAAA,CAAA;;2FAIhE,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBALrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,kBAAkB,CAAC;AAC1E,oBAAA,YAAY,EAAE,CAAC,4BAA4B,EAAE,gCAAgC,CAAC;AAC9E,oBAAA,OAAO,EAAE,CAAC,4BAA4B,EAAE,gCAAgC,CAAC;AAC5E,iBAAA;;;ACZD;;AAEG;;;;"}
1	+ {"version":3,"file":"eui-components-eui-discussion-thread.mjs","sources":["../../eui-discussion-thread/eui-discussion-thread-item.component.ts","../../eui-discussion-thread/eui-discussion-thread-item.component.html","../../eui-discussion-thread/eui-discussion-thread.component.ts","../../eui-discussion-thread/eui-discussion-thread.component.html","../../eui-discussion-thread/eui-discussion-thread.module.ts","../../eui-discussion-thread/eui-components-eui-discussion-thread.ts"],"sourcesContent":["import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'eui-discussion-thread-item',\n templateUrl: './eui-discussion-thread-item.component.html',\n standalone: false,\n})\nexport class EuiDiscussionThreadItemComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return `eui--${this.typeClass}`; // simulate parent variant for icon auto-contrast color fill\n }\n @HostBinding('attr.role') role = 'listitem';\n\n @Input() id: string;\n @Input() typeClass: string;\n @Input() date: string;\n @Input() author: string;\n @Input() body: string;\n @Input() tooltip: string;\n\n @Input()\n get isOdd(): boolean {\n return this._isOdd;\n }\n set isOdd(value: BooleanInput) {\n this._isOdd = coerceBooleanProperty(value);\n }\n private _isOdd = false;\n}\n","<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread__item--inverted]=\"isOdd\">\n <div class=\"eui-discussion-thread__item-badge eui-discussion-thread__item-badge--{{ typeClass }}\" title=\"{{ tooltip }}\">\n <eui-icon-state [euiVariant]=\"typeClass\" size=\"xl\" class=\"eui-alert__icon-type\"/>\n </div>\n <div class=\"eui-discussion-thread__item-panel\">\n <div class=\"eui-discussion-thread__item-panel-header\">\n <div class=\"eui-discussion-thread__item-panel-heading\">\n <div class=\"eui-discussion-thread__item-panel-title\">\n {{ date \| date: 'dd/MM/YYYY' }}\n </div>\n <div class=\"eui-discussion-thread__item-panel-time\">\n <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"neutral-light\" class=\"eui-discussion-thread__item-panel-time-icon\"></eui-icon-svg>\n <span euiLabel euiSizeS>{{ date \| date: 'HH:mm' }}</span>\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-subheading\">\n {{ author }}\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-body\">\n <p class=\"eui-discussion-thread__item-panel-body-word-break\" [innerHTML]=\"body\"></p>\n </div>\n </div>\n</li>\n","import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\nimport { EuiDiscussionThreadItem } from './models/eui-discussion-thread-item.model';\n\n@Component({\n selector: 'eui-discussion-thread',\n templateUrl: './eui-discussion-thread.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n standalone: false,\n})\nexport class EuiDiscussionThreadComponent {\n\n @HostBinding('attr.role') role = 'list';\n\n @Input() items: EuiDiscussionThreadItem[];\n @Input() titleLabel: string;\n @Input() subTitleLabel: string;\n @Input() tooltip: string;\n\n public trackByFn(index: number, item: EuiDiscussionThreadItem): string {\n return item.id;\n }\n}\n","<div class=\"eui-discussion-thread-wrapper\">\n <div class=\"eui-discussion-thread-wrapper-header\">\n <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n </div>\n <ul role=\"none\" class=\"eui-discussion-thread\">\n <ng-template [ngIf]=\"items\">\n <eui-discussion-thread-item\n ngFor=\"let item of items; let o = odd; let e = even; trackBy: trackByFn\"\n [isOdd]=\"o\"\n id=\"{{ item.id }}\"\n typeClass=\"{{ item.typeClass }}\"\n date=\"{{ item.date }}\"\n author=\"{{ item.author }}\"\n body=\"{{ item.body }}\"\n tooltip=\"{{ item.tooltip }}\">\n </eui-discussion-thread-item>\n </ng-template>\n\n <ng-template [ngIf]=\"!items\">\n <ng-content></ng-content>\n </ng-template>\n </ul>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiDiscussionThreadComponent } from './eui-discussion-thread.component';\nimport { EuiDiscussionThreadItemComponent } from './eui-discussion-thread-item.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule, EuiLabelModule, EuiIconStateModule],\n declarations: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n exports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n})\nexport class EuiDiscussionThreadModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i4","i1","i2.EuiDiscussionThreadItemComponent"],"mappings":"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"}

package/fesm2022/eui-components-eui-dropdown.mjs CHANGED Viewed

@@ -47,11 +47,11 @@ class EuiDropdownItemComponent {
         this.elementRef.nativeElement.dispatchEvent(mouseenterEvent);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiDropdownItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.3", type: EuiDropdownItemComponent, isStandalone: false, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: { subDropdown: "subDropdown", isActive: ["isActive", "isActive", booleanAttribute], isFocus: ["isFocus", "isFocus", booleanAttribute] }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, ngImport: i0, template: "<div class=\"eui-dropdown-item__container\">\n    <div class=\"eui-dropdown-item__content\">\n        <div *ngIf=\"subDropdown\" class=\"eui-dropdown-item__content-icon eui-dropdown-item__content-icon--left\">\n            <eui-icon-svg icon=\"chevron-back:sharp\" size=\"s\" fillColor=\"neutral\"></eui-icon-svg>\n        </div>\n        <div class=\"eui-dropdown-item__content-text\">\n            <ng-content></ng-content>\n        </div>\n        <div *ngIf=\"subDropdown\" class=\"eui-dropdown-item__content-icon eui-dropdown-item__content-icon--right\">\n            <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"s\" fillColor=\"neutral\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n", styles: [".eui-19 .eui-dropdown .eui-dropdown{display:none}.eui-19 .eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-19 .eui-dropdown__panel{position:inherit}.eui-19 .eui-dropdown__panel eui-dropdown-content{display:block}.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-left .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--right,.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-right .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--left{display:none}.eui-19 .eui-dropdown__panel-container{background:var(--eui-c-white);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-3);display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-dropdown__panel-container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-s-m) + var(--eui-s-2xs))}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--right{margin-left:var(--eui-s-s)}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--left{margin-right:var(--eui-s-s)}.eui-19 .eui-dropdown-item:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown-item:disabled:hover{background:none}.eui-19 .eui-dropdown-item--active{background-color:var(--eui-c-primary-lightest)!important}.eui-19 .eui-dropdown-item--active:disabled{background:none!important}.eui-19 .eui-dropdown-item--focused{background-color:var(--eui-c-neutral-bg)!important}.eui-19 .eui-dropdown-item--focused:disabled{background:none!important}.eui-19 .eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.3", type: EuiDropdownItemComponent, isStandalone: false, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: { subDropdown: "subDropdown", isActive: ["isActive", "isActive", booleanAttribute], isFocus: ["isFocus", "isFocus", booleanAttribute] }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, ngImport: i0, template: "<div class=\"eui-dropdown-item__container\">\n    <div class=\"eui-dropdown-item__content\">\n        <div *ngIf=\"subDropdown\" class=\"eui-dropdown-item__content-icon eui-dropdown-item__content-icon--left\">\n            <eui-icon-svg icon=\"chevron-back:sharp\" size=\"s\" fillColor=\"neutral\"></eui-icon-svg>\n        </div>\n        <div class=\"eui-dropdown-item__content-text\">\n            <ng-content></ng-content>\n        </div>\n        <div *ngIf=\"subDropdown\" class=\"eui-dropdown-item__content-icon eui-dropdown-item__content-icon--right\">\n            <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"s\" fillColor=\"neutral\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n", styles: [".eui-19 .eui-dropdown .eui-dropdown{display:none}.eui-19 .eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-19 .eui-dropdown__panel{position:inherit}.eui-19 .eui-dropdown__panel eui-dropdown-content{display:block}.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-left .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--right,.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-right .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--left{display:none}.eui-19 .eui-dropdown__panel-container{background:var(--eui-c-white);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-2);display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-dropdown__panel-container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-s-m) + var(--eui-s-2xs))}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--right{margin-left:var(--eui-s-s)}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--left{margin-right:var(--eui-s-s)}.eui-19 .eui-dropdown-item:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown-item:disabled:hover{background:none}.eui-19 .eui-dropdown-item--active{background-color:var(--eui-c-primary-lightest)!important}.eui-19 .eui-dropdown-item--active:disabled{background:none!important}.eui-19 .eui-dropdown-item--focused{background-color:var(--eui-c-neutral-bg-light)!important}.eui-19 .eui-dropdown-item--focused:disabled{background:none!important}.eui-19 .eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiDropdownItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-dropdown-item, [euiDropdownItem]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"eui-dropdown-item__container\">\n    <div class=\"eui-dropdown-item__content\">\n        <div *ngIf=\"subDropdown\" class=\"eui-dropdown-item__content-icon eui-dropdown-item__content-icon--left\">\n            <eui-icon-svg icon=\"chevron-back:sharp\" size=\"s\" fillColor=\"neutral\"></eui-icon-svg>\n        </div>\n        <div class=\"eui-dropdown-item__content-text\">\n            <ng-content></ng-content>\n        </div>\n        <div *ngIf=\"subDropdown\" class=\"eui-dropdown-item__content-icon eui-dropdown-item__content-icon--right\">\n            <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"s\" fillColor=\"neutral\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n", styles: [".eui-19 .eui-dropdown .eui-dropdown{display:none}.eui-19 .eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-19 .eui-dropdown__panel{position:inherit}.eui-19 .eui-dropdown__panel eui-dropdown-content{display:block}.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-left .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--right,.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-right .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--left{display:none}.eui-19 .eui-dropdown__panel-container{background:var(--eui-c-white);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-3);display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-dropdown__panel-container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-s-m) + var(--eui-s-2xs))}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--right{margin-left:var(--eui-s-s)}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--left{margin-right:var(--eui-s-s)}.eui-19 .eui-dropdown-item:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown-item:disabled:hover{background:none}.eui-19 .eui-dropdown-item--active{background-color:var(--eui-c-primary-lightest)!important}.eui-19 .eui-dropdown-item--active:disabled{background:none!important}.eui-19 .eui-dropdown-item--focused{background-color:var(--eui-c-neutral-bg)!important}.eui-19 .eui-dropdown-item--focused:disabled{background:none!important}.eui-19 .eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}\n"] }]
+            args: [{ selector: 'eui-dropdown-item, [euiDropdownItem]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"eui-dropdown-item__container\">\n    <div class=\"eui-dropdown-item__content\">\n        <div *ngIf=\"subDropdown\" class=\"eui-dropdown-item__content-icon eui-dropdown-item__content-icon--left\">\n            <eui-icon-svg icon=\"chevron-back:sharp\" size=\"s\" fillColor=\"neutral\"></eui-icon-svg>\n        </div>\n        <div class=\"eui-dropdown-item__content-text\">\n            <ng-content></ng-content>\n        </div>\n        <div *ngIf=\"subDropdown\" class=\"eui-dropdown-item__content-icon eui-dropdown-item__content-icon--right\">\n            <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"s\" fillColor=\"neutral\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n", styles: [".eui-19 .eui-dropdown .eui-dropdown{display:none}.eui-19 .eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-19 .eui-dropdown__panel{position:inherit}.eui-19 .eui-dropdown__panel eui-dropdown-content{display:block}.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-left .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--right,.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-right .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--left{display:none}.eui-19 .eui-dropdown__panel-container{background:var(--eui-c-white);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-2);display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-dropdown__panel-container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-s-m) + var(--eui-s-2xs))}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--right{margin-left:var(--eui-s-s)}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--left{margin-right:var(--eui-s-s)}.eui-19 .eui-dropdown-item:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown-item:disabled:hover{background:none}.eui-19 .eui-dropdown-item--active{background-color:var(--eui-c-primary-lightest)!important}.eui-19 .eui-dropdown-item--active:disabled{background:none!important}.eui-19 .eui-dropdown-item--focused{background-color:var(--eui-c-neutral-bg-light)!important}.eui-19 .eui-dropdown-item--focused:disabled{background:none!important}.eui-19 .eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { subDropdown: [{
                 type: Input
             }], role: [{
@@ -530,11 +530,11 @@ class EuiDropdownComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiDropdownComponent, deps: [{ token: i1$1.Overlay }, { token: i0.ViewContainerRef }, { token: i1$1.ScrollDispatcher }, { token: EuiDropdownService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: PLATFORM_ID }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.3", type: EuiDropdownComponent, isStandalone: false, selector: "eui-dropdown", inputs: { e2eAttr: "e2eAttr", tabIndex: "tabIndex", width: "width", position: "position", subDropdownPosition: "subDropdownPosition", isBlock: ["isBlock", "isBlock", booleanAttribute], isDropDownRightAligned: ["isDropDownRightAligned", "isDropDownRightAligned", booleanAttribute], hasClosedOnClickInside: ["hasClosedOnClickInside", "hasClosedOnClickInside", booleanAttribute], isLabelUpdatedFromSelectedItem: ["isLabelUpdatedFromSelectedItem", "isLabelUpdatedFromSelectedItem", booleanAttribute], isExpandOnHover: ["isExpandOnHover", "isExpandOnHover", booleanAttribute], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute], isRightClickEnabled: ["isRightClickEnabled", "isRightClickEnabled", booleanAttribute], euiDisabled: ["euiDisabled", "euiDisabled", booleanAttribute] }, outputs: { expand: "expand" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiDropdownItems", predicate: EuiDropdownItemComponent, descendants: true }], viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true }, { propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true }], ngImport: i0, template: "<div #triggerRef class=\"eui-dropdown__trigger-container\"\n    (click)=\"!isRightClickEnabled ? onTriggerClicked($event) : null\"\n    (contextmenu)=\"isRightClickEnabled ? onTriggerRightClicked($event) : null\">\n    <ng-content></ng-content>\n</div>\n\n<ng-template #templatePortalContent>\n    <div\n        attr.data-e2e=\"{{ e2eAttr }}\"\n        [@openClose]=\"isOpen ? 'open' : 'closed'\"\n        cdkTrapFocus\n        [cdkTrapFocusAutoCapture]=\"trapFocusAutoCapture\"\n        role=\"dialog\"\n        aria-label=\"eUI dropdown panel\"\n        class=\"eui-dropdown__panel-container eui-18\"\n        [style.width]=\"width\"\n        [tabindex]=\"tabIndex\"\n        (click)=\"onClick()\"\n        (cdkObserveContent)=\"projectContentChanged()\">\n        <ng-content select=\"eui-dropdown-content\"></ng-content>\n    </div>\n</ng-template>\n", styles: [".eui-19 .eui-dropdown .eui-dropdown{display:none}.eui-19 .eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-19 .eui-dropdown__panel{position:inherit}.eui-19 .eui-dropdown__panel eui-dropdown-content{display:block}.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-left .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--right,.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-right .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--left{display:none}.eui-19 .eui-dropdown__panel-container{background:var(--eui-c-white);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-3);display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-dropdown__panel-container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-s-m) + var(--eui-s-2xs))}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--right{margin-left:var(--eui-s-s)}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--left{margin-right:var(--eui-s-s)}.eui-19 .eui-dropdown-item:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown-item:disabled:hover{background:none}.eui-19 .eui-dropdown-item--active{background-color:var(--eui-c-primary-lightest)!important}.eui-19 .eui-dropdown-item--active:disabled{background:none!important}.eui-19 .eui-dropdown-item--focused{background-color:var(--eui-c-neutral-bg)!important}.eui-19 .eui-dropdown-item--focused:disabled{background:none!important}.eui-19 .eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}\n"], dependencies: [{ kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i4.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], animations: [openClose], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.3", type: EuiDropdownComponent, isStandalone: false, selector: "eui-dropdown", inputs: { e2eAttr: "e2eAttr", tabIndex: "tabIndex", width: "width", position: "position", subDropdownPosition: "subDropdownPosition", isBlock: ["isBlock", "isBlock", booleanAttribute], isDropDownRightAligned: ["isDropDownRightAligned", "isDropDownRightAligned", booleanAttribute], hasClosedOnClickInside: ["hasClosedOnClickInside", "hasClosedOnClickInside", booleanAttribute], isLabelUpdatedFromSelectedItem: ["isLabelUpdatedFromSelectedItem", "isLabelUpdatedFromSelectedItem", booleanAttribute], isExpandOnHover: ["isExpandOnHover", "isExpandOnHover", booleanAttribute], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute], isRightClickEnabled: ["isRightClickEnabled", "isRightClickEnabled", booleanAttribute], euiDisabled: ["euiDisabled", "euiDisabled", booleanAttribute] }, outputs: { expand: "expand" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiDropdownItems", predicate: EuiDropdownItemComponent, descendants: true }], viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true }, { propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true }], ngImport: i0, template: "<div #triggerRef class=\"eui-dropdown__trigger-container\"\n    (click)=\"!isRightClickEnabled ? onTriggerClicked($event) : null\"\n    (contextmenu)=\"isRightClickEnabled ? onTriggerRightClicked($event) : null\">\n    <ng-content></ng-content>\n</div>\n\n<ng-template #templatePortalContent>\n    <div\n        attr.data-e2e=\"{{ e2eAttr }}\"\n        [@openClose]=\"isOpen ? 'open' : 'closed'\"\n        cdkTrapFocus\n        [cdkTrapFocusAutoCapture]=\"trapFocusAutoCapture\"\n        role=\"dialog\"\n        aria-label=\"eUI dropdown panel\"\n        class=\"eui-dropdown__panel-container eui-18\"\n        [style.width]=\"width\"\n        [tabindex]=\"tabIndex\"\n        (click)=\"onClick()\"\n        (cdkObserveContent)=\"projectContentChanged()\">\n        <ng-content select=\"eui-dropdown-content\"></ng-content>\n    </div>\n</ng-template>\n", styles: [".eui-19 .eui-dropdown .eui-dropdown{display:none}.eui-19 .eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-19 .eui-dropdown__panel{position:inherit}.eui-19 .eui-dropdown__panel eui-dropdown-content{display:block}.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-left .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--right,.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-right .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--left{display:none}.eui-19 .eui-dropdown__panel-container{background:var(--eui-c-white);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-2);display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-dropdown__panel-container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-s-m) + var(--eui-s-2xs))}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--right{margin-left:var(--eui-s-s)}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--left{margin-right:var(--eui-s-s)}.eui-19 .eui-dropdown-item:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown-item:disabled:hover{background:none}.eui-19 .eui-dropdown-item--active{background-color:var(--eui-c-primary-lightest)!important}.eui-19 .eui-dropdown-item--active:disabled{background:none!important}.eui-19 .eui-dropdown-item--focused{background-color:var(--eui-c-neutral-bg-light)!important}.eui-19 .eui-dropdown-item--focused:disabled{background:none!important}.eui-19 .eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}\n"], dependencies: [{ kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i4.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], animations: [openClose], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-dropdown', animations: [openClose], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div #triggerRef class=\"eui-dropdown__trigger-container\"\n    (click)=\"!isRightClickEnabled ? onTriggerClicked($event) : null\"\n    (contextmenu)=\"isRightClickEnabled ? onTriggerRightClicked($event) : null\">\n    <ng-content></ng-content>\n</div>\n\n<ng-template #templatePortalContent>\n    <div\n        attr.data-e2e=\"{{ e2eAttr }}\"\n        [@openClose]=\"isOpen ? 'open' : 'closed'\"\n        cdkTrapFocus\n        [cdkTrapFocusAutoCapture]=\"trapFocusAutoCapture\"\n        role=\"dialog\"\n        aria-label=\"eUI dropdown panel\"\n        class=\"eui-dropdown__panel-container eui-18\"\n        [style.width]=\"width\"\n        [tabindex]=\"tabIndex\"\n        (click)=\"onClick()\"\n        (cdkObserveContent)=\"projectContentChanged()\">\n        <ng-content select=\"eui-dropdown-content\"></ng-content>\n    </div>\n</ng-template>\n", styles: [".eui-19 .eui-dropdown .eui-dropdown{display:none}.eui-19 .eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-19 .eui-dropdown__panel{position:inherit}.eui-19 .eui-dropdown__panel eui-dropdown-content{display:block}.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-left .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--right,.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-right .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--left{display:none}.eui-19 .eui-dropdown__panel-container{background:var(--eui-c-white);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-3);display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-dropdown__panel-container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-s-m) + var(--eui-s-2xs))}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--right{margin-left:var(--eui-s-s)}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--left{margin-right:var(--eui-s-s)}.eui-19 .eui-dropdown-item:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown-item:disabled:hover{background:none}.eui-19 .eui-dropdown-item--active{background-color:var(--eui-c-primary-lightest)!important}.eui-19 .eui-dropdown-item--active:disabled{background:none!important}.eui-19 .eui-dropdown-item--focused{background-color:var(--eui-c-neutral-bg)!important}.eui-19 .eui-dropdown-item--focused:disabled{background:none!important}.eui-19 .eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}\n"] }]
+            args: [{ selector: 'eui-dropdown', animations: [openClose], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div #triggerRef class=\"eui-dropdown__trigger-container\"\n    (click)=\"!isRightClickEnabled ? onTriggerClicked($event) : null\"\n    (contextmenu)=\"isRightClickEnabled ? onTriggerRightClicked($event) : null\">\n    <ng-content></ng-content>\n</div>\n\n<ng-template #templatePortalContent>\n    <div\n        attr.data-e2e=\"{{ e2eAttr }}\"\n        [@openClose]=\"isOpen ? 'open' : 'closed'\"\n        cdkTrapFocus\n        [cdkTrapFocusAutoCapture]=\"trapFocusAutoCapture\"\n        role=\"dialog\"\n        aria-label=\"eUI dropdown panel\"\n        class=\"eui-dropdown__panel-container eui-18\"\n        [style.width]=\"width\"\n        [tabindex]=\"tabIndex\"\n        (click)=\"onClick()\"\n        (cdkObserveContent)=\"projectContentChanged()\">\n        <ng-content select=\"eui-dropdown-content\"></ng-content>\n    </div>\n</ng-template>\n", styles: [".eui-19 .eui-dropdown .eui-dropdown{display:none}.eui-19 .eui-dropdown .eui-dropdown__trigger-container{display:inherit}.eui-19 .eui-dropdown__panel{position:inherit}.eui-19 .eui-dropdown__panel eui-dropdown-content{display:block}.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-left .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--right,.eui-19 .eui-dropdown__panel.eui-dropdown--subdropdown-position-right .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon.eui-dropdown-item__content-icon--left{display:none}.eui-19 .eui-dropdown__panel-container{background:var(--eui-c-white);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-2);display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar{display:inherit;height:5px;width:5px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown__panel-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-dropdown__panel-container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item--has-subdropdown+*:not(.eui-dropdown-item){display:none}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container{align-items:center;display:flex;min-height:calc(var(--eui-s-m) + var(--eui-s-2xs))}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text{align-items:center;display:flex;width:100%}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon{align-items:center;display:flex}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--right{margin-left:var(--eui-s-s)}.eui-19 .eui-dropdown__panel-container .eui-dropdown-item .eui-dropdown-item__container .eui-dropdown-item__content .eui-dropdown-item__content-icon--left{margin-right:var(--eui-s-s)}.eui-19 .eui-dropdown-item:hover{background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-dropdown-item:disabled{pointer-events:none;color:var(--eui-c-neutral-lighter)}.eui-19 .eui-dropdown-item:disabled:hover{background:none}.eui-19 .eui-dropdown-item--active{background-color:var(--eui-c-primary-lightest)!important}.eui-19 .eui-dropdown-item--active:disabled{background:none!important}.eui-19 .eui-dropdown-item--focused{background-color:var(--eui-c-neutral-bg-light)!important}.eui-19 .eui-dropdown-item--focused:disabled{background:none!important}.eui-19 .eui-dropdown--block .eui-dropdown__trigger-container .eui-button{display:inherit;width:100%}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container button{outline:1px dashed mediumvioletred}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a{border-bottom:1px dashed mediumvioletred;color:#c71585;text-decoration:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}.eui-19 .eui-dropdown--contextual-menu .eui-dropdown__trigger-container a [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:2px!important;transition:none}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.Overlay }, { type: i0.ViewContainerRef }, { type: i1$1.ScrollDispatcher }, { type: EuiDropdownService }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]