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

package/fesm2022/eui-components-eui-chip.mjs

@@ -1,7 +1,6 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, HostBinding, ContentChildren, forwardRef, ViewChild, NgModule } from '@angular/core';
+import { EventEmitter, booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, Input, Output, ContentChildren, forwardRef, ViewChild, NgModule } from '@angular/core';
 import * as uuid from 'uuid';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { BaseDirective } from '@eui/components/shared';
 import * as i2 from '@eui/components/eui-icon';
 import { EuiIconComponent, EuiIconModule } from '@eui/components/eui-icon';
@@ -40,21 +39,11 @@ 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
@@ -67,11 +56,9 @@ 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';
@@ -100,12 +87,21 @@ 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
@@ -113,27 +109,20 @@ 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
             }] } });
 
 class EuiChipModule {

package/fesm2022/eui-components-eui-chip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-chip.mjs","sources":["../../eui-chip/models/eui-chip.model.ts","../../eui-chip/eui-chip.component.ts","../../eui-chip/eui-chip.component.html","../../eui-chip/eui-chip.module.ts","../../eui-chip/eui-components-eui-chip.ts"],"sourcesContent":["export class EuiChip {\n    id: string | number;\n    euiInternalId: string;\n    label: string;\n    isRemovable = false;\n    isOutline = false;\n    isRounded = false;\n    isDisabled = false;\n    typeClass: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'accent' = 'primary';\n    sizeClass: 'euiSizeS' | 'euiSizeM' | 'euiSizeL' | 'euiSizeXL' | 'euiSize2XL' = 'euiSizeM';\n    tooltip: EuiChipTooltip = new EuiChipTooltip();\n    iconClass?: string;\n    iconSvgName?: string;\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n\nexport class EuiChipTooltip {\n    tooltipMessage: string;\n    position: 'above' | 'below' | 'left' | 'right' | 'before' | 'after' = 'above';\n    contentAlignment: 'center' | 'left' | 'right' | 'justify' = 'center';\n    delay = 0;\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n","import {\n    Component,\n    HostBinding,\n    Input,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    forwardRef,\n    ContentChildren,\n    QueryList,\n    AfterContentInit,\n    Output,\n    EventEmitter,\n    ViewChild,\n    ElementRef,\n} from '@angular/core';\nimport * as uuid from 'uuid';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiIconComponent } from '@eui/components/eui-icon';\n\nimport { EuiChip } from './models/eui-chip.model';\n\n@Component({\n    templateUrl: './eui-chip.component.html',\n    selector: 'eui-chip, span[euiChip], li[euiChip]',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiChipComponent extends BaseDirective implements AfterContentInit {\n    @Input() euiInternalId: string = null;\n    @Input() tooltipMessage: string;\n    @Input() id: string | number;\n    // TODO: type should be specific\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() data: any = {\n        id: uuid.v4(),\n        tooltip: {\n            color: 'euiTooltipPrimary',\n            contentAlignment: null,\n            position: 'above',\n        },\n    };\n\n    @Output() remove = new EventEmitter<EuiChipComponent | EuiChip | { chip: EuiChipComponent | EuiChip; event?: Event }>();\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('eui-chip'),\n            this.isChipRemovable ? 'eui-chip--removable' : '',\n            this.isSquared ? 'eui-chip--squared' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @HostBinding('attr.role') role = 'status';\n    @HostBinding('attr.aria-label') ariaLabel = 'Chip content';\n\n    @ContentChildren(forwardRef(() => EuiIconComponent)) euiIcons: QueryList<EuiIconComponent>;\n    @ViewChild('chipLabel') chipLabel: ElementRef<HTMLInputElement>;\n\n    @Input()\n    get isChipRemovable(): boolean {\n        return this._isChipRemovable;\n    }\n    set isChipRemovable(value: BooleanInput) {\n        this._isChipRemovable = coerceBooleanProperty(value);\n    }\n    private _isChipRemovable = false;\n\n    @Input()\n    get isSquared(): boolean {\n        return this._isSquared;\n    }\n    set isSquared(value: BooleanInput) {\n        this._isSquared = coerceBooleanProperty(value);\n    }\n    private _isSquared = false;\n\n    constructor(private _elementRef: ElementRef) {\n        super();\n    }\n\n    ngAfterContentInit(): void {\n        super.e2eAttr = 'eui-chip';\n        if (\n            !super.euiPrimary &&\n            !super.euiSecondary &&\n            !super.euiInfo &&\n            !super.euiSuccess &&\n            !super.euiWarning &&\n            !super.euiDanger &&\n            !super.euiAccent\n        ) {\n            super.euiPrimary = true;\n        }\n        if (!this.data.id && this.id) {\n            this.data = Object.assign(this.data, { id: this.id });\n        }\n\n        if(this._elementRef.nativeElement.parentElement?.classList.contains('eui-chip-list__chip-container')) {\n            this.role = 'listitem'\n        }\n    }\n\n    public onRemove(event?: Event): void {\n        if (event instanceof KeyboardEvent && (event as KeyboardEvent).code === 'Backspace') {\n            this.remove.emit({ chip: this.data, event });\n        } else {\n            this.remove.emit(this.data);\n        }\n    }\n}\n","<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","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiChipComponent } from './eui-chip.component';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiTooltipDirectiveModule],\n    declarations: [EuiChipComponent],\n    exports: [EuiChipComponent],\n})\nexport class EuiChipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-chip.mjs","sources":["../../eui-chip/models/eui-chip.model.ts","../../eui-chip/eui-chip.component.ts","../../eui-chip/eui-chip.component.html","../../eui-chip/eui-chip.module.ts","../../eui-chip/eui-components-eui-chip.ts"],"sourcesContent":["export class EuiChip {\n    id: string | number;\n    euiInternalId: string;\n    label: string;\n    isRemovable = false;\n    isOutline = false;\n    isRounded = false;\n    isDisabled = false;\n    typeClass: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'accent' = 'primary';\n    sizeClass: 'euiSizeS' | 'euiSizeM' | 'euiSizeL' | 'euiSizeXL' | 'euiSize2XL' = 'euiSizeM';\n    tooltip: EuiChipTooltip = new EuiChipTooltip();\n    iconClass?: string;\n    iconSvgName?: string;\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n\nexport class EuiChipTooltip {\n    tooltipMessage: string;\n    position: 'above' | 'below' | 'left' | 'right' | 'before' | 'after' = 'above';\n    contentAlignment: 'center' | 'left' | 'right' | 'justify' = 'center';\n    delay = 0;\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n","import {\n    Component,\n    HostBinding,\n    Input,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    forwardRef,\n    ContentChildren,\n    QueryList,\n    AfterContentInit,\n    Output,\n    EventEmitter,\n    ViewChild,\n    ElementRef,\n    booleanAttribute,\n} from '@angular/core';\nimport * as uuid from 'uuid';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiIconComponent } from '@eui/components/eui-icon';\n\nimport { EuiChip } from './models/eui-chip.model';\n\n@Component({\n    templateUrl: './eui-chip.component.html',\n    selector: 'eui-chip, span[euiChip], li[euiChip]',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiChipComponent extends BaseDirective implements AfterContentInit {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('eui-chip'),\n            this.isChipRemovable ? 'eui-chip--removable' : '',\n            this.isSquared ? 'eui-chip--squared' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @HostBinding('attr.role') role = 'status';\n    @HostBinding('attr.aria-label') ariaLabel = 'Chip content';\n\n    @Input() euiInternalId: string = null;\n    @Input() tooltipMessage: string;\n    @Input() id: string | number;\n    // TODO: type should be specific\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() data: any = {\n        id: uuid.v4(),\n        tooltip: {\n            color: 'euiTooltipPrimary',\n            contentAlignment: null,\n            position: 'above',\n        },\n    };\n\n    @Input({ transform: booleanAttribute }) isChipRemovable = false;\n    @Input({ transform: booleanAttribute }) isSquared = false;\n\n    @Output() remove = new EventEmitter<EuiChipComponent | EuiChip | { chip: EuiChipComponent | EuiChip; event?: Event }>();\n\n    @ContentChildren(forwardRef(() => EuiIconComponent)) euiIcons: QueryList<EuiIconComponent>;\n    @ViewChild('chipLabel') chipLabel: ElementRef<HTMLInputElement>;\n\n    constructor(private _elementRef: ElementRef) {\n        super();\n    }\n\n    ngAfterContentInit(): void {\n        super.e2eAttr = 'eui-chip';\n        if (\n            !super.euiPrimary &&\n            !super.euiSecondary &&\n            !super.euiInfo &&\n            !super.euiSuccess &&\n            !super.euiWarning &&\n            !super.euiDanger &&\n            !super.euiAccent\n        ) {\n            super.euiPrimary = true;\n        }\n        if (!this.data.id && this.id) {\n            this.data = Object.assign(this.data, { id: this.id });\n        }\n\n        if (this._elementRef.nativeElement.parentElement?.classList.contains('eui-chip-list__chip-container')) {\n            this.role = 'listitem'\n        }\n    }\n\n    public onRemove(event?: Event): void {\n        if (event instanceof KeyboardEvent && (event as KeyboardEvent).code === 'Backspace') {\n            this.remove.emit({ chip: this.data, event });\n        } else {\n            this.remove.emit(this.data);\n        }\n    }\n}\n","<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","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiChipComponent } from './eui-chip.component';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiTooltipDirectiveModule],\n    declarations: [EuiChipComponent],\n    exports: [EuiChipComponent],\n})\nexport class EuiChipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAAa,OAAO,CAAA;IAchB,WAAY,CAAA,MAAM,GAAG,EAAE,EAAA;QAVvB,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QACpB,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;QAClB,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;QAClB,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;QACnB,IAAS,CAAA,SAAA,GAAmF,SAAS,CAAC;QACtG,IAAS,CAAA,SAAA,GAAsE,UAAU,CAAC;AAC1F,QAAA,IAAA,CAAA,OAAO,GAAmB,IAAI,cAAc,EAAE,CAAC;AAK3C,QAAA,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;KAC/B;AACJ,CAAA;MAEY,cAAc,CAAA;IAMvB,WAAY,CAAA,MAAM,GAAG,EAAE,EAAA;QAJvB,IAAQ,CAAA,QAAA,GAA8D,OAAO,CAAC;QAC9E,IAAgB,CAAA,gBAAA,GAA4C,QAAQ,CAAC;QACrE,IAAK,CAAA,KAAA,GAAG,CAAC,CAAC;AAGN,QAAA,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;KAC/B;AACJ;;ACGK,MAAO,gBAAiB,SAAQ,aAAa,CAAA;AAC/C,IAAA,IACI,UAAU,GAAA;QACV,OAAO;AACH,YAAA,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC;YAC/B,IAAI,CAAC,eAAe,GAAG,qBAAqB,GAAG,EAAE;YACjD,IAAI,CAAC,SAAS,GAAG,mBAAmB,GAAG,EAAE;AAC5C,SAAA;aACI,IAAI,CAAC,GAAG,CAAC;AACT,aAAA,IAAI,EAAE,CAAC;KACf;AA4BD,IAAA,WAAA,CAAoB,WAAuB,EAAA;AACvC,QAAA,KAAK,EAAE,CAAC;QADQ,IAAW,CAAA,WAAA,GAAX,WAAW,CAAY;QA1BjB,IAAI,CAAA,IAAA,GAAG,QAAQ,CAAC;QACV,IAAS,CAAA,SAAA,GAAG,cAAc,CAAC;QAElD,IAAa,CAAA,aAAA,GAAW,IAAI,CAAC;;;;AAM7B,QAAA,IAAA,CAAA,IAAI,GAAQ;AACjB,YAAA,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE;AACb,YAAA,OAAO,EAAE;AACL,gBAAA,KAAK,EAAE,mBAAmB;AAC1B,gBAAA,gBAAgB,EAAE,IAAI;AACtB,gBAAA,QAAQ,EAAE,OAAO;AACpB,aAAA;SACJ,CAAC;QAEsC,IAAe,CAAA,eAAA,GAAG,KAAK,CAAC;QACxB,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;AAEhD,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAoF,CAAC;KAOvH;IAED,kBAAkB,GAAA;AACd,QAAA,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC;QAC3B,IACI,CAAC,KAAK,CAAC,UAAU;YACjB,CAAC,KAAK,CAAC,YAAY;YACnB,CAAC,KAAK,CAAC,OAAO;YACd,CAAC,KAAK,CAAC,UAAU;YACjB,CAAC,KAAK,CAAC,UAAU;YACjB,CAAC,KAAK,CAAC,SAAS;YAChB,CAAC,KAAK,CAAC,SAAS,EAClB;AACE,YAAA,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;AAC3B,SAAA;QACD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE;AAC1B,YAAA,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;AACzD,SAAA;AAED,QAAA,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,aAAa,EAAE,SAAS,CAAC,QAAQ,CAAC,+BAA+B,CAAC,EAAE;AACnG,YAAA,IAAI,CAAC,IAAI,GAAG,UAAU,CAAA;AACzB,SAAA;KACJ;AAEM,IAAA,QAAQ,CAAC,KAAa,EAAA;QACzB,IAAI,KAAK,YAAY,aAAa,IAAK,KAAuB,CAAC,IAAI,KAAK,WAAW,EAAE;AACjF,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;AAChD,SAAA;AAAM,aAAA;YACH,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC/B,SAAA;KACJ;iIAtEQ,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,gNA8BL,gBAAgB,CAAA,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAChB,gBAAgB,CAIF,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAAA,gBAAgB,6JClEtD,8eAeA,EAAA,MAAA,EAAA,CAAA,wzUAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,kBAAA,EAAA,aAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDgBa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AAEI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sCAAsC,mBAE/B,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,8eAAA,EAAA,MAAA,EAAA,CAAA,wzUAAA,CAAA,EAAA,CAAA;+EAIjC,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO,CAAA;gBAWM,IAAI,EAAA,CAAA;sBAA7B,WAAW;uBAAC,WAAW,CAAA;gBACQ,SAAS,EAAA,CAAA;sBAAxC,WAAW;uBAAC,iBAAiB,CAAA;gBAErB,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,EAAE,EAAA,CAAA;sBAAV,KAAK;gBAIG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBASkC,eAAe,EAAA,CAAA;sBAAtD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBACE,SAAS,EAAA,CAAA;sBAAhD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAE5B,MAAM,EAAA,CAAA;sBAAf,MAAM;gBAE8C,QAAQ,EAAA,CAAA;sBAA5D,eAAe;AAAC,gBAAA,IAAA,EAAA,CAAA,UAAU,CAAC,MAAM,gBAAgB,CAAC,CAAA;gBAC3B,SAAS,EAAA,CAAA;sBAAhC,SAAS;uBAAC,WAAW,CAAA;;;MEtDb,aAAa,CAAA;iIAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;kIAAb,aAAa,EAAA,YAAA,EAAA,CAHP,gBAAgB,CADrB,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,aAAa,EAAE,yBAAyB,CAAA,EAAA,OAAA,EAAA,CAEtD,gBAAgB,CAAA,EAAA,CAAA,CAAA,EAAA;AAEjB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EAJZ,OAAA,EAAA,CAAA,YAAY,EAAE,aAAa,EAAE,yBAAyB,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIvD,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,yBAAyB,CAAC;oBACjE,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC9B,iBAAA,CAAA;;;ACZD;;AAEG;;;;"}

package/fesm2022/eui-components-eui-dashboard-button.mjs

@@ -42,7 +42,7 @@ 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,
@@ -67,7 +67,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/fesm2022/eui-components-eui-dashboard-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-dashboard-button.mjs","sources":["../../eui-dashboard-button/eui-dashboard-button.component.ts","../../eui-dashboard-button/eui-dashboard-button.component.html","../../eui-dashboard-button/eui-components-eui-dashboard-button.ts"],"sourcesContent":["import { Component, Directive, NgModule, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, ContentChild, OnInit, AfterContentInit, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAvatarModule } from '@eui/components/eui-avatar';\nimport { EuiLabelComponent } from '@eui/components/eui-label';\n\n/* eslint-disable */\n@Directive({selector: 'eui-dashboard-button-icon'})\nexport class EuiDashboardButtonIconDirective {}\n@Directive({selector: 'eui-dashboard-button-label'})\nexport class EuiDashboardButtonLabelDirective {}\n/* eslint-enable */\n\n@Component({\n    templateUrl: './eui-dashboard-button.component.html',\n    selector: 'eui-dashboard-button',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSize2XL',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EuiDashboardButtonComponent implements OnInit {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-dashboard-button'),\n        ].join(' ').trim();\n    }\n\n    @Input() imageUrl: string;\n\n    @ContentChild(EuiDashboardButtonIconDirective) euiDashboardButtonIcon: EuiDashboardButtonIconDirective;\n    @ContentChild(EuiDashboardButtonLabelDirective) euiDashboardButtonLabel: EuiDashboardButtonLabelDirective;\n    @ContentChild(EuiLabelComponent) euiLabelContent: EuiLabelComponent;\n\n    constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n    ngOnInit(): void {\n        if (!this.baseStatesDirective.euiVariant) {\n            this.baseStatesDirective.euiSecondary = true;\n        }\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, RouterModule, EuiAvatarModule],\n    declarations: [EuiDashboardButtonComponent, EuiDashboardButtonIconDirective, EuiDashboardButtonLabelDirective],\n    exports: [EuiDashboardButtonComponent, EuiDashboardButtonIconDirective, EuiDashboardButtonLabelDirective],\n})\nexport class EuiDashboardButtonModule {}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-dashboard-button.mjs","sources":["../../eui-dashboard-button/eui-dashboard-button.component.ts","../../eui-dashboard-button/eui-dashboard-button.component.html","../../eui-dashboard-button/eui-components-eui-dashboard-button.ts"],"sourcesContent":["import { Component, Directive, NgModule, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, ContentChild, OnInit, AfterContentInit, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAvatarModule } from '@eui/components/eui-avatar';\nimport { EuiLabelComponent } from '@eui/components/eui-label';\n\n/* eslint-disable */\n@Directive({selector: 'eui-dashboard-button-icon'})\nexport class EuiDashboardButtonIconDirective {}\n@Directive({selector: 'eui-dashboard-button-label'})\nexport class EuiDashboardButtonLabelDirective {}\n/* eslint-enable */\n\n@Component({\n    templateUrl: './eui-dashboard-button.component.html',\n    selector: 'eui-dashboard-button',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSize2XL',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EuiDashboardButtonComponent implements OnInit {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-dashboard-button'),\n        ].join(' ').trim();\n    }\n\n    @Input() imageUrl: string;\n\n    @ContentChild(EuiDashboardButtonIconDirective) euiDashboardButtonIcon: EuiDashboardButtonIconDirective;\n    @ContentChild(EuiDashboardButtonLabelDirective) euiDashboardButtonLabel: EuiDashboardButtonLabelDirective;\n    @ContentChild(EuiLabelComponent) euiLabelContent: EuiLabelComponent;\n\n    constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n    ngOnInit(): void {\n        if (!this.baseStatesDirective.euiVariant) {\n            this.baseStatesDirective.euiSecondary = true;\n        }\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, RouterModule, EuiAvatarModule],\n    declarations: [EuiDashboardButtonComponent, EuiDashboardButtonIconDirective, EuiDashboardButtonLabelDirective],\n    exports: [EuiDashboardButtonComponent, EuiDashboardButtonIconDirective, EuiDashboardButtonLabelDirective],\n})\nexport class EuiDashboardButtonModule {}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Input, ViewEncapsulation, NgModule } from '@angular/core';
+import { Component, HostBinding, Input, ViewEncapsulation, NgModule } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
@@ -10,6 +10,7 @@ import { EuiLabelModule } from '@eui/components/eui-label';
 
 class EuiDiscussionThreadItemComponent {
     constructor() {
+        this.role = 'listitem';
         this._isOdd = false;
     }
     get isOdd() {
@@ -37,12 +38,15 @@ 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: i1$1.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: i1$1.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
@@ -59,16 +63,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
             }] } });
 
 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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuiDiscussionThreadItemComponent, selector: "eui-discussion-thread-item", inputs: ["id", "typeClass", "date", "author", "body", "tooltip", "isOdd"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuiDiscussionThreadItemComponent, selector: "eui-discussion-thread-item", inputs: ["id", "typeClass", "date", "author", "body", "tooltip", "isOdd"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "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

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

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-discussion-thread.mjs","sources":["../../eui-discussion-thread/eui-discussion-thread-item.component.ts","../../eui-discussion-thread/eui-discussion-thread-item.component.html","../../eui-discussion-thread/eui-discussion-thread.component.ts","../../eui-discussion-thread/eui-discussion-thread.component.html","../../eui-discussion-thread/eui-discussion-thread.module.ts","../../eui-discussion-thread/eui-components-eui-discussion-thread.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'eui-discussion-thread-item',\n    templateUrl: './eui-discussion-thread-item.component.html',\n})\nexport class EuiDiscussionThreadItemComponent {\n    @Input() id: string;\n    @Input() typeClass: string;\n    @Input() date: string;\n    @Input() author: string;\n    @Input() body: string;\n    @Input() tooltip: string;\n\n    @Input()\n    get isOdd(): boolean {\n        return this._isOdd;\n    }\n    set isOdd(value: BooleanInput) {\n        this._isOdd = coerceBooleanProperty(value);\n    }\n    private _isOdd = false;\n\n    get iconClass(): string {\n        let iconClass = 'eui-icon-more-horizontal';\n        switch (this.typeClass) {\n            case 'info':\n                iconClass = 'eui-icon-info';\n                break;\n            case 'success':\n                iconClass = 'eui-icon-check';\n                break;\n            case 'warning':\n                iconClass = 'eui-icon-exclamation';\n                break;\n            case 'danger':\n                iconClass = 'eui-icon-times';\n                break;\n        }\n        return `eui-icon ${iconClass}`;\n    }\n}\n","<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","import { Component, Input, ViewEncapsulation } from '@angular/core';\n\nimport { EuiDiscussionThreadItem } from './models/eui-discussion-thread-item.model';\n\n@Component({\n    selector: 'eui-discussion-thread',\n    templateUrl: './eui-discussion-thread.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiDiscussionThreadComponent {\n    @Input() items: EuiDiscussionThreadItem[];\n    @Input() titleLabel: string;\n    @Input() subTitleLabel: string;\n    @Input() tooltip: string;\n\n    public trackByFn(index: number, item: EuiDiscussionThreadItem): string {\n        return item.id;\n    }\n}\n","<div class=\"eui-discussion-thread-wrapper\">\n    <div class=\"eui-discussion-thread-wrapper-header\">\n        <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n        <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n    </div>\n    <ul class=\"eui-discussion-thread\">\n        <ng-template [ngIf]=\"items\">\n            <eui-discussion-thread-item\n                *ngFor=\"let item of items; let o = odd; let e = even; trackBy: trackByFn\"\n                [isOdd]=\"o\"\n                id=\"{{ item.id }}\"\n                typeClass=\"{{ item.typeClass }}\"\n                date=\"{{ item.date }}\"\n                author=\"{{ item.author }}\"\n                body=\"{{ item.body }}\"\n                tooltip=\"{{ item.tooltip }}\">\n            </eui-discussion-thread-item>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!items\">\n            <ng-content></ng-content>\n        </ng-template>\n    </ul>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiDiscussionThreadComponent } from './eui-discussion-thread.component';\nimport { EuiDiscussionThreadItemComponent } from './eui-discussion-thread-item.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiLabelModule],\n    declarations: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n    exports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n})\nexport class EuiDiscussionThreadModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i3","i1","i2.EuiDiscussionThreadItemComponent"],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-discussion-thread.mjs","sources":["../../eui-discussion-thread/eui-discussion-thread-item.component.ts","../../eui-discussion-thread/eui-discussion-thread-item.component.html","../../eui-discussion-thread/eui-discussion-thread.component.ts","../../eui-discussion-thread/eui-discussion-thread.component.html","../../eui-discussion-thread/eui-discussion-thread.module.ts","../../eui-discussion-thread/eui-components-eui-discussion-thread.ts"],"sourcesContent":["import { Component, HostBinding, Input } from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'eui-discussion-thread-item',\n    templateUrl: './eui-discussion-thread-item.component.html',\n})\nexport class EuiDiscussionThreadItemComponent {\n\n    @HostBinding('attr.role') role = 'listitem';\n\n    @Input() id: string;\n    @Input() typeClass: string;\n    @Input() date: string;\n    @Input() author: string;\n    @Input() body: string;\n    @Input() tooltip: string;\n\n    @Input()\n    get isOdd(): boolean {\n        return this._isOdd;\n    }\n    set isOdd(value: BooleanInput) {\n        this._isOdd = coerceBooleanProperty(value);\n    }\n    private _isOdd = false;\n\n    get iconClass(): string {\n        let iconClass = 'eui-icon-more-horizontal';\n        switch (this.typeClass) {\n            case 'info':\n                iconClass = 'eui-icon-info';\n                break;\n            case 'success':\n                iconClass = 'eui-icon-check';\n                break;\n            case 'warning':\n                iconClass = 'eui-icon-exclamation';\n                break;\n            case 'danger':\n                iconClass = 'eui-icon-times';\n                break;\n        }\n        return `eui-icon ${iconClass}`;\n    }\n}\n","<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","import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\nimport { EuiDiscussionThreadItem } from './models/eui-discussion-thread-item.model';\n\n@Component({\n    selector: 'eui-discussion-thread',\n    templateUrl: './eui-discussion-thread.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiDiscussionThreadComponent {\n\n    @HostBinding('attr.role') role = 'list';\n    \n    @Input() items: EuiDiscussionThreadItem[];\n    @Input() titleLabel: string;\n    @Input() subTitleLabel: string;\n    @Input() tooltip: string;\n\n    public trackByFn(index: number, item: EuiDiscussionThreadItem): string {\n        return item.id;\n    }\n}\n","<div class=\"eui-discussion-thread-wrapper\">\n    <div class=\"eui-discussion-thread-wrapper-header\">\n        <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n        <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n    </div>\n    <ul role=\"none\" class=\"eui-discussion-thread\">\n        <ng-template [ngIf]=\"items\">\n            <eui-discussion-thread-item\n                *ngFor=\"let item of items; let o = odd; let e = even; trackBy: trackByFn\"\n                [isOdd]=\"o\"\n                id=\"{{ item.id }}\"\n                typeClass=\"{{ item.typeClass }}\"\n                date=\"{{ item.date }}\"\n                author=\"{{ item.author }}\"\n                body=\"{{ item.body }}\"\n                tooltip=\"{{ item.tooltip }}\">\n            </eui-discussion-thread-item>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!items\">\n            <ng-content></ng-content>\n        </ng-template>\n    </ul>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiDiscussionThreadComponent } from './eui-discussion-thread.component';\nimport { EuiDiscussionThreadItemComponent } from './eui-discussion-thread-item.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiLabelModule],\n    declarations: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n    exports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n})\nexport class EuiDiscussionThreadModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i3","i1","i2.EuiDiscussionThreadItemComponent"],"mappings":"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"}