@eui/components 17.0.1-snapshot-1701096824737 → 17.0.1-snapshot-1701254423874

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

@@ -1,6 +1,5 @@
-import { Component, HostBinding, Input, ChangeDetectionStrategy, ViewEncapsulation, forwardRef, ContentChildren, Output, EventEmitter, ViewChild, } from '@angular/core';
+import { Component, HostBinding, Input, ChangeDetectionStrategy, ViewEncapsulation, forwardRef, ContentChildren, Output, EventEmitter, ViewChild, booleanAttribute, } from '@angular/core';
 import * as uuid from 'uuid';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { BaseDirective } from '@eui/components/shared';
 import { EuiIconComponent } from '@eui/components/eui-icon';
 import * as i0 from "@angular/core";
@@ -16,21 +15,11 @@ export class EuiChipComponent extends BaseDirective {
             .join(' ')
             .trim();
     }
-    get isChipRemovable() {
-        return this._isChipRemovable;
-    }
-    set isChipRemovable(value) {
-        this._isChipRemovable = coerceBooleanProperty(value);
-    }
-    get isSquared() {
-        return this._isSquared;
-    }
-    set isSquared(value) {
-        this._isSquared = coerceBooleanProperty(value);
-    }
     constructor(_elementRef) {
         super();
         this._elementRef = _elementRef;
+        this.role = 'status';
+        this.ariaLabel = 'Chip content';
         this.euiInternalId = null;
         // TODO: type should be specific
         // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html
@@ -43,11 +32,9 @@ export class EuiChipComponent extends BaseDirective {
                 position: 'above',
             },
         };
+        this.isChipRemovable = false;
+        this.isSquared = false;
         this.remove = new EventEmitter();
-        this.role = 'status';
-        this.ariaLabel = 'Chip content';
-        this._isChipRemovable = false;
-        this._isSquared = false;
     }
     ngAfterContentInit() {
         super.e2eAttr = 'eui-chip';
@@ -76,12 +63,21 @@ export class EuiChipComponent extends BaseDirective {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiChipComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: "isChipRemovable", isSquared: "isSquared" }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(() => EuiIconComponent) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"eui-chip-wrapper\">\n    <div class=\"eui-chip__content-container\" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-svg-button\n        *ngIf=\"isChipRemovable\"\n        iconSvgName=\"eui-ecl-close\"\n        iconSvgSize=\"s\"\n        hasNoPadding\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (click)=\"onRemove($event)\"\n        class=\"eui-u-ml-xs\">\n    </eui-icon-svg-button>\n</div>\n", styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-avatar{transform:scale(.9);margin-left:-.75rem;margin-right:.5rem}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100);background-image:none;border:1px solid}.eui-chip--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-chip--outline.eui-chip--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .75rem/1rem var(--eui-base-font-family);padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["iconSvgName", "iconSvgFillColor", "iconSvgSize", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.4", type: EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: ["isChipRemovable", "isChipRemovable", booleanAttribute], isSquared: ["isSquared", "isSquared", booleanAttribute] }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(() => EuiIconComponent) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"eui-chip-wrapper\">\n    <div class=\"eui-chip__content-container\" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-svg-button\n        *ngIf=\"isChipRemovable\"\n        iconSvgName=\"eui-ecl-close\"\n        iconSvgSize=\"s\"\n        hasNoPadding\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (click)=\"onRemove($event)\"\n        class=\"eui-u-ml-xs\">\n    </eui-icon-svg-button>\n</div>\n", styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-avatar{transform:scale(.9);margin-left:-.75rem;margin-right:.5rem}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100);background-image:none;border:1px solid}.eui-chip--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-chip--outline.eui-chip--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .75rem/1rem var(--eui-base-font-family);padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["iconSvgName", "iconSvgFillColor", "iconSvgSize", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiChipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-chip, span[euiChip], li[euiChip]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-chip-wrapper\">\n    <div class=\"eui-chip__content-container\" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-svg-button\n        *ngIf=\"isChipRemovable\"\n        iconSvgName=\"eui-ecl-close\"\n        iconSvgSize=\"s\"\n        hasNoPadding\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (click)=\"onRemove($event)\"\n        class=\"eui-u-ml-xs\">\n    </eui-icon-svg-button>\n</div>\n", styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-avatar{transform:scale(.9);margin-left:-.75rem;margin-right:.5rem}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100);background-image:none;border:1px solid}.eui-chip--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-chip--outline.eui-chip--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .75rem/1rem var(--eui-base-font-family);padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { euiInternalId: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], ariaLabel: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }], euiInternalId: [{
                 type: Input
             }], tooltipMessage: [{
                 type: Input
@@ -89,26 +85,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
                 type: Input
             }], data: [{
                 type: Input
+            }], isChipRemovable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], isSquared: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], remove: [{
                 type: Output
-            }], cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], ariaLabel: [{
-                type: HostBinding,
-                args: ['attr.aria-label']
             }], euiIcons: [{
                 type: ContentChildren,
                 args: [forwardRef(() => EuiIconComponent)]
             }], chipLabel: [{
                 type: ViewChild,
                 args: ['chipLabel']
-            }], isChipRemovable: [{
-                type: Input
-            }], isSquared: [{
-                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWNoaXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLWNoaXAvZXVpLWNoaXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWNoaXAvZXVpLWNoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsVUFBVSxFQUNWLGVBQWUsRUFHZixNQUFNLEVBQ04sWUFBWSxFQUNaLFNBQVMsR0FFWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEtBQUssSUFBSSxNQUFNLE1BQU0sQ0FBQztBQUM3QixPQUFPLEVBQUUscUJBQXFCLEVBQWdCLE1BQU0sdUJBQXVCLENBQUM7QUFFNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7O0FBVzVELE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxhQUFhO0lBa0IvQyxJQUNJLFVBQVU7UUFDVixPQUFPO1lBQ0gsS0FBSyxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUM7WUFDL0IsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDakQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDNUM7YUFDSSxJQUFJLENBQUMsR0FBRyxDQUFDO2FBQ1QsSUFBSSxFQUFFLENBQUM7SUFDaEIsQ0FBQztJQVFELElBQ0ksZUFBZTtRQUNmLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDO0lBQ2pDLENBQUM7SUFDRCxJQUFJLGVBQWUsQ0FBQyxLQUFtQjtRQUNuQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekQsQ0FBQztJQUdELElBQ0ksU0FBUztRQUNULE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUMzQixDQUFDO0lBQ0QsSUFBSSxTQUFTLENBQUMsS0FBbUI7UUFDN0IsSUFBSSxDQUFDLFVBQVUsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBR0QsWUFBb0IsV0FBdUI7UUFDdkMsS0FBSyxFQUFFLENBQUM7UUFEUSxnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQXBEbEMsa0JBQWEsR0FBVyxJQUFJLENBQUM7UUFHdEMsZ0NBQWdDO1FBQ2hDLG1IQUFtSDtRQUNuSCw4REFBOEQ7UUFDckQsU0FBSSxHQUFRO1lBQ2pCLEVBQUUsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFO1lBQ2IsT0FBTyxFQUFFO2dCQUNMLEtBQUssRUFBRSxtQkFBbUI7Z0JBQzFCLGdCQUFnQixFQUFFLElBQUk7Z0JBQ3RCLFFBQVEsRUFBRSxPQUFPO2FBQ3BCO1NBQ0osQ0FBQztRQUVRLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBb0YsQ0FBQztRQWE5RixTQUFJLEdBQUcsUUFBUSxDQUFDO1FBQ1YsY0FBUyxHQUFHLGNBQWMsQ0FBQztRQVluRCxxQkFBZ0IsR0FBRyxLQUFLLENBQUM7UUFTekIsZUFBVSxHQUFHLEtBQUssQ0FBQztJQUkzQixDQUFDO0lBRUQsa0JBQWtCO1FBQ2QsS0FBSyxDQUFDLE9BQU8sR0FBRyxVQUFVLENBQUM7UUFDM0IsSUFDSSxDQUFDLEtBQUssQ0FBQyxVQUFVO1lBQ2pCLENBQUMsS0FBSyxDQUFDLFlBQVk7WUFDbkIsQ0FBQyxLQUFLLENBQUMsT0FBTztZQUNkLENBQUMsS0FBSyxDQUFDLFVBQVU7WUFDakIsQ0FBQyxLQUFLLENBQUMsVUFBVTtZQUNqQixDQUFDLEtBQUssQ0FBQyxTQUFTO1lBQ2hCLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFDbEI7WUFDRSxLQUFLLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztTQUMzQjtRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxJQUFJLENBQUMsRUFBRSxFQUFFO1lBQzFCLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1NBQ3pEO1FBRUQsSUFBRyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxhQUFhLEVBQUUsU0FBUyxDQUFDLFFBQVEsQ0FBQywrQkFBK0IsQ0FBQyxFQUFFO1lBQ2xHLElBQUksQ0FBQyxJQUFJLEdBQUcsVUFBVSxDQUFBO1NBQ3pCO0lBQ0wsQ0FBQztJQUVNLFFBQVEsQ0FBQyxLQUFhO1FBQ3pCLElBQUksS0FBSyxZQUFZLGFBQWEsSUFBSyxLQUF1QixDQUFDLElBQUksS0FBSyxXQUFXLEVBQUU7WUFDakYsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO1NBQ2hEO2FBQU07WUFDSCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDL0I7SUFDTCxDQUFDO2lJQXJGUSxnQkFBZ0I7cUhBQWhCLGdCQUFnQiwrYUFnQ1MsZ0JBQWdCLDZKQzlEdEQsOGVBZUE7OzJGRGVhLGdCQUFnQjtrQkFQNUIsU0FBUzsrQkFFSSxzQ0FBc0MsbUJBRS9CLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7K0VBRzVCLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxFQUFFO3NCQUFWLEtBQUs7Z0JBSUcsSUFBSTtzQkFBWixLQUFLO2dCQVNJLE1BQU07c0JBQWYsTUFBTTtnQkFHSCxVQUFVO3NCQURiLFdBQVc7dUJBQUMsT0FBTztnQkFXTSxJQUFJO3NCQUE3QixXQUFXO3VCQUFDLFdBQVc7Z0JBQ1EsU0FBUztzQkFBeEMsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBRXVCLFFBQVE7c0JBQTVELGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGdCQUFnQixDQUFDO2dCQUMzQixTQUFTO3NCQUFoQyxTQUFTO3VCQUFDLFdBQVc7Z0JBR2xCLGVBQWU7c0JBRGxCLEtBQUs7Z0JBVUYsU0FBUztzQkFEWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5wdXQsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG4gICAgZm9yd2FyZFJlZixcbiAgICBDb250ZW50Q2hpbGRyZW4sXG4gICAgUXVlcnlMaXN0LFxuICAgIEFmdGVyQ29udGVudEluaXQsXG4gICAgT3V0cHV0LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBWaWV3Q2hpbGQsXG4gICAgRWxlbWVudFJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgKiBhcyB1dWlkIGZyb20gJ3V1aWQnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5LCBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuXG5pbXBvcnQgeyBCYXNlRGlyZWN0aXZlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL3NoYXJlZCc7XG5pbXBvcnQgeyBFdWlJY29uQ29tcG9uZW50IH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1pY29uJztcblxuaW1wb3J0IHsgRXVpQ2hpcCB9IGZyb20gJy4vbW9kZWxzL2V1aS1jaGlwLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS1jaGlwLmNvbXBvbmVudC5odG1sJyxcbiAgICBzZWxlY3RvcjogJ2V1aS1jaGlwLCBzcGFuW2V1aUNoaXBdLCBsaVtldWlDaGlwXScsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpQ2hpcENvbXBvbmVudCBleHRlbmRzIEJhc2VEaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcbiAgICBASW5wdXQoKSBldWlJbnRlcm5hbElkOiBzdHJpbmcgPSBudWxsO1xuICAgIEBJbnB1dCgpIHRvb2x0aXBNZXNzYWdlOiBzdHJpbmc7XG4gICAgQElucHV0KCkgaWQ6IHN0cmluZyB8IG51bWJlcjtcbiAgICAvLyBUT0RPOiB0eXBlIHNob3VsZCBiZSBzcGVjaWZpY1xuICAgIC8vIFRPRE86IGZpbmQgdGhlIGNvcnJlY3QgdHlwZSBvciB0dXJuIGludG8gYSBnZW5lcmljLCBodHRwczovL3d3dy50eXBlc2NyaXB0bGFuZy5vcmcvZG9jcy9oYW5kYm9vay8yL2dlbmVyaWNzLmh0bWxcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgIEBJbnB1dCgpIGRhdGE6IGFueSA9IHtcbiAgICAgICAgaWQ6IHV1aWQudjQoKSxcbiAgICAgICAgdG9vbHRpcDoge1xuICAgICAgICAgICAgY29sb3I6ICdldWlUb29sdGlwUHJpbWFyeScsXG4gICAgICAgICAgICBjb250ZW50QWxpZ25tZW50OiBudWxsLFxuICAgICAgICAgICAgcG9zaXRpb246ICdhYm92ZScsXG4gICAgICAgIH0sXG4gICAgfTtcblxuICAgIEBPdXRwdXQoKSByZW1vdmUgPSBuZXcgRXZlbnRFbWl0dGVyPEV1aUNoaXBDb21wb25lbnQgfCBFdWlDaGlwIHwgeyBjaGlwOiBFdWlDaGlwQ29tcG9uZW50IHwgRXVpQ2hpcDsgZXZlbnQ/OiBFdmVudCB9PigpO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHN1cGVyLmdldENzc0NsYXNzZXMoJ2V1aS1jaGlwJyksXG4gICAgICAgICAgICB0aGlzLmlzQ2hpcFJlbW92YWJsZSA/ICdldWktY2hpcC0tcmVtb3ZhYmxlJyA6ICcnLFxuICAgICAgICAgICAgdGhpcy5pc1NxdWFyZWQgPyAnZXVpLWNoaXAtLXNxdWFyZWQnIDogJycsXG4gICAgICAgIF1cbiAgICAgICAgICAgIC5qb2luKCcgJylcbiAgICAgICAgICAgIC50cmltKCk7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKSByb2xlID0gJ3N0YXR1cyc7XG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtbGFiZWwnKSBhcmlhTGFiZWwgPSAnQ2hpcCBjb250ZW50JztcblxuICAgIEBDb250ZW50Q2hpbGRyZW4oZm9yd2FyZFJlZigoKSA9PiBFdWlJY29uQ29tcG9uZW50KSkgZXVpSWNvbnM6IFF1ZXJ5TGlzdDxFdWlJY29uQ29tcG9uZW50PjtcbiAgICBAVmlld0NoaWxkKCdjaGlwTGFiZWwnKSBjaGlwTGFiZWw6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG5cbiAgICBASW5wdXQoKVxuICAgIGdldCBpc0NoaXBSZW1vdmFibGUoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pc0NoaXBSZW1vdmFibGU7XG4gICAgfVxuICAgIHNldCBpc0NoaXBSZW1vdmFibGUodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgICAgICB0aGlzLl9pc0NoaXBSZW1vdmFibGUgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICAgIH1cbiAgICBwcml2YXRlIF9pc0NoaXBSZW1vdmFibGUgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGlzU3F1YXJlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lzU3F1YXJlZDtcbiAgICB9XG4gICAgc2V0IGlzU3F1YXJlZCh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgICAgIHRoaXMuX2lzU3F1YXJlZCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuICAgIHByaXZhdGUgX2lzU3F1YXJlZCA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZikge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxuICAgIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIuZTJlQXR0ciA9ICdldWktY2hpcCc7XG4gICAgICAgIGlmIChcbiAgICAgICAgICAgICFzdXBlci5ldWlQcmltYXJ5ICYmXG4gICAgICAgICAgICAhc3VwZXIuZXVpU2Vjb25kYXJ5ICYmXG4gICAgICAgICAgICAhc3VwZXIuZXVpSW5mbyAmJlxuICAgICAgICAgICAgIXN1cGVyLmV1aVN1Y2Nlc3MgJiZcbiAgICAgICAgICAgICFzdXBlci5ldWlXYXJuaW5nICYmXG4gICAgICAgICAgICAhc3VwZXIuZXVpRGFuZ2VyICYmXG4gICAgICAgICAgICAhc3VwZXIuZXVpQWNjZW50XG4gICAgICAgICkge1xuICAgICAgICAgICAgc3VwZXIuZXVpUHJpbWFyeSA9IHRydWU7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKCF0aGlzLmRhdGEuaWQgJiYgdGhpcy5pZCkge1xuICAgICAgICAgICAgdGhpcy5kYXRhID0gT2JqZWN0LmFzc2lnbih0aGlzLmRhdGEsIHsgaWQ6IHRoaXMuaWQgfSk7XG4gICAgICAgIH1cblxuICAgICAgICBpZih0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudD8uY2xhc3NMaXN0LmNvbnRhaW5zKCdldWktY2hpcC1saXN0X19jaGlwLWNvbnRhaW5lcicpKSB7XG4gICAgICAgICAgICB0aGlzLnJvbGUgPSAnbGlzdGl0ZW0nXG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwdWJsaWMgb25SZW1vdmUoZXZlbnQ/OiBFdmVudCk6IHZvaWQge1xuICAgICAgICBpZiAoZXZlbnQgaW5zdGFuY2VvZiBLZXlib2FyZEV2ZW50ICYmIChldmVudCBhcyBLZXlib2FyZEV2ZW50KS5jb2RlID09PSAnQmFja3NwYWNlJykge1xuICAgICAgICAgICAgdGhpcy5yZW1vdmUuZW1pdCh7IGNoaXA6IHRoaXMuZGF0YSwgZXZlbnQgfSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLnJlbW92ZS5lbWl0KHRoaXMuZGF0YSk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZXVpLWNoaXAtd3JhcHBlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJldWktY2hpcF9fY29udGVudC1jb250YWluZXJcIiAjY2hpcExhYmVsPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGV1aS1pY29uLXN2Zy1idXR0b25cbiAgICAgICAgKm5nSWY9XCJpc0NoaXBSZW1vdmFibGVcIlxuICAgICAgICBpY29uU3ZnTmFtZT1cImV1aS1lY2wtY2xvc2VcIlxuICAgICAgICBpY29uU3ZnU2l6ZT1cInNcIlxuICAgICAgICBoYXNOb1BhZGRpbmdcbiAgICAgICAgKGtleWRvd24uZW50ZXIpPVwib25SZW1vdmUoJGV2ZW50KVwiXG4gICAgICAgIChrZXlkb3duLmJhY2tzcGFjZSk9XCJvblJlbW92ZSgkZXZlbnQpXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uUmVtb3ZlKCRldmVudClcIlxuICAgICAgICBjbGFzcz1cImV1aS11LW1sLXhzXCI+XG4gICAgPC9ldWktaWNvbi1zdmctYnV0dG9uPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWNoaXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLWNoaXAvZXVpLWNoaXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWNoaXAvZXVpLWNoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsVUFBVSxFQUNWLGVBQWUsRUFHZixNQUFNLEVBQ04sWUFBWSxFQUNaLFNBQVMsRUFFVCxnQkFBZ0IsR0FDbkIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxLQUFLLElBQUksTUFBTSxNQUFNLENBQUM7QUFHN0IsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7O0FBVzVELE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxhQUFhO0lBQy9DLElBQ0ksVUFBVTtRQUNWLE9BQU87WUFDSCxLQUFLLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQztZQUMvQixJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNqRCxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUM1QzthQUNJLElBQUksQ0FBQyxHQUFHLENBQUM7YUFDVCxJQUFJLEVBQUUsQ0FBQztJQUNoQixDQUFDO0lBNEJELFlBQW9CLFdBQXVCO1FBQ3ZDLEtBQUssRUFBRSxDQUFDO1FBRFEsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUExQmpCLFNBQUksR0FBRyxRQUFRLENBQUM7UUFDVixjQUFTLEdBQUcsY0FBYyxDQUFDO1FBRWxELGtCQUFhLEdBQVcsSUFBSSxDQUFDO1FBR3RDLGdDQUFnQztRQUNoQyxtSEFBbUg7UUFDbkgsOERBQThEO1FBQ3JELFNBQUksR0FBUTtZQUNqQixFQUFFLEVBQUUsSUFBSSxDQUFDLEVBQUUsRUFBRTtZQUNiLE9BQU8sRUFBRTtnQkFDTCxLQUFLLEVBQUUsbUJBQW1CO2dCQUMxQixnQkFBZ0IsRUFBRSxJQUFJO2dCQUN0QixRQUFRLEVBQUUsT0FBTzthQUNwQjtTQUNKLENBQUM7UUFFc0Msb0JBQWUsR0FBRyxLQUFLLENBQUM7UUFDeEIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUVoRCxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQW9GLENBQUM7SUFPeEgsQ0FBQztJQUVELGtCQUFrQjtRQUNkLEtBQUssQ0FBQyxPQUFPLEdBQUcsVUFBVSxDQUFDO1FBQzNCLElBQ0ksQ0FBQyxLQUFLLENBQUMsVUFBVTtZQUNqQixDQUFDLEtBQUssQ0FBQyxZQUFZO1lBQ25CLENBQUMsS0FBSyxDQUFDLE9BQU87WUFDZCxDQUFDLEtBQUssQ0FBQyxVQUFVO1lBQ2pCLENBQUMsS0FBSyxDQUFDLFVBQVU7WUFDakIsQ0FBQyxLQUFLLENBQUMsU0FBUztZQUNoQixDQUFDLEtBQUssQ0FBQyxTQUFTLEVBQ2xCO1lBQ0UsS0FBSyxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7U0FDM0I7UUFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksSUFBSSxDQUFDLEVBQUUsRUFBRTtZQUMxQixJQUFJLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFLEVBQUUsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztTQUN6RDtRQUVELElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsYUFBYSxFQUFFLFNBQVMsQ0FBQyxRQUFRLENBQUMsK0JBQStCLENBQUMsRUFBRTtZQUNuRyxJQUFJLENBQUMsSUFBSSxHQUFHLFVBQVUsQ0FBQTtTQUN6QjtJQUNMLENBQUM7SUFFTSxRQUFRLENBQUMsS0FBYTtRQUN6QixJQUFJLEtBQUssWUFBWSxhQUFhLElBQUssS0FBdUIsQ0FBQyxJQUFJLEtBQUssV0FBVyxFQUFFO1lBQ2pGLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztTQUNoRDthQUFNO1lBQ0gsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQy9CO0lBQ0wsQ0FBQztpSUF0RVEsZ0JBQWdCO3FIQUFoQixnQkFBZ0IsZ05BOEJMLGdCQUFnQix5Q0FDaEIsZ0JBQWdCLDhOQUlGLGdCQUFnQiw2SkNsRXRELDhlQWVBOzsyRkRnQmEsZ0JBQWdCO2tCQVA1QixTQUFTOytCQUVJLHNDQUFzQyxtQkFFL0IsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTsrRUFJakMsVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU87Z0JBV00sSUFBSTtzQkFBN0IsV0FBVzt1QkFBQyxXQUFXO2dCQUNRLFNBQVM7c0JBQXhDLFdBQVc7dUJBQUMsaUJBQWlCO2dCQUVyQixhQUFhO3NCQUFyQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csRUFBRTtzQkFBVixLQUFLO2dCQUlHLElBQUk7c0JBQVosS0FBSztnQkFTa0MsZUFBZTtzQkFBdEQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxTQUFTO3NCQUFoRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUU1QixNQUFNO3NCQUFmLE1BQU07Z0JBRThDLFFBQVE7c0JBQTVELGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGdCQUFnQixDQUFDO2dCQUMzQixTQUFTO3NCQUFoQyxTQUFTO3VCQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbnB1dCxcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgICBmb3J3YXJkUmVmLFxuICAgIENvbnRlbnRDaGlsZHJlbixcbiAgICBRdWVyeUxpc3QsXG4gICAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgICBPdXRwdXQsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIFZpZXdDaGlsZCxcbiAgICBFbGVtZW50UmVmLFxuICAgIGJvb2xlYW5BdHRyaWJ1dGUsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0ICogYXMgdXVpZCBmcm9tICd1dWlkJztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSwgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuaW1wb3J0IHsgQmFzZURpcmVjdGl2ZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9zaGFyZWQnO1xuaW1wb3J0IHsgRXVpSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktaWNvbic7XG5cbmltcG9ydCB7IEV1aUNoaXAgfSBmcm9tICcuL21vZGVscy9ldWktY2hpcC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWktY2hpcC5jb21wb25lbnQuaHRtbCcsXG4gICAgc2VsZWN0b3I6ICdldWktY2hpcCwgc3BhbltldWlDaGlwXSwgbGlbZXVpQ2hpcF0nLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aUNoaXBDb21wb25lbnQgZXh0ZW5kcyBCYXNlRGlyZWN0aXZlIGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHN1cGVyLmdldENzc0NsYXNzZXMoJ2V1aS1jaGlwJyksXG4gICAgICAgICAgICB0aGlzLmlzQ2hpcFJlbW92YWJsZSA/ICdldWktY2hpcC0tcmVtb3ZhYmxlJyA6ICcnLFxuICAgICAgICAgICAgdGhpcy5pc1NxdWFyZWQgPyAnZXVpLWNoaXAtLXNxdWFyZWQnIDogJycsXG4gICAgICAgIF1cbiAgICAgICAgICAgIC5qb2luKCcgJylcbiAgICAgICAgICAgIC50cmltKCk7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKSByb2xlID0gJ3N0YXR1cyc7XG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtbGFiZWwnKSBhcmlhTGFiZWwgPSAnQ2hpcCBjb250ZW50JztcblxuICAgIEBJbnB1dCgpIGV1aUludGVybmFsSWQ6IHN0cmluZyA9IG51bGw7XG4gICAgQElucHV0KCkgdG9vbHRpcE1lc3NhZ2U6IHN0cmluZztcbiAgICBASW5wdXQoKSBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICAgIC8vIFRPRE86IHR5cGUgc2hvdWxkIGJlIHNwZWNpZmljXG4gICAgLy8gVE9ETzogZmluZCB0aGUgY29ycmVjdCB0eXBlIG9yIHR1cm4gaW50byBhIGdlbmVyaWMsIGh0dHBzOi8vd3d3LnR5cGVzY3JpcHRsYW5nLm9yZy9kb2NzL2hhbmRib29rLzIvZ2VuZXJpY3MuaHRtbFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gICAgQElucHV0KCkgZGF0YTogYW55ID0ge1xuICAgICAgICBpZDogdXVpZC52NCgpLFxuICAgICAgICB0b29sdGlwOiB7XG4gICAgICAgICAgICBjb2xvcjogJ2V1aVRvb2x0aXBQcmltYXJ5JyxcbiAgICAgICAgICAgIGNvbnRlbnRBbGlnbm1lbnQ6IG51bGwsXG4gICAgICAgICAgICBwb3NpdGlvbjogJ2Fib3ZlJyxcbiAgICAgICAgfSxcbiAgICB9O1xuXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGlzQ2hpcFJlbW92YWJsZSA9IGZhbHNlO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBpc1NxdWFyZWQgPSBmYWxzZTtcblxuICAgIEBPdXRwdXQoKSByZW1vdmUgPSBuZXcgRXZlbnRFbWl0dGVyPEV1aUNoaXBDb21wb25lbnQgfCBFdWlDaGlwIHwgeyBjaGlwOiBFdWlDaGlwQ29tcG9uZW50IHwgRXVpQ2hpcDsgZXZlbnQ/OiBFdmVudCB9PigpO1xuXG4gICAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IEV1aUljb25Db21wb25lbnQpKSBldWlJY29uczogUXVlcnlMaXN0PEV1aUljb25Db21wb25lbnQ+O1xuICAgIEBWaWV3Q2hpbGQoJ2NoaXBMYWJlbCcpIGNoaXBMYWJlbDogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLmUyZUF0dHIgPSAnZXVpLWNoaXAnO1xuICAgICAgICBpZiAoXG4gICAgICAgICAgICAhc3VwZXIuZXVpUHJpbWFyeSAmJlxuICAgICAgICAgICAgIXN1cGVyLmV1aVNlY29uZGFyeSAmJlxuICAgICAgICAgICAgIXN1cGVyLmV1aUluZm8gJiZcbiAgICAgICAgICAgICFzdXBlci5ldWlTdWNjZXNzICYmXG4gICAgICAgICAgICAhc3VwZXIuZXVpV2FybmluZyAmJlxuICAgICAgICAgICAgIXN1cGVyLmV1aURhbmdlciAmJlxuICAgICAgICAgICAgIXN1cGVyLmV1aUFjY2VudFxuICAgICAgICApIHtcbiAgICAgICAgICAgIHN1cGVyLmV1aVByaW1hcnkgPSB0cnVlO1xuICAgICAgICB9XG4gICAgICAgIGlmICghdGhpcy5kYXRhLmlkICYmIHRoaXMuaWQpIHtcbiAgICAgICAgICAgIHRoaXMuZGF0YSA9IE9iamVjdC5hc3NpZ24odGhpcy5kYXRhLCB7IGlkOiB0aGlzLmlkIH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50Py5jbGFzc0xpc3QuY29udGFpbnMoJ2V1aS1jaGlwLWxpc3RfX2NoaXAtY29udGFpbmVyJykpIHtcbiAgICAgICAgICAgIHRoaXMucm9sZSA9ICdsaXN0aXRlbSdcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBvblJlbW92ZShldmVudD86IEV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmIChldmVudCBpbnN0YW5jZW9mIEtleWJvYXJkRXZlbnQgJiYgKGV2ZW50IGFzIEtleWJvYXJkRXZlbnQpLmNvZGUgPT09ICdCYWNrc3BhY2UnKSB7XG4gICAgICAgICAgICB0aGlzLnJlbW92ZS5lbWl0KHsgY2hpcDogdGhpcy5kYXRhLCBldmVudCB9KTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMucmVtb3ZlLmVtaXQodGhpcy5kYXRhKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJldWktY2hpcC13cmFwcGVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImV1aS1jaGlwX19jb250ZW50LWNvbnRhaW5lclwiICNjaGlwTGFiZWw+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZXVpLWljb24tc3ZnLWJ1dHRvblxuICAgICAgICAqbmdJZj1cImlzQ2hpcFJlbW92YWJsZVwiXG4gICAgICAgIGljb25TdmdOYW1lPVwiZXVpLWVjbC1jbG9zZVwiXG4gICAgICAgIGljb25TdmdTaXplPVwic1wiXG4gICAgICAgIGhhc05vUGFkZGluZ1xuICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJvblJlbW92ZSgkZXZlbnQpXCJcbiAgICAgICAgKGtleWRvd24uYmFja3NwYWNlKT1cIm9uUmVtb3ZlKCRldmVudClcIlxuICAgICAgICAoY2xpY2spPVwib25SZW1vdmUoJGV2ZW50KVwiXG4gICAgICAgIGNsYXNzPVwiZXVpLXUtbWwteHNcIj5cbiAgICA8L2V1aS1pY29uLXN2Zy1idXR0b24+XG48L2Rpdj5cbiJdfQ==

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

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

package/esm2022/eui-discussion-thread/eui-discussion-thread-item.component.mjs

@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { Component, HostBinding, Input } from '@angular/core';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 import * as i1 from "@eui/components/eui-icon";
@@ -6,6 +6,7 @@ import * as i2 from "@eui/components/eui-label";
 import * as i3 from "@angular/common";
 export class EuiDiscussionThreadItemComponent {
     constructor() {
+        this.role = 'listitem';
         this._isOdd = false;
     }
     get isOdd() {
@@ -33,12 +34,15 @@ export class EuiDiscussionThreadItemComponent {
         return `eui-icon ${iconClass}`;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDiscussionThreadItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: EuiDiscussionThreadItemComponent, selector: "eui-discussion-thread-item", inputs: { id: "id", typeClass: "typeClass", date: "date", author: "author", body: "body", tooltip: "tooltip", isOdd: "isOdd" }, ngImport: i0, template: "<li class=\"eui-discussion-thread__item\" [class.eui-discussion-thread-inverted]=\"isOdd\">\n    <div class=\"eui-discussion-thread-badge {{ typeClass }}\" title=\"{{ tooltip }}\">\n        <span class=\"{{ iconClass }}\"></span>\n    </div>\n    <div class=\"eui-discussion-thread-panel\">\n        <div class=\"eui-discussion-thread-header\">\n            <div class=\"eui-discussion-thread-heading\">\n                <div class=\"eui-discussion-thread-title\">\n                    {{ date | date: 'dd/MM/YYYY' }}\n                </div>\n                <div class=\"eui-discussion-thread-time\">\n                    <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"grey-75\" class=\"eui-u-mr-xs\"></eui-icon-svg>\n                    <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n                </div>\n            </div>\n            <div class=\"eui-discussion-thread-subheading\">\n                {{ author }}\n            </div>\n        </div>\n        <div class=\"eui-discussion-thread-body\">\n            <p class=\"eui-discussion-thread-body__word-break\" [innerHTML]=\"body\"></p>\n        </div>\n    </div>\n</li>\n", dependencies: [{ kind: "component", type: i1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i2.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: "pipe", type: i3.DatePipe, name: "date" }] }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: EuiDiscussionThreadItemComponent, selector: "eui-discussion-thread-item", inputs: { id: "id", typeClass: "typeClass", date: "date", author: "author", body: "body", tooltip: "tooltip", isOdd: "isOdd" }, host: { properties: { "attr.role": "this.role" } }, ngImport: i0, template: "<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread-inverted]=\"isOdd\">\n    <div class=\"eui-discussion-thread-badge {{ typeClass }}\" title=\"{{ tooltip }}\">\n        <span class=\"{{ iconClass }}\"></span>\n    </div>\n    <div class=\"eui-discussion-thread-panel\">\n        <div class=\"eui-discussion-thread-header\">\n            <div class=\"eui-discussion-thread-heading\">\n                <div class=\"eui-discussion-thread-title\">\n                    {{ date | date: 'dd/MM/YYYY' }}\n                </div>\n                <div class=\"eui-discussion-thread-time\">\n                    <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"grey-75\" class=\"eui-u-mr-xs\"></eui-icon-svg>\n                    <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n                </div>\n            </div>\n            <div class=\"eui-discussion-thread-subheading\">\n                {{ author }}\n            </div>\n        </div>\n        <div class=\"eui-discussion-thread-body\">\n            <p class=\"eui-discussion-thread-body__word-break\" [innerHTML]=\"body\"></p>\n        </div>\n    </div>\n</li>\n", dependencies: [{ kind: "component", type: i1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i2.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: "pipe", type: i3.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDiscussionThreadItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-discussion-thread-item', template: "<li class=\"eui-discussion-thread__item\" [class.eui-discussion-thread-inverted]=\"isOdd\">\n    <div class=\"eui-discussion-thread-badge {{ typeClass }}\" title=\"{{ tooltip }}\">\n        <span class=\"{{ iconClass }}\"></span>\n    </div>\n    <div class=\"eui-discussion-thread-panel\">\n        <div class=\"eui-discussion-thread-header\">\n            <div class=\"eui-discussion-thread-heading\">\n                <div class=\"eui-discussion-thread-title\">\n                    {{ date | date: 'dd/MM/YYYY' }}\n                </div>\n                <div class=\"eui-discussion-thread-time\">\n                    <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"grey-75\" class=\"eui-u-mr-xs\"></eui-icon-svg>\n                    <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n                </div>\n            </div>\n            <div class=\"eui-discussion-thread-subheading\">\n                {{ author }}\n            </div>\n        </div>\n        <div class=\"eui-discussion-thread-body\">\n            <p class=\"eui-discussion-thread-body__word-break\" [innerHTML]=\"body\"></p>\n        </div>\n    </div>\n</li>\n" }]
-        }], propDecorators: { id: [{
+            args: [{ selector: 'eui-discussion-thread-item', template: "<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread-inverted]=\"isOdd\">\n    <div class=\"eui-discussion-thread-badge {{ typeClass }}\" title=\"{{ tooltip }}\">\n        <span class=\"{{ iconClass }}\"></span>\n    </div>\n    <div class=\"eui-discussion-thread-panel\">\n        <div class=\"eui-discussion-thread-header\">\n            <div class=\"eui-discussion-thread-heading\">\n                <div class=\"eui-discussion-thread-title\">\n                    {{ date | date: 'dd/MM/YYYY' }}\n                </div>\n                <div class=\"eui-discussion-thread-time\">\n                    <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"grey-75\" class=\"eui-u-mr-xs\"></eui-icon-svg>\n                    <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n                </div>\n            </div>\n            <div class=\"eui-discussion-thread-subheading\">\n                {{ author }}\n            </div>\n        </div>\n        <div class=\"eui-discussion-thread-body\">\n            <p class=\"eui-discussion-thread-body__word-break\" [innerHTML]=\"body\"></p>\n        </div>\n    </div>\n</li>\n" }]
+        }], propDecorators: { role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], id: [{
                 type: Input
             }], typeClass: [{
                 type: Input
@@ -53,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
             }], isOdd: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWRpc2N1c3Npb24tdGhyZWFkLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLWRpc2N1c3Npb24tdGhyZWFkL2V1aS1kaXNjdXNzaW9uLXRocmVhZC1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL2V1aS1kaXNjdXNzaW9uLXRocmVhZC9ldWktZGlzY3Vzc2lvbi10aHJlYWQtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUscUJBQXFCLEVBQWdCLE1BQU0sdUJBQXVCLENBQUM7Ozs7O0FBTTVFLE1BQU0sT0FBTyxnQ0FBZ0M7SUFKN0M7UUFtQlksV0FBTSxHQUFHLEtBQUssQ0FBQztLQW9CMUI7SUEzQkcsSUFDSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxJQUFJLEtBQUssQ0FBQyxLQUFtQjtRQUN6QixJQUFJLENBQUMsTUFBTSxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFHRCxJQUFJLFNBQVM7UUFDVCxJQUFJLFNBQVMsR0FBRywwQkFBMEIsQ0FBQztRQUMzQyxRQUFRLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDcEIsS0FBSyxNQUFNO2dCQUNQLFNBQVMsR0FBRyxlQUFlLENBQUM7Z0JBQzVCLE1BQU07WUFDVixLQUFLLFNBQVM7Z0JBQ1YsU0FBUyxHQUFHLGdCQUFnQixDQUFDO2dCQUM3QixNQUFNO1lBQ1YsS0FBSyxTQUFTO2dCQUNWLFNBQVMsR0FBRyxzQkFBc0IsQ0FBQztnQkFDbkMsTUFBTTtZQUNWLEtBQUssUUFBUTtnQkFDVCxTQUFTLEdBQUcsZ0JBQWdCLENBQUM7Z0JBQzdCLE1BQU07U0FDYjtRQUNELE9BQU8sWUFBWSxTQUFTLEVBQUUsQ0FBQztJQUNuQyxDQUFDO2lJQWxDUSxnQ0FBZ0M7cUhBQWhDLGdDQUFnQyxrTUNQN0Msa3BDQXdCQTs7MkZEakJhLGdDQUFnQztrQkFKNUMsU0FBUzsrQkFDSSw0QkFBNEI7OEJBSTdCLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFHRixLQUFLO3NCQURSLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHksIEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpLWRpc2N1c3Npb24tdGhyZWFkLWl0ZW0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWktZGlzY3Vzc2lvbi10aHJlYWQtaXRlbS5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEV1aURpc2N1c3Npb25UaHJlYWRJdGVtQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBpZDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHR5cGVDbGFzczogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGRhdGU6IHN0cmluZztcbiAgICBASW5wdXQoKSBhdXRob3I6IHN0cmluZztcbiAgICBASW5wdXQoKSBib2R5OiBzdHJpbmc7XG4gICAgQElucHV0KCkgdG9vbHRpcDogc3RyaW5nO1xuXG4gICAgQElucHV0KClcbiAgICBnZXQgaXNPZGQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pc09kZDtcbiAgICB9XG4gICAgc2V0IGlzT2RkKHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICAgICAgdGhpcy5faXNPZGQgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICAgIH1cbiAgICBwcml2YXRlIF9pc09kZCA9IGZhbHNlO1xuXG4gICAgZ2V0IGljb25DbGFzcygpOiBzdHJpbmcge1xuICAgICAgICBsZXQgaWNvbkNsYXNzID0gJ2V1aS1pY29uLW1vcmUtaG9yaXpvbnRhbCc7XG4gICAgICAgIHN3aXRjaCAodGhpcy50eXBlQ2xhc3MpIHtcbiAgICAgICAgICAgIGNhc2UgJ2luZm8nOlxuICAgICAgICAgICAgICAgIGljb25DbGFzcyA9ICdldWktaWNvbi1pbmZvJztcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgICAgICAgICAgIGljb25DbGFzcyA9ICdldWktaWNvbi1jaGVjayc7XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgICAgICAgICAgICBpY29uQ2xhc3MgPSAnZXVpLWljb24tZXhjbGFtYXRpb24nO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAnZGFuZ2VyJzpcbiAgICAgICAgICAgICAgICBpY29uQ2xhc3MgPSAnZXVpLWljb24tdGltZXMnO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBgZXVpLWljb24gJHtpY29uQ2xhc3N9YDtcbiAgICB9XG59XG4iLCI8bGkgY2xhc3M9XCJldWktZGlzY3Vzc2lvbi10aHJlYWRfX2l0ZW1cIiBbY2xhc3MuZXVpLWRpc2N1c3Npb24tdGhyZWFkLWludmVydGVkXT1cImlzT2RkXCI+XG4gICAgPGRpdiBjbGFzcz1cImV1aS1kaXNjdXNzaW9uLXRocmVhZC1iYWRnZSB7eyB0eXBlQ2xhc3MgfX1cIiB0aXRsZT1cInt7IHRvb2x0aXAgfX1cIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ7eyBpY29uQ2xhc3MgfX1cIj48L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImV1aS1kaXNjdXNzaW9uLXRocmVhZC1wYW5lbFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWRpc2N1c3Npb24tdGhyZWFkLWhlYWRlclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImV1aS1kaXNjdXNzaW9uLXRocmVhZC1oZWFkaW5nXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImV1aS1kaXNjdXNzaW9uLXRocmVhZC10aXRsZVwiPlxuICAgICAgICAgICAgICAgICAgICB7eyBkYXRlIHwgZGF0ZTogJ2RkL01NL1lZWVknIH19XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImV1aS1kaXNjdXNzaW9uLXRocmVhZC10aW1lXCI+XG4gICAgICAgICAgICAgICAgICAgIDxldWktaWNvbi1zdmcgaWNvbj1cInRpbWVcIiBzZXQ9XCJvdXRsaW5lXCIgc2l6ZT1cInNcIiBmaWxsQ29sb3I9XCJncmV5LTc1XCIgY2xhc3M9XCJldWktdS1tci14c1wiPjwvZXVpLWljb24tc3ZnPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBldWlMYWJlbCBldWlTaXplUz57eyBkYXRlIHwgZGF0ZTogJ0hIOm1tJyB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImV1aS1kaXNjdXNzaW9uLXRocmVhZC1zdWJoZWFkaW5nXCI+XG4gICAgICAgICAgICAgICAge3sgYXV0aG9yIH19XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJldWktZGlzY3Vzc2lvbi10aHJlYWQtYm9keVwiPlxuICAgICAgICAgICAgPHAgY2xhc3M9XCJldWktZGlzY3Vzc2lvbi10aHJlYWQtYm9keV9fd29yZC1icmVha1wiIFtpbm5lckhUTUxdPVwiYm9keVwiPjwvcD5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2xpPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWRpc2N1c3Npb24tdGhyZWFkLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLWRpc2N1c3Npb24tdGhyZWFkL2V1aS1kaXNjdXNzaW9uLXRocmVhZC1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL2V1aS1kaXNjdXNzaW9uLXRocmVhZC9ldWktZGlzY3Vzc2lvbi10aHJlYWQtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLHFCQUFxQixFQUFnQixNQUFNLHVCQUF1QixDQUFDOzs7OztBQU01RSxNQUFNLE9BQU8sZ0NBQWdDO0lBSjdDO1FBTThCLFNBQUksR0FBRyxVQUFVLENBQUM7UUFnQnBDLFdBQU0sR0FBRyxLQUFLLENBQUM7S0FvQjFCO0lBM0JHLElBQ0ksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN2QixDQUFDO0lBQ0QsSUFBSSxLQUFLLENBQUMsS0FBbUI7UUFDekIsSUFBSSxDQUFDLE1BQU0sR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBR0QsSUFBSSxTQUFTO1FBQ1QsSUFBSSxTQUFTLEdBQUcsMEJBQTBCLENBQUM7UUFDM0MsUUFBUSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ3BCLEtBQUssTUFBTTtnQkFDUCxTQUFTLEdBQUcsZUFBZSxDQUFDO2dCQUM1QixNQUFNO1lBQ1YsS0FBSyxTQUFTO2dCQUNWLFNBQVMsR0FBRyxnQkFBZ0IsQ0FBQztnQkFDN0IsTUFBTTtZQUNWLEtBQUssU0FBUztnQkFDVixTQUFTLEdBQUcsc0JBQXNCLENBQUM7Z0JBQ25DLE1BQU07WUFDVixLQUFLLFFBQVE7Z0JBQ1QsU0FBUyxHQUFHLGdCQUFnQixDQUFDO2dCQUM3QixNQUFNO1NBQ2I7UUFDRCxPQUFPLFlBQVksU0FBUyxFQUFFLENBQUM7SUFDbkMsQ0FBQztpSUFyQ1EsZ0NBQWdDO3FIQUFoQyxnQ0FBZ0Msc1BDUDdDLGdxQ0F3QkE7OzJGRGpCYSxnQ0FBZ0M7a0JBSjVDLFNBQVM7K0JBQ0ksNEJBQTRCOzhCQUtaLElBQUk7c0JBQTdCLFdBQVc7dUJBQUMsV0FBVztnQkFFZixFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBR0YsS0FBSztzQkFEUixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSwgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktZGlzY3Vzc2lvbi10aHJlYWQtaXRlbScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS1kaXNjdXNzaW9uLXRocmVhZC1pdGVtLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgRXVpRGlzY3Vzc2lvblRocmVhZEl0ZW1Db21wb25lbnQge1xuXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKSByb2xlID0gJ2xpc3RpdGVtJztcblxuICAgIEBJbnB1dCgpIGlkOiBzdHJpbmc7XG4gICAgQElucHV0KCkgdHlwZUNsYXNzOiBzdHJpbmc7XG4gICAgQElucHV0KCkgZGF0ZTogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGF1dGhvcjogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGJvZHk6IHN0cmluZztcbiAgICBASW5wdXQoKSB0b29sdGlwOiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIGdldCBpc09kZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lzT2RkO1xuICAgIH1cbiAgICBzZXQgaXNPZGQodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgICAgICB0aGlzLl9pc09kZCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuICAgIHByaXZhdGUgX2lzT2RkID0gZmFsc2U7XG5cbiAgICBnZXQgaWNvbkNsYXNzKCk6IHN0cmluZyB7XG4gICAgICAgIGxldCBpY29uQ2xhc3MgPSAnZXVpLWljb24tbW9yZS1ob3Jpem9udGFsJztcbiAgICAgICAgc3dpdGNoICh0aGlzLnR5cGVDbGFzcykge1xuICAgICAgICAgICAgY2FzZSAnaW5mbyc6XG4gICAgICAgICAgICAgICAgaWNvbkNsYXNzID0gJ2V1aS1pY29uLWluZm8nO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICAgICAgICAgICAgaWNvbkNsYXNzID0gJ2V1aS1pY29uLWNoZWNrJztcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgICAgICAgICAgIGljb25DbGFzcyA9ICdldWktaWNvbi1leGNsYW1hdGlvbic7XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBjYXNlICdkYW5nZXInOlxuICAgICAgICAgICAgICAgIGljb25DbGFzcyA9ICdldWktaWNvbi10aW1lcyc7XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGBldWktaWNvbiAke2ljb25DbGFzc31gO1xuICAgIH1cbn1cbiIsIjxsaSByb2xlPVwibm9uZVwiIGNsYXNzPVwiZXVpLWRpc2N1c3Npb24tdGhyZWFkX19pdGVtXCIgW2NsYXNzLmV1aS1kaXNjdXNzaW9uLXRocmVhZC1pbnZlcnRlZF09XCJpc09kZFwiPlxuICAgIDxkaXYgY2xhc3M9XCJldWktZGlzY3Vzc2lvbi10aHJlYWQtYmFkZ2Uge3sgdHlwZUNsYXNzIH19XCIgdGl0bGU9XCJ7eyB0b29sdGlwIH19XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwie3sgaWNvbkNsYXNzIH19XCI+PC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJldWktZGlzY3Vzc2lvbi10aHJlYWQtcGFuZWxcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImV1aS1kaXNjdXNzaW9uLXRocmVhZC1oZWFkZXJcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJldWktZGlzY3Vzc2lvbi10aHJlYWQtaGVhZGluZ1wiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJldWktZGlzY3Vzc2lvbi10aHJlYWQtdGl0bGVcIj5cbiAgICAgICAgICAgICAgICAgICAge3sgZGF0ZSB8IGRhdGU6ICdkZC9NTS9ZWVlZJyB9fVxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJldWktZGlzY3Vzc2lvbi10aHJlYWQtdGltZVwiPlxuICAgICAgICAgICAgICAgICAgICA8ZXVpLWljb24tc3ZnIGljb249XCJ0aW1lXCIgc2V0PVwib3V0bGluZVwiIHNpemU9XCJzXCIgZmlsbENvbG9yPVwiZ3JleS03NVwiIGNsYXNzPVwiZXVpLXUtbXIteHNcIj48L2V1aS1pY29uLXN2Zz5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gZXVpTGFiZWwgZXVpU2l6ZVM+e3sgZGF0ZSB8IGRhdGU6ICdISDptbScgfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJldWktZGlzY3Vzc2lvbi10aHJlYWQtc3ViaGVhZGluZ1wiPlxuICAgICAgICAgICAgICAgIHt7IGF1dGhvciB9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWRpc2N1c3Npb24tdGhyZWFkLWJvZHlcIj5cbiAgICAgICAgICAgIDxwIGNsYXNzPVwiZXVpLWRpc2N1c3Npb24tdGhyZWFkLWJvZHlfX3dvcmQtYnJlYWtcIiBbaW5uZXJIVE1MXT1cImJvZHlcIj48L3A+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9saT5cbiJdfQ==

package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs

@@ -1,18 +1,24 @@
-import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "./eui-discussion-thread-item.component";
 export class EuiDiscussionThreadComponent {
+    constructor() {
+        this.role = 'list';
+    }
     trackByFn(index, item) {
         return item.id;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiDiscussionThreadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: EuiDiscussionThreadComponent, selector: "eui-discussion-thread", inputs: { items: "items", titleLabel: "titleLabel", subTitleLabel: "subTitleLabel", tooltip: "tooltip" }, 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 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-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-base-color-grey-20);color:var(--eui-base-color-primary-100);display:flex;margin-bottom:var(--eui-base-spacing-xs);padding-bottom:var(--eui-base-spacing-2xs);width:100%;font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-base-color-grey-100);display:flex;width:100%;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread{list-style:none;padding:20px 0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread:before{background-color:var(--eui-base-color-grey-15);bottom:0;content:\" \";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}.eui-discussion-thread-wrapper .eui-discussion-thread__item{margin-bottom:var(--eui-base-spacing-m);position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread__item:before,.eui-discussion-thread-wrapper .eui-discussion-thread__item:after{content:\" \";display:table}.eui-discussion-thread-wrapper .eui-discussion-thread__item:after{clear:both}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-panel{background-color:var(--eui-base-color-white);border:1px solid #d4d4d4;border-radius:.5rem;box-shadow:0 1px 6px #0000002d;float:left;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0;position:relative;width:44%}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-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-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-base-color-white);border-right:0 solid var(--eui-base-color-white);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-badge{border-radius:100%;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--eui-base-color-white);font-size:1.4rem;height:50px;left:50%;line-height:50px;margin-left:-25px;position:absolute;text-align:center;top:16px;width:50px}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-badge--small{height:1.5rem;left:51.75%;top:2.5rem;width:1.5rem}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel{float:right}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread-badge{background-color:var(--eui-base-color-grey-25)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.primary{background-color:var(--eui-base-color-primary-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.success{background-color:var(--eui-base-color-success-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.warning{background-color:var(--eui-base-color-warning-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.danger{background-color:var(--eui-base-color-danger-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.info{background-color:var(--eui-base-color-info-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.accent{background-color:var(--eui-base-color-accent-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-header{border-bottom:1px solid var(--eui-base-color-grey-15);margin-bottom:var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-s)}.eui-discussion-thread-wrapper .eui-discussion-thread-heading{align-items:center;display:flex;justify-content:space-between}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-title{align-items:center;display:flex;color:var(--eui-base-color-primary-100);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-time{align-items:center;display:flex;margin-left:auto;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-subheading{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-body{margin:var(--eui-base-spacing-m) 0}.eui-discussion-thread-wrapper .eui-discussion-thread-body__word-break{word-break:break-word}.eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-base-color-black);height:1px;margin:0!important;opacity:.4}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p,.eui-discussion-thread-wrapper .eui-discussion-thread-body>ul{margin-bottom:0}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p+p{margin-top:5px}.eui-discussion-thread-wrapper .eui-discussion-thread-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-discussion-thread-wrapper .eui-discussion-thread-tooltip{background-color:#000000bf;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}@media screen and (min-width: 1140px){.eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiDiscussionThreadItemComponent, selector: "eui-discussion-thread-item", inputs: ["id", "typeClass", "date", "author", "body", "tooltip", "isOdd"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: EuiDiscussionThreadComponent, 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-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-base-color-grey-20);color:var(--eui-base-color-primary-100);display:flex;margin-bottom:var(--eui-base-spacing-xs);padding-bottom:var(--eui-base-spacing-2xs);width:100%;font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-base-color-grey-100);display:flex;width:100%;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread{list-style:none;padding:20px 0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread:before{background-color:var(--eui-base-color-grey-15);bottom:0;content:\" \";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}.eui-discussion-thread-wrapper .eui-discussion-thread__item{margin-bottom:var(--eui-base-spacing-m);position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread__item:before,.eui-discussion-thread-wrapper .eui-discussion-thread__item:after{content:\" \";display:table}.eui-discussion-thread-wrapper .eui-discussion-thread__item:after{clear:both}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-panel{background-color:var(--eui-base-color-white);border:1px solid #d4d4d4;border-radius:.5rem;box-shadow:0 1px 6px #0000002d;float:left;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0;position:relative;width:44%}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-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-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-base-color-white);border-right:0 solid var(--eui-base-color-white);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-badge{border-radius:100%;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--eui-base-color-white);font-size:1.4rem;height:50px;left:50%;line-height:50px;margin-left:-25px;position:absolute;text-align:center;top:16px;width:50px}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-badge--small{height:1.5rem;left:51.75%;top:2.5rem;width:1.5rem}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel{float:right}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread-badge{background-color:var(--eui-base-color-grey-25)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.primary{background-color:var(--eui-base-color-primary-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.success{background-color:var(--eui-base-color-success-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.warning{background-color:var(--eui-base-color-warning-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.danger{background-color:var(--eui-base-color-danger-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.info{background-color:var(--eui-base-color-info-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.accent{background-color:var(--eui-base-color-accent-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-header{border-bottom:1px solid var(--eui-base-color-grey-15);margin-bottom:var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-s)}.eui-discussion-thread-wrapper .eui-discussion-thread-heading{align-items:center;display:flex;justify-content:space-between}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-title{align-items:center;display:flex;color:var(--eui-base-color-primary-100);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-time{align-items:center;display:flex;margin-left:auto;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-subheading{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-body{margin:var(--eui-base-spacing-m) 0}.eui-discussion-thread-wrapper .eui-discussion-thread-body__word-break{word-break:break-word}.eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-base-color-black);height:1px;margin:0!important;opacity:.4}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p,.eui-discussion-thread-wrapper .eui-discussion-thread-body>ul{margin-bottom:0}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p+p{margin-top:5px}.eui-discussion-thread-wrapper .eui-discussion-thread-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-discussion-thread-wrapper .eui-discussion-thread-tooltip{background-color:#000000bf;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}@media screen and (min-width: 1140px){.eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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: "17.0.4", ngImport: i0, type: EuiDiscussionThreadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-discussion-thread', encapsulation: ViewEncapsulation.None, 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 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-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-base-color-grey-20);color:var(--eui-base-color-primary-100);display:flex;margin-bottom:var(--eui-base-spacing-xs);padding-bottom:var(--eui-base-spacing-2xs);width:100%;font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-base-color-grey-100);display:flex;width:100%;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread{list-style:none;padding:20px 0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread:before{background-color:var(--eui-base-color-grey-15);bottom:0;content:\" \";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}.eui-discussion-thread-wrapper .eui-discussion-thread__item{margin-bottom:var(--eui-base-spacing-m);position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread__item:before,.eui-discussion-thread-wrapper .eui-discussion-thread__item:after{content:\" \";display:table}.eui-discussion-thread-wrapper .eui-discussion-thread__item:after{clear:both}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-panel{background-color:var(--eui-base-color-white);border:1px solid #d4d4d4;border-radius:.5rem;box-shadow:0 1px 6px #0000002d;float:left;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0;position:relative;width:44%}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-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-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-base-color-white);border-right:0 solid var(--eui-base-color-white);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-badge{border-radius:100%;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--eui-base-color-white);font-size:1.4rem;height:50px;left:50%;line-height:50px;margin-left:-25px;position:absolute;text-align:center;top:16px;width:50px}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-badge--small{height:1.5rem;left:51.75%;top:2.5rem;width:1.5rem}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel{float:right}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread-badge{background-color:var(--eui-base-color-grey-25)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.primary{background-color:var(--eui-base-color-primary-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.success{background-color:var(--eui-base-color-success-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.warning{background-color:var(--eui-base-color-warning-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.danger{background-color:var(--eui-base-color-danger-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.info{background-color:var(--eui-base-color-info-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.accent{background-color:var(--eui-base-color-accent-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-header{border-bottom:1px solid var(--eui-base-color-grey-15);margin-bottom:var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-s)}.eui-discussion-thread-wrapper .eui-discussion-thread-heading{align-items:center;display:flex;justify-content:space-between}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-title{align-items:center;display:flex;color:var(--eui-base-color-primary-100);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-time{align-items:center;display:flex;margin-left:auto;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-subheading{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-body{margin:var(--eui-base-spacing-m) 0}.eui-discussion-thread-wrapper .eui-discussion-thread-body__word-break{word-break:break-word}.eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-base-color-black);height:1px;margin:0!important;opacity:.4}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p,.eui-discussion-thread-wrapper .eui-discussion-thread-body>ul{margin-bottom:0}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p+p{margin-top:5px}.eui-discussion-thread-wrapper .eui-discussion-thread-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-discussion-thread-wrapper .eui-discussion-thread-tooltip{background-color:#000000bf;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}@media screen and (min-width: 1140px){.eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n"] }]
-        }], propDecorators: { items: [{
+            args: [{ selector: 'eui-discussion-thread', encapsulation: ViewEncapsulation.None, 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-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-base-color-grey-20);color:var(--eui-base-color-primary-100);display:flex;margin-bottom:var(--eui-base-spacing-xs);padding-bottom:var(--eui-base-spacing-2xs);width:100%;font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-base-color-grey-100);display:flex;width:100%;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread{list-style:none;padding:20px 0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread:before{background-color:var(--eui-base-color-grey-15);bottom:0;content:\" \";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}.eui-discussion-thread-wrapper .eui-discussion-thread__item{margin-bottom:var(--eui-base-spacing-m);position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread__item:before,.eui-discussion-thread-wrapper .eui-discussion-thread__item:after{content:\" \";display:table}.eui-discussion-thread-wrapper .eui-discussion-thread__item:after{clear:both}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-panel{background-color:var(--eui-base-color-white);border:1px solid #d4d4d4;border-radius:.5rem;box-shadow:0 1px 6px #0000002d;float:left;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0;position:relative;width:44%}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-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-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-base-color-white);border-right:0 solid var(--eui-base-color-white);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-badge{border-radius:100%;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--eui-base-color-white);font-size:1.4rem;height:50px;left:50%;line-height:50px;margin-left:-25px;position:absolute;text-align:center;top:16px;width:50px}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-badge--small{height:1.5rem;left:51.75%;top:2.5rem;width:1.5rem}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel{float:right}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread-badge{background-color:var(--eui-base-color-grey-25)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.primary{background-color:var(--eui-base-color-primary-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.success{background-color:var(--eui-base-color-success-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.warning{background-color:var(--eui-base-color-warning-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.danger{background-color:var(--eui-base-color-danger-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.info{background-color:var(--eui-base-color-info-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.accent{background-color:var(--eui-base-color-accent-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-header{border-bottom:1px solid var(--eui-base-color-grey-15);margin-bottom:var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-s)}.eui-discussion-thread-wrapper .eui-discussion-thread-heading{align-items:center;display:flex;justify-content:space-between}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-title{align-items:center;display:flex;color:var(--eui-base-color-primary-100);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-time{align-items:center;display:flex;margin-left:auto;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-subheading{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-body{margin:var(--eui-base-spacing-m) 0}.eui-discussion-thread-wrapper .eui-discussion-thread-body__word-break{word-break:break-word}.eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-base-color-black);height:1px;margin:0!important;opacity:.4}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p,.eui-discussion-thread-wrapper .eui-discussion-thread-body>ul{margin-bottom:0}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p+p{margin-top:5px}.eui-discussion-thread-wrapper .eui-discussion-thread-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-discussion-thread-wrapper .eui-discussion-thread-tooltip{background-color:#000000bf;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}@media screen and (min-width: 1140px){.eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.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']
+            }], items: [{
                 type: Input
             }], titleLabel: [{
                 type: Input
@@ -21,4 +27,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
             }], tooltip: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWRpc2N1c3Npb24tdGhyZWFkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2V1aS1kaXNjdXNzaW9uLXRocmVhZC9ldWktZGlzY3Vzc2lvbi10aHJlYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWRpc2N1c3Npb24tdGhyZWFkL2V1aS1kaXNjdXNzaW9uLXRocmVhZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVVwRSxNQUFNLE9BQU8sNEJBQTRCO0lBTTlCLFNBQVMsQ0FBQyxLQUFhLEVBQUUsSUFBNkI7UUFDekQsT0FBTyxJQUFJLENBQUMsRUFBRSxDQUFDO0lBQ25CLENBQUM7aUlBUlEsNEJBQTRCO3FIQUE1Qiw0QkFBNEIsdUtDVnpDLHUvQkF3QkE7OzJGRGRhLDRCQUE0QjtrQkFOeEMsU0FBUzsrQkFDSSx1QkFBdUIsaUJBR2xCLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRXVpRGlzY3Vzc2lvblRocmVhZEl0ZW0gfSBmcm9tICcuL21vZGVscy9ldWktZGlzY3Vzc2lvbi10aHJlYWQtaXRlbS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpLWRpc2N1c3Npb24tdGhyZWFkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLWRpc2N1c3Npb24tdGhyZWFkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlEaXNjdXNzaW9uVGhyZWFkQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBpdGVtczogRXVpRGlzY3Vzc2lvblRocmVhZEl0ZW1bXTtcbiAgICBASW5wdXQoKSB0aXRsZUxhYmVsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgc3ViVGl0bGVMYWJlbDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHRvb2x0aXA6IHN0cmluZztcblxuICAgIHB1YmxpYyB0cmFja0J5Rm4oaW5kZXg6IG51bWJlciwgaXRlbTogRXVpRGlzY3Vzc2lvblRocmVhZEl0ZW0pOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gaXRlbS5pZDtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZXVpLWRpc2N1c3Npb24tdGhyZWFkLXdyYXBwZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZXVpLWRpc2N1c3Npb24tdGhyZWFkLXdyYXBwZXItaGVhZGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJldWktZGlzY3Vzc2lvbi10aHJlYWQtd3JhcHBlci1oZWFkZXJfX3RpdGxlXCI+e3sgdGl0bGVMYWJlbCB9fTwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWRpc2N1c3Npb24tdGhyZWFkLXdyYXBwZXItaGVhZGVyX19zdWJ0aXRsZVwiPnt7IHN1YlRpdGxlTGFiZWwgfX08L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8dWwgY2xhc3M9XCJldWktZGlzY3Vzc2lvbi10aHJlYWRcIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ0lmXT1cIml0ZW1zXCI+XG4gICAgICAgICAgICA8ZXVpLWRpc2N1c3Npb24tdGhyZWFkLWl0ZW1cbiAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtczsgbGV0IG8gPSBvZGQ7IGxldCBlID0gZXZlbjsgdHJhY2tCeTogdHJhY2tCeUZuXCJcbiAgICAgICAgICAgICAgICBbaXNPZGRdPVwib1wiXG4gICAgICAgICAgICAgICAgaWQ9XCJ7eyBpdGVtLmlkIH19XCJcbiAgICAgICAgICAgICAgICB0eXBlQ2xhc3M9XCJ7eyBpdGVtLnR5cGVDbGFzcyB9fVwiXG4gICAgICAgICAgICAgICAgZGF0ZT1cInt7IGl0ZW0uZGF0ZSB9fVwiXG4gICAgICAgICAgICAgICAgYXV0aG9yPVwie3sgaXRlbS5hdXRob3IgfX1cIlxuICAgICAgICAgICAgICAgIGJvZHk9XCJ7eyBpdGVtLmJvZHkgfX1cIlxuICAgICAgICAgICAgICAgIHRvb2x0aXA9XCJ7eyBpdGVtLnRvb2x0aXAgfX1cIj5cbiAgICAgICAgICAgIDwvZXVpLWRpc2N1c3Npb24tdGhyZWFkLWl0ZW0+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ0lmXT1cIiFpdGVtc1wiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvdWw+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWRpc2N1c3Npb24tdGhyZWFkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2V1aS1kaXNjdXNzaW9uLXRocmVhZC9ldWktZGlzY3Vzc2lvbi10aHJlYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWRpc2N1c3Npb24tdGhyZWFkL2V1aS1kaXNjdXNzaW9uLXRocmVhZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFVakYsTUFBTSxPQUFPLDRCQUE0QjtJQU56QztRQVE4QixTQUFJLEdBQUcsTUFBTSxDQUFDO0tBVTNDO0lBSFUsU0FBUyxDQUFDLEtBQWEsRUFBRSxJQUE2QjtRQUN6RCxPQUFPLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDbkIsQ0FBQztpSUFYUSw0QkFBNEI7cUhBQTVCLDRCQUE0QiwyTkNWekMscWdDQXdCQTs7MkZEZGEsNEJBQTRCO2tCQU54QyxTQUFTOytCQUNJLHVCQUF1QixpQkFHbEIsaUJBQWlCLENBQUMsSUFBSTs4QkFJWCxJQUFJO3NCQUE3QixXQUFXO3VCQUFDLFdBQVc7Z0JBRWYsS0FBSztzQkFBYixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRXVpRGlzY3Vzc2lvblRocmVhZEl0ZW0gfSBmcm9tICcuL21vZGVscy9ldWktZGlzY3Vzc2lvbi10aHJlYWQtaXRlbS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpLWRpc2N1c3Npb24tdGhyZWFkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLWRpc2N1c3Npb24tdGhyZWFkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlEaXNjdXNzaW9uVGhyZWFkQ29tcG9uZW50IHtcblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgcm9sZSA9ICdsaXN0JztcbiAgICBcbiAgICBASW5wdXQoKSBpdGVtczogRXVpRGlzY3Vzc2lvblRocmVhZEl0ZW1bXTtcbiAgICBASW5wdXQoKSB0aXRsZUxhYmVsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgc3ViVGl0bGVMYWJlbDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHRvb2x0aXA6IHN0cmluZztcblxuICAgIHB1YmxpYyB0cmFja0J5Rm4oaW5kZXg6IG51bWJlciwgaXRlbTogRXVpRGlzY3Vzc2lvblRocmVhZEl0ZW0pOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gaXRlbS5pZDtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZXVpLWRpc2N1c3Npb24tdGhyZWFkLXdyYXBwZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZXVpLWRpc2N1c3Npb24tdGhyZWFkLXdyYXBwZXItaGVhZGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJldWktZGlzY3Vzc2lvbi10aHJlYWQtd3JhcHBlci1oZWFkZXJfX3RpdGxlXCI+e3sgdGl0bGVMYWJlbCB9fTwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWRpc2N1c3Npb24tdGhyZWFkLXdyYXBwZXItaGVhZGVyX19zdWJ0aXRsZVwiPnt7IHN1YlRpdGxlTGFiZWwgfX08L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8dWwgcm9sZT1cIm5vbmVcIiBjbGFzcz1cImV1aS1kaXNjdXNzaW9uLXRocmVhZFwiPlxuICAgICAgICA8bmctdGVtcGxhdGUgW25nSWZdPVwiaXRlbXNcIj5cbiAgICAgICAgICAgIDxldWktZGlzY3Vzc2lvbi10aHJlYWQtaXRlbVxuICAgICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zOyBsZXQgbyA9IG9kZDsgbGV0IGUgPSBldmVuOyB0cmFja0J5OiB0cmFja0J5Rm5cIlxuICAgICAgICAgICAgICAgIFtpc09kZF09XCJvXCJcbiAgICAgICAgICAgICAgICBpZD1cInt7IGl0ZW0uaWQgfX1cIlxuICAgICAgICAgICAgICAgIHR5cGVDbGFzcz1cInt7IGl0ZW0udHlwZUNsYXNzIH19XCJcbiAgICAgICAgICAgICAgICBkYXRlPVwie3sgaXRlbS5kYXRlIH19XCJcbiAgICAgICAgICAgICAgICBhdXRob3I9XCJ7eyBpdGVtLmF1dGhvciB9fVwiXG4gICAgICAgICAgICAgICAgYm9keT1cInt7IGl0ZW0uYm9keSB9fVwiXG4gICAgICAgICAgICAgICAgdG9vbHRpcD1cInt7IGl0ZW0udG9vbHRpcCB9fVwiPlxuICAgICAgICAgICAgPC9ldWktZGlzY3Vzc2lvbi10aHJlYWQtaXRlbT5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgICA8bmctdGVtcGxhdGUgW25nSWZdPVwiIWl0ZW1zXCI+XG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC91bD5cbjwvZGl2PlxuIl19

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

@@ -51,7 +51,7 @@ export class EuiFieldsetComponent {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiFieldsetComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.4", type: EuiFieldsetComponent, selector: "eui-fieldset", inputs: { e2eAttr: "e2eAttr", id: "id", label: "label", iconClass: "iconClass", iconSvgName: "iconSvgName", iconSvgFillColor: "iconSvgFillColor", hasDefaultIcon: ["hasDefaultIcon", "hasDefaultIcon", booleanAttribute], isExpandable: ["isExpandable", "isExpandable", booleanAttribute], isExpanded: ["isExpanded", "isExpanded", booleanAttribute], isLarge: ["isLarge", "isLarge", booleanAttribute], isFirst: ["isFirst", "isFirst", booleanAttribute] }, outputs: { expand: "expand" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "customLabelRightContent", first: true, predicate: i0.forwardRef(() => EuiFieldsetLabelRightContentTagDirective), descendants: true }, { propertyName: "customLabelExtraContent", first: true, predicate: i0.forwardRef(() => EuiFieldsetLabelExtraContentTagDirective), descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiHighlighted", "euiHighlighted"] }], ngImport: i0, template: "<div class=\"eui-fieldset__container\">\n    <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n        <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n            <div *ngIf=\"iconClass\" class=\"eui-fieldset__header-icon eui-icon {{ iconClass }}\"></div>\n            <div *ngIf=\"iconSvgName\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg icon=\"{{ iconSvgName }}\" fillColor=\"{{ iconSvgFillColor }}\"></eui-icon-svg>\n            </div>\n            <div *ngIf=\"!iconClass && hasDefaultIcon\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg [icon]=\"iconSvgType\"></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n        </div>\n        <div class=\"eui-fieldset__header-right-content\">\n            <ng-template [ngIf]=\"customLabelRightContent\">\n                <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n            </ng-template>\n            <button\n                *ngIf=\"isExpandable\"\n                euiButton\n                euiRounded\n                euiIconButton\n                euiSizeS\n                euiBasicButton\n                euiSecondary\n                type=\"button\"\n                class=\"eui-fieldset__header-expand-toggle\"\n                [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n                [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\">\n                <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n    <div *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin-bottom:var(--eui-base-spacing-m);min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-fieldset__header-label.eui-fieldset__header-label--large{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{margin-left:var(--eui-base-spacing-s)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle:active:not([readonly]),.eui-fieldset__header-expand-toggle:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle [tabindex=\"0\"]:active:not([readonly]),.eui-fieldset__header-expand-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-grey-2);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{color:var(--eui-base-color-grey-100);text-transform:none;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset--primary{color:var(--eui-base-color-primary-100)}.eui-fieldset--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-fieldset--info{color:var(--eui-base-color-info-100)}.eui-fieldset--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-fieldset--success{color:var(--eui-base-color-success-100)}.eui-fieldset--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-fieldset--warning{color:var(--eui-base-color-warning-130)}.eui-fieldset--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-fieldset--danger{color:var(--eui-base-color-danger-100)}.eui-fieldset--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.4", type: EuiFieldsetComponent, selector: "eui-fieldset", inputs: { e2eAttr: "e2eAttr", id: "id", label: "label", iconClass: "iconClass", iconSvgName: "iconSvgName", iconSvgFillColor: "iconSvgFillColor", hasDefaultIcon: ["hasDefaultIcon", "hasDefaultIcon", booleanAttribute], isExpandable: ["isExpandable", "isExpandable", booleanAttribute], isExpanded: ["isExpanded", "isExpanded", booleanAttribute], isLarge: ["isLarge", "isLarge", booleanAttribute], isFirst: ["isFirst", "isFirst", booleanAttribute] }, outputs: { expand: "expand" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "customLabelRightContent", first: true, predicate: i0.forwardRef(() => EuiFieldsetLabelRightContentTagDirective), descendants: true }, { propertyName: "customLabelExtraContent", first: true, predicate: i0.forwardRef(() => EuiFieldsetLabelExtraContentTagDirective), descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiHighlighted", "euiHighlighted"] }], ngImport: i0, template: "<div class=\"eui-fieldset__container\">\n    <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n        <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n            <div *ngIf=\"iconClass\" class=\"eui-fieldset__header-icon eui-icon {{ iconClass }}\"></div>\n            <div *ngIf=\"iconSvgName\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg icon=\"{{ iconSvgName }}\" fillColor=\"{{ iconSvgFillColor }}\"></eui-icon-svg>\n            </div>\n            <div *ngIf=\"!iconClass && hasDefaultIcon\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg [icon]=\"iconSvgType\"></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n        </div>\n        <div class=\"eui-fieldset__header-right-content\">\n            <ng-template [ngIf]=\"customLabelRightContent\">\n                <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n            </ng-template>\n            <button\n                *ngIf=\"isExpandable\"\n                euiButton\n                euiRounded\n                euiIconButton\n                euiSizeS\n                euiBasicButton\n                euiSecondary\n                type=\"button\"\n                class=\"eui-fieldset__header-expand-toggle\"\n                [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n                [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\">\n                <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n    <div *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin-bottom:var(--eui-base-spacing-m);min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-fieldset__header-label.eui-fieldset__header-label--large{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{margin-left:var(--eui-base-spacing-s)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle:active:not([readonly]),.eui-fieldset__header-expand-toggle:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle [tabindex=\"0\"]:active:not([readonly]),.eui-fieldset__header-expand-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-grey-2);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{color:var(--eui-base-color-grey-100);text-transform:none;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset--primary .eui-fieldset__header{color:var(--eui-base-color-primary-100)}.eui-fieldset--primary .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-fieldset--info .eui-fieldset__header{color:var(--eui-base-color-info-100)}.eui-fieldset--info .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-fieldset--success .eui-fieldset__header{color:var(--eui-base-color-success-100)}.eui-fieldset--success .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-fieldset--warning .eui-fieldset__header{color:var(--eui-base-color-warning-130)}.eui-fieldset--warning .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-fieldset--danger .eui-fieldset__header{color:var(--eui-base-color-danger-100)}.eui-fieldset--danger .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiFieldsetComponent, decorators: [{
             type: Component,
@@ -69,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
                                 'euiHighlighted',
                             ],
                         },
-                    ], template: "<div class=\"eui-fieldset__container\">\n    <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n        <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n            <div *ngIf=\"iconClass\" class=\"eui-fieldset__header-icon eui-icon {{ iconClass }}\"></div>\n            <div *ngIf=\"iconSvgName\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg icon=\"{{ iconSvgName }}\" fillColor=\"{{ iconSvgFillColor }}\"></eui-icon-svg>\n            </div>\n            <div *ngIf=\"!iconClass && hasDefaultIcon\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg [icon]=\"iconSvgType\"></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n        </div>\n        <div class=\"eui-fieldset__header-right-content\">\n            <ng-template [ngIf]=\"customLabelRightContent\">\n                <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n            </ng-template>\n            <button\n                *ngIf=\"isExpandable\"\n                euiButton\n                euiRounded\n                euiIconButton\n                euiSizeS\n                euiBasicButton\n                euiSecondary\n                type=\"button\"\n                class=\"eui-fieldset__header-expand-toggle\"\n                [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n                [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\">\n                <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n    <div *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin-bottom:var(--eui-base-spacing-m);min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-fieldset__header-label.eui-fieldset__header-label--large{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{margin-left:var(--eui-base-spacing-s)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle:active:not([readonly]),.eui-fieldset__header-expand-toggle:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle [tabindex=\"0\"]:active:not([readonly]),.eui-fieldset__header-expand-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-grey-2);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{color:var(--eui-base-color-grey-100);text-transform:none;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset--primary{color:var(--eui-base-color-primary-100)}.eui-fieldset--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-fieldset--info{color:var(--eui-base-color-info-100)}.eui-fieldset--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-fieldset--success{color:var(--eui-base-color-success-100)}.eui-fieldset--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-fieldset--warning{color:var(--eui-base-color-warning-130)}.eui-fieldset--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-fieldset--danger{color:var(--eui-base-color-danger-100)}.eui-fieldset--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}\n"] }]
+                    ], template: "<div class=\"eui-fieldset__container\">\n    <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n        <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n            <div *ngIf=\"iconClass\" class=\"eui-fieldset__header-icon eui-icon {{ iconClass }}\"></div>\n            <div *ngIf=\"iconSvgName\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg icon=\"{{ iconSvgName }}\" fillColor=\"{{ iconSvgFillColor }}\"></eui-icon-svg>\n            </div>\n            <div *ngIf=\"!iconClass && hasDefaultIcon\" class=\"eui-fieldset__header-icon\">\n                <eui-icon-svg [icon]=\"iconSvgType\"></eui-icon-svg>\n            </div>\n            <span euiLabel>{{ label }}</span>\n            <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n        </div>\n        <div class=\"eui-fieldset__header-right-content\">\n            <ng-template [ngIf]=\"customLabelRightContent\">\n                <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n            </ng-template>\n            <button\n                *ngIf=\"isExpandable\"\n                euiButton\n                euiRounded\n                euiIconButton\n                euiSizeS\n                euiBasicButton\n                euiSecondary\n                type=\"button\"\n                class=\"eui-fieldset__header-expand-toggle\"\n                [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n                [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\">\n                <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n    <div *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin-bottom:var(--eui-base-spacing-m);min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-fieldset__header-label.eui-fieldset__header-label--large{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{margin-left:var(--eui-base-spacing-s)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle:active:not([readonly]),.eui-fieldset__header-expand-toggle:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle [tabindex=\"0\"]:active:not([readonly]),.eui-fieldset__header-expand-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-grey-2);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{color:var(--eui-base-color-grey-100);text-transform:none;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset--primary .eui-fieldset__header{color:var(--eui-base-color-primary-100)}.eui-fieldset--primary .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-fieldset--info .eui-fieldset__header{color:var(--eui-base-color-info-100)}.eui-fieldset--info .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-fieldset--success .eui-fieldset__header{color:var(--eui-base-color-success-100)}.eui-fieldset--success .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-fieldset--warning .eui-fieldset__header{color:var(--eui-base-color-warning-130)}.eui-fieldset--warning .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-fieldset--danger .eui-fieldset__header{color:var(--eui-base-color-danger-100)}.eui-fieldset--danger .eui-fieldset__header .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']