import * as i0 from '@angular/core';
import { EventEmitter, Output, Input, HostBinding, ChangeDetectionStrategy, Component, numberAttribute, booleanAttribute, ViewChild, ContentChildren } from '@angular/core';
import { NgTemplateOutlet } from '@angular/common';
import * as i1 from '@ngx-translate/core';
import { TranslateModule } from '@ngx-translate/core';
import * as i4 from '@eui/components/eui-textarea';
import { EUI_TEXTAREA } from '@eui/components/eui-textarea';
import * as i2$1 from '@eui/components/eui-avatar';
import { EUI_AVATAR } from '@eui/components/eui-avatar';
import * as i6 from '@eui/components/eui-button';
import { EUI_BUTTON } from '@eui/components/eui-button';
import * as i5 from '@eui/components/eui-icon';
import { EUI_ICON } from '@eui/components/eui-icon';
import * as i2 from '@angular/forms';
import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
import * as i3 from '@angular/cdk/a11y';
import { A11yModule } from '@angular/cdk/a11y';
import * as i7 from '@eui/components/eui-label';
import { EUI_LABEL } from '@eui/components/eui-label';
import { EUI_DROPDOWN } from '@eui/components/eui-dropdown';
import { EUI_ICON_BUTTON_EXPANDER } from '@eui/components/eui-icon-button-expander';

class EuiCommentTextareaComponent {
    constructor() {
        this.currentAuthorAvatarUrl = null;
        this.placeholder = 'eui.ANSWER';
        this.commentCancel = new EventEmitter();
        this.commentSend = new EventEmitter();
        this.form = new FormGroup({
            comment: new FormControl(null),
        });
    }
    get cssClasses() {
        return [
            'eui-comment-textarea',
        ].join(' ').trim();
    }
    onCommentCancel() {
        this.form.reset();
        this.commentCancel.emit();
    }
    onCommentSend() {
        this.commentSend.emit(this.form.get('comment').value);
        this.form.reset();
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiCommentTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuiCommentTextareaComponent, isStandalone: true, selector: "eui-comment-textarea", inputs: { currentAuthorAvatarUrl: "currentAuthorAvatarUrl", placeholder: "placeholder" }, outputs: { commentCancel: "commentCancel", commentSend: "commentSend" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<div class=\"eui-u-flex\">\n    <eui-avatar euiSizeXS>\n        <eui-avatar-image [imageUrl]=\"currentAuthorAvatarUrl\"></eui-avatar-image>\n    </eui-avatar>\n    <form class=\"comment-form\" [formGroup]=\"form\">\n        <textarea cdkTrapFocus cdkTrapFocusAutoCapture class=\"eui-u-ml-xs\" euiTextArea formControlName=\"comment\" [placeholder]=\"placeholder | translate\" autoResize></textarea>\n    </form>\n</div>\n<div class=\"eui-u-flex eui-u-flex-justify-content-end eui-u-pt-2xs\">\n    <button class=\"eui-u-mr-2xs\" euiButton euiBasicButton euiSizeS (buttonClick)=\"onCommentCancel()\">\n        <span euiLabel>{{ 'eui.CANCEL' | translate }}</span>\n    </button>\n    <button euiButton euiPrimary euiSizeS (buttonClick)=\"onCommentSend()\">\n        <span euiLabel>{{ 'eui.SEND' | translate }}</span>\n    </button>\n</div>\n", styles: [".eui-19 :host.eui-comment-thread ul{list-style:none;padding:0;margin:0}.eui-19 :host.eui-comment-item li{margin-bottom:var(--eui-s-2xs)}.eui-19 :host.eui-comment-item li .comment-item__row{align-items:center;display:flex;width:100%}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container{padding-left:var(--eui-s-2xs);width:100%}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment{padding-left:var(--eui-s-2xl)}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment .comment-source{display:none}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment .comment-actions{list-style:none;padding:0;margin:0}.eui-19 :host.eui-comment-item li .comment-item__sub-comment-list{list-style:none;padding:0;margin:0}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host.eui-comment-textarea .comment-form{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i4.EuiTextareaComponent, selector: "textarea[euiTextArea]", inputs: ["disabled", "readonly", "id", "isInvalid", "e2eAttr"], outputs: ["rowsChange"] }, { kind: "directive", type: i4.AutoResizeDirective, selector: "textarea[autoResize]", inputs: ["autoResize", "minRows", "maxRows"] }, { kind: "component", type: i2$1.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground", "isReverse"] }, { kind: "component", type: i2$1.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i6.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiCTAButton", "euiBlockButton", "euiIconButton", "euiAvatarButton", "euiLineWrap", "isCompact", "hasNoFocusRing", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i7.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiCommentTextareaComponent, decorators: [{
            type: Component,
            args: [{ selector: 'eui-comment-textarea', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                        TranslateModule,
                        ReactiveFormsModule,
                        A11yModule,
                        ...EUI_TEXTAREA,
                        ...EUI_AVATAR,
                        ...EUI_BUTTON,
                        ...EUI_LABEL,
                    ], template: "<div class=\"eui-u-flex\">\n    <eui-avatar euiSizeXS>\n        <eui-avatar-image [imageUrl]=\"currentAuthorAvatarUrl\"></eui-avatar-image>\n    </eui-avatar>\n    <form class=\"comment-form\" [formGroup]=\"form\">\n        <textarea cdkTrapFocus cdkTrapFocusAutoCapture class=\"eui-u-ml-xs\" euiTextArea formControlName=\"comment\" [placeholder]=\"placeholder | translate\" autoResize></textarea>\n    </form>\n</div>\n<div class=\"eui-u-flex eui-u-flex-justify-content-end eui-u-pt-2xs\">\n    <button class=\"eui-u-mr-2xs\" euiButton euiBasicButton euiSizeS (buttonClick)=\"onCommentCancel()\">\n        <span euiLabel>{{ 'eui.CANCEL' | translate }}</span>\n    </button>\n    <button euiButton euiPrimary euiSizeS (buttonClick)=\"onCommentSend()\">\n        <span euiLabel>{{ 'eui.SEND' | translate }}</span>\n    </button>\n</div>\n", styles: [".eui-19 :host.eui-comment-thread ul{list-style:none;padding:0;margin:0}.eui-19 :host.eui-comment-item li{margin-bottom:var(--eui-s-2xs)}.eui-19 :host.eui-comment-item li .comment-item__row{align-items:center;display:flex;width:100%}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container{padding-left:var(--eui-s-2xs);width:100%}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment{padding-left:var(--eui-s-2xl)}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment .comment-source{display:none}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment .comment-actions{list-style:none;padding:0;margin:0}.eui-19 :host.eui-comment-item li .comment-item__sub-comment-list{list-style:none;padding:0;margin:0}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host.eui-comment-textarea .comment-form{width:100%}\n"] }]
        }], propDecorators: { cssClasses: [{
                type: HostBinding,
                args: ['class']
            }], currentAuthorAvatarUrl: [{
                type: Input
            }], placeholder: [{
                type: Input
            }], commentCancel: [{
                type: Output
            }], commentSend: [{
                type: Output
            }] } });

class EuiCommentItemComponent {
    constructor() {
        this.authorAvatarUrl = null;
        this.authorName = null;
        this.createdAt = null;
        this.currentAuthorAvatarUrl = null;
        this.hasChildren = false;
        this.isOpen = false;
        this.commentCharLimit = 500;
        this.commentCancel = new EventEmitter();
        this.commentSend = new EventEmitter();
        this.isVisibleReplyInput = false;
        this.fullText = '';
        this.truncatedText = '';
        this.isTruncated = false;
        this.isExpanded = false;
    }
    get cssClasses() {
        return ['eui-comment-item'].join(' ').trim();
    }
    get nbSubCommentItems() {
        return this.subCommentItems.length;
    }
    ngAfterContentInit() {
        const source = this.comment.nativeElement.textContent?.trim() ?? '';
        this.fullText = source;
        if (source.length > this.commentCharLimit) {
            this.truncatedText = source.slice(0, this.commentCharLimit);
            this.isTruncated = true;
        }
        else {
            this.truncatedText = source;
        }
    }
    toggleExpanded(e) {
        this.isExpanded = !this.isExpanded;
        e.preventDefault();
    }
    onToggleReplyInput(e) {
        this.isVisibleReplyInput = !this.isVisibleReplyInput;
        e.preventDefault();
    }
    onToggleOpen() {
        this.isOpen = !this.isOpen;
    }
    onCommentCancel() {
        this.commentCancel.emit();
    }
    onCommentSend(comment) {
        this.commentSend.emit(comment);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiCommentItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuiCommentItemComponent, isStandalone: true, selector: "eui-comment-item", inputs: { authorAvatarUrl: "authorAvatarUrl", authorName: "authorName", createdAt: "createdAt", currentAuthorAvatarUrl: "currentAuthorAvatarUrl", hasChildren: ["hasChildren", "hasChildren", booleanAttribute], isOpen: ["isOpen", "isOpen", booleanAttribute], commentCharLimit: ["commentCharLimit", "commentCharLimit", numberAttribute] }, outputs: { commentCancel: "commentCancel", commentSend: "commentSend" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "subCommentItems", predicate: EuiCommentItemComponent }], viewQueries: [{ propertyName: "comment", first: true, predicate: ["comment"], descendants: true, static: true }], ngImport: i0, template: "<li>\n    <div class=\"comment-item__row\">\n        <div class=\"comment-item__content-container\">\n            <div class=\"avatar eui-u-flex eui-u-flex-justify-content-between\">\n                <eui-avatar euiSizeXS>\n                    <eui-avatar-image [imageUrl]=\"authorAvatarUrl\"></eui-avatar-image>\n                    <eui-avatar-content>\n                        <eui-avatar-content-label>\n                            {{ authorName }} <span class=\"eui-u-c-neutral-110 eui-u-f-regular eui-u-text-smaller\">{{ createdAt }}</span>\n                        </eui-avatar-content-label>\n                    </eui-avatar-content>\n                </eui-avatar>\n\n                <ng-content select=\"eui-comment-item-right-actions\" />\n            </div>\n\n            <div class=\"comment\">\n                <div class=\"comment-source\" #comment>\n                    <ng-content></ng-content>\n                </div>\n\n                <div class=\"ellipsis-wrapper\">\n                    {{ isExpanded ? fullText : truncatedText }} @if (!isExpanded && isTruncated) { <span>\u2026</span> } \n                    @if (isTruncated) {\n                        <a href=\"#\" (click)=\"toggleExpanded($event)\" class=\"eui-u-text-link\">{{ isExpanded ? ('eui.READ-LESS' | translate) : ('eui.READ-MORE' | translate) }}</a>\n                    }\n                </div>\n\n                <ul class=\"comment-actions eui-u-flex\">\n                    <li><a href=\"#\" class=\"eui-u-text-link\" (click)=\"onToggleReplyInput($event)\">{{ 'eui.ANSWER' | translate }}</a></li>\n                </ul>\n            </div>\n\n            <div class=\"comment-item__footer-container\">\n                @if (isVisibleReplyInput) {\n                    <div class=\"eui-u-pt-s\">\n                        <eui-comment-textarea\n                            [currentAuthorAvatarUrl]=\"currentAuthorAvatarUrl\"\n                            [placeholder]=\"'eui.TO-ANSWER'\"\n                            (commentCancel)=\"onCommentCancel()\"\n                            (commentSend)=\"onCommentSend($event)\" />\n                    </div>\n                }\n            </div>\n        </div>\n    </div>\n\n    @if (nbSubCommentItems > 0) {\n        <div class=\"expander-container\">\n            @if (isOpen) {\n                <button euiButton euiBasicButton euiPrimary euiSizeS (buttonClick)=\"onToggleOpen()\">\n                    <eui-icon-svg icon=\"eui-chevron-up\" />\n                    <span euiLabel>{{ nbSubCommentItems }} {{ (nbSubCommentItems > 1 ? 'eui.ANSWERS' : 'eui.ANSWER') | translate }}</span>\n                </button>\n                <ul class=\"comment-item__sub-comment-list\">\n                    <ng-content select=\"eui-comment-item\"></ng-content>\n                </ul>\n            } @else {\n                <button euiButton euiBasicButton euiPrimary euiSizeS (buttonClick)=\"onToggleOpen()\">\n                    <eui-icon-svg icon=\"eui-chevron-down\" />\n                    <span euiLabel>{{ nbSubCommentItems }} {{ (nbSubCommentItems > 1 ? 'eui.ANSWERS' : 'eui.ANSWER') | translate }}</span>\n                </button>\n            }\n        </div>\n    }\n\n</li>\n", styles: [".eui-19 :host.eui-comment-thread ul{list-style:none;padding:0;margin:0}.eui-19 :host.eui-comment-item li{margin-bottom:var(--eui-s-2xs)}.eui-19 :host.eui-comment-item li .comment-item__row{align-items:center;display:flex;width:100%}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container{padding-left:var(--eui-s-2xs);width:100%}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment{padding-left:var(--eui-s-2xl)}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment .comment-source{display:none}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment .comment-actions{list-style:none;padding:0;margin:0}.eui-19 :host.eui-comment-item li .comment-item__sub-comment-list{list-style:none;padding:0;margin:0}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host.eui-comment-textarea .comment-form{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: i2$1.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground", "isReverse"] }, { kind: "component", type: i2$1.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i2$1.EuiAvatarContentComponent, selector: "eui-avatar-content" }, { kind: "component", type: i2$1.EuiAvatarContentLabelComponent, selector: "eui-avatar-content-label" }, { kind: "component", type: i6.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiCTAButton", "euiBlockButton", "euiIconButton", "euiAvatarButton", "euiLineWrap", "isCompact", "hasNoFocusRing", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i7.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: EuiCommentTextareaComponent, selector: "eui-comment-textarea", inputs: ["currentAuthorAvatarUrl", "placeholder"], outputs: ["commentCancel", "commentSend"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiCommentItemComponent, decorators: [{
            type: Component,
            args: [{ selector: 'eui-comment-item', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                        TranslateModule,
                        ...EUI_TEXTAREA,
                        ...EUI_AVATAR,
                        ...EUI_BUTTON,
                        ...EUI_LABEL,
                        ...EUI_ICON,
                        ...EUI_DROPDOWN,
                        ...EUI_ICON_BUTTON_EXPANDER,
                        EuiCommentTextareaComponent,
                    ], template: "<li>\n    <div class=\"comment-item__row\">\n        <div class=\"comment-item__content-container\">\n            <div class=\"avatar eui-u-flex eui-u-flex-justify-content-between\">\n                <eui-avatar euiSizeXS>\n                    <eui-avatar-image [imageUrl]=\"authorAvatarUrl\"></eui-avatar-image>\n                    <eui-avatar-content>\n                        <eui-avatar-content-label>\n                            {{ authorName }} <span class=\"eui-u-c-neutral-110 eui-u-f-regular eui-u-text-smaller\">{{ createdAt }}</span>\n                        </eui-avatar-content-label>\n                    </eui-avatar-content>\n                </eui-avatar>\n\n                <ng-content select=\"eui-comment-item-right-actions\" />\n            </div>\n\n            <div class=\"comment\">\n                <div class=\"comment-source\" #comment>\n                    <ng-content></ng-content>\n                </div>\n\n                <div class=\"ellipsis-wrapper\">\n                    {{ isExpanded ? fullText : truncatedText }} @if (!isExpanded && isTruncated) { <span>\u2026</span> } \n                    @if (isTruncated) {\n                        <a href=\"#\" (click)=\"toggleExpanded($event)\" class=\"eui-u-text-link\">{{ isExpanded ? ('eui.READ-LESS' | translate) : ('eui.READ-MORE' | translate) }}</a>\n                    }\n                </div>\n\n                <ul class=\"comment-actions eui-u-flex\">\n                    <li><a href=\"#\" class=\"eui-u-text-link\" (click)=\"onToggleReplyInput($event)\">{{ 'eui.ANSWER' | translate }}</a></li>\n                </ul>\n            </div>\n\n            <div class=\"comment-item__footer-container\">\n                @if (isVisibleReplyInput) {\n                    <div class=\"eui-u-pt-s\">\n                        <eui-comment-textarea\n                            [currentAuthorAvatarUrl]=\"currentAuthorAvatarUrl\"\n                            [placeholder]=\"'eui.TO-ANSWER'\"\n                            (commentCancel)=\"onCommentCancel()\"\n                            (commentSend)=\"onCommentSend($event)\" />\n                    </div>\n                }\n            </div>\n        </div>\n    </div>\n\n    @if (nbSubCommentItems > 0) {\n        <div class=\"expander-container\">\n            @if (isOpen) {\n                <button euiButton euiBasicButton euiPrimary euiSizeS (buttonClick)=\"onToggleOpen()\">\n                    <eui-icon-svg icon=\"eui-chevron-up\" />\n                    <span euiLabel>{{ nbSubCommentItems }} {{ (nbSubCommentItems > 1 ? 'eui.ANSWERS' : 'eui.ANSWER') | translate }}</span>\n                </button>\n                <ul class=\"comment-item__sub-comment-list\">\n                    <ng-content select=\"eui-comment-item\"></ng-content>\n                </ul>\n            } @else {\n                <button euiButton euiBasicButton euiPrimary euiSizeS (buttonClick)=\"onToggleOpen()\">\n                    <eui-icon-svg icon=\"eui-chevron-down\" />\n                    <span euiLabel>{{ nbSubCommentItems }} {{ (nbSubCommentItems > 1 ? 'eui.ANSWERS' : 'eui.ANSWER') | translate }}</span>\n                </button>\n            }\n        </div>\n    }\n\n</li>\n", styles: [".eui-19 :host.eui-comment-thread ul{list-style:none;padding:0;margin:0}.eui-19 :host.eui-comment-item li{margin-bottom:var(--eui-s-2xs)}.eui-19 :host.eui-comment-item li .comment-item__row{align-items:center;display:flex;width:100%}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container{padding-left:var(--eui-s-2xs);width:100%}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment{padding-left:var(--eui-s-2xl)}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment .comment-source{display:none}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment .comment-actions{list-style:none;padding:0;margin:0}.eui-19 :host.eui-comment-item li .comment-item__sub-comment-list{list-style:none;padding:0;margin:0}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host.eui-comment-textarea .comment-form{width:100%}\n"] }]
        }], propDecorators: { cssClasses: [{
                type: HostBinding,
                args: ['class']
            }], authorAvatarUrl: [{
                type: Input
            }], authorName: [{
                type: Input
            }], createdAt: [{
                type: Input
            }], currentAuthorAvatarUrl: [{
                type: Input
            }], hasChildren: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], isOpen: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], commentCharLimit: [{
                type: Input,
                args: [{ transform: numberAttribute }]
            }], commentCancel: [{
                type: Output
            }], commentSend: [{
                type: Output
            }], subCommentItems: [{
                type: ContentChildren,
                args: [EuiCommentItemComponent]
            }], comment: [{
                type: ViewChild,
                args: ['comment', { static: true }]
            }] } });

class EuiCommentThreadComponent {
    constructor() {
        this.placeholder = 'eui.ADD-A-COMMENT';
        this.textareaPosition = 'top';
        this.hasTextarea = true;
        this.currentAuthorAvatarUrl = null;
        this.isOpen = false;
        this.isCollapsable = true;
        this.commentCancel = new EventEmitter();
        this.commentSend = new EventEmitter();
    }
    get cssClasses() {
        return [
            'eui-comment-thread',
        ]
            .join(' ')
            .trim();
    }
    get nbSubCommentItems() {
        return this.subCommentItems.length;
    }
    onCommentCancel() {
        this.commentCancel.emit();
    }
    onCommentSend(comment) {
        this.commentSend.emit(comment);
    }
    onToggleOpen() {
        this.isOpen = !this.isOpen;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiCommentThreadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuiCommentThreadComponent, isStandalone: true, selector: "eui-comment-thread", inputs: { placeholder: "placeholder", textareaPosition: "textareaPosition", hasTextarea: ["hasTextarea", "hasTextarea", booleanAttribute], currentAuthorAvatarUrl: "currentAuthorAvatarUrl", isOpen: ["isOpen", "isOpen", booleanAttribute], isCollapsable: ["isCollapsable", "isCollapsable", booleanAttribute] }, outputs: { commentCancel: "commentCancel", commentSend: "commentSend" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "subCommentItems", predicate: EuiCommentItemComponent }], ngImport: i0, template: "@if (textareaPosition === 'top' && hasTextarea) {\n    <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n}\n\n@if (nbSubCommentItems > 0) {\n    <div class=\"expander-container\">\n        @if (isOpen) {\n            @if (isCollapsable) {\n                <button euiButton euiBasicButton euiPrimary euiSizeS (buttonClick)=\"onToggleOpen()\">\n                    <eui-icon-svg icon=\"eui-chevron-up\" />\n                    <span euiLabel>{{ nbSubCommentItems }} {{ (nbSubCommentItems > 1 ? 'eui.ANSWERS' : 'eui.ANSWER') | translate }}</span>\n                </button>\n            }\n            <ul>\n                <ng-content></ng-content>\n            </ul>\n        } @else {\n            <button euiButton euiBasicButton euiPrimary euiSizeS (buttonClick)=\"onToggleOpen()\">\n                <eui-icon-svg icon=\"eui-chevron-down\" />\n                <span euiLabel>{{ nbSubCommentItems }} {{ (nbSubCommentItems > 1 ? 'eui.ANSWERS' : 'eui.ANSWER') | translate }}</span>\n            </button>\n        }\n    </div>\n}\n\n@if (textareaPosition === 'bottom' && hasTextarea) {\n    <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n}\n\n<ng-template #control>\n    <eui-comment-textarea\n        [currentAuthorAvatarUrl]=\"currentAuthorAvatarUrl\"\n        [placeholder]=\"placeholder | translate\"\n        (commentCancel)=\"onCommentCancel()\"\n        (commentSend)=\"onCommentSend($event)\" />\n</ng-template>\n", styles: [".eui-19 :host.eui-comment-thread ul{list-style:none;padding:0;margin:0}.eui-19 :host.eui-comment-item li{margin-bottom:var(--eui-s-2xs)}.eui-19 :host.eui-comment-item li .comment-item__row{align-items:center;display:flex;width:100%}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container{padding-left:var(--eui-s-2xs);width:100%}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment{padding-left:var(--eui-s-2xl)}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment .comment-source{display:none}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment .comment-actions{list-style:none;padding:0;margin:0}.eui-19 :host.eui-comment-item li .comment-item__sub-comment-list{list-style:none;padding:0;margin:0}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host.eui-comment-textarea .comment-form{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i6.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiCTAButton", "euiBlockButton", "euiIconButton", "euiAvatarButton", "euiLineWrap", "isCompact", "hasNoFocusRing", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: EuiCommentTextareaComponent, selector: "eui-comment-textarea", inputs: ["currentAuthorAvatarUrl", "placeholder"], outputs: ["commentCancel", "commentSend"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiCommentThreadComponent, decorators: [{
            type: Component,
            args: [{ selector: 'eui-comment-thread', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                        TranslateModule,
                        NgTemplateOutlet,
                        ...EUI_TEXTAREA,
                        ...EUI_AVATAR,
                        ...EUI_BUTTON,
                        ...EUI_ICON,
                        EuiCommentTextareaComponent,
                    ], template: "@if (textareaPosition === 'top' && hasTextarea) {\n    <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n}\n\n@if (nbSubCommentItems > 0) {\n    <div class=\"expander-container\">\n        @if (isOpen) {\n            @if (isCollapsable) {\n                <button euiButton euiBasicButton euiPrimary euiSizeS (buttonClick)=\"onToggleOpen()\">\n                    <eui-icon-svg icon=\"eui-chevron-up\" />\n                    <span euiLabel>{{ nbSubCommentItems }} {{ (nbSubCommentItems > 1 ? 'eui.ANSWERS' : 'eui.ANSWER') | translate }}</span>\n                </button>\n            }\n            <ul>\n                <ng-content></ng-content>\n            </ul>\n        } @else {\n            <button euiButton euiBasicButton euiPrimary euiSizeS (buttonClick)=\"onToggleOpen()\">\n                <eui-icon-svg icon=\"eui-chevron-down\" />\n                <span euiLabel>{{ nbSubCommentItems }} {{ (nbSubCommentItems > 1 ? 'eui.ANSWERS' : 'eui.ANSWER') | translate }}</span>\n            </button>\n        }\n    </div>\n}\n\n@if (textareaPosition === 'bottom' && hasTextarea) {\n    <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n}\n\n<ng-template #control>\n    <eui-comment-textarea\n        [currentAuthorAvatarUrl]=\"currentAuthorAvatarUrl\"\n        [placeholder]=\"placeholder | translate\"\n        (commentCancel)=\"onCommentCancel()\"\n        (commentSend)=\"onCommentSend($event)\" />\n</ng-template>\n", styles: [".eui-19 :host.eui-comment-thread ul{list-style:none;padding:0;margin:0}.eui-19 :host.eui-comment-item li{margin-bottom:var(--eui-s-2xs)}.eui-19 :host.eui-comment-item li .comment-item__row{align-items:center;display:flex;width:100%}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container{padding-left:var(--eui-s-2xs);width:100%}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment{padding-left:var(--eui-s-2xl)}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment .comment-source{display:none}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment .comment-actions{list-style:none;padding:0;margin:0}.eui-19 :host.eui-comment-item li .comment-item__sub-comment-list{list-style:none;padding:0;margin:0}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host.eui-comment-textarea .comment-form{width:100%}\n"] }]
        }], propDecorators: { cssClasses: [{
                type: HostBinding,
                args: ['class']
            }], placeholder: [{
                type: Input
            }], textareaPosition: [{
                type: Input
            }], hasTextarea: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], currentAuthorAvatarUrl: [{
                type: Input
            }], isOpen: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], isCollapsable: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], commentCancel: [{
                type: Output
            }], commentSend: [{
                type: Output
            }], subCommentItems: [{
                type: ContentChildren,
                args: [EuiCommentItemComponent]
            }] } });

class EuiCommentItemRightActionsComponent {
    get cssClasses() {
        return ['eui-comment-item-right-actions'].join(' ').trim();
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiCommentItemRightActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuiCommentItemRightActionsComponent, isStandalone: true, selector: "eui-comment-item-right-actions", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content />\n", styles: [".eui-19 :host.eui-comment-thread ul{list-style:none;padding:0;margin:0}.eui-19 :host.eui-comment-item li{margin-bottom:var(--eui-s-2xs)}.eui-19 :host.eui-comment-item li .comment-item__row{align-items:center;display:flex;width:100%}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container{padding-left:var(--eui-s-2xs);width:100%}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment{padding-left:var(--eui-s-2xl)}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment .comment-source{display:none}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment .comment-actions{list-style:none;padding:0;margin:0}.eui-19 :host.eui-comment-item li .comment-item__sub-comment-list{list-style:none;padding:0;margin:0}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host.eui-comment-textarea .comment-form{width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiCommentItemRightActionsComponent, decorators: [{
            type: Component,
            args: [{ selector: 'eui-comment-item-right-actions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n", styles: [".eui-19 :host.eui-comment-thread ul{list-style:none;padding:0;margin:0}.eui-19 :host.eui-comment-item li{margin-bottom:var(--eui-s-2xs)}.eui-19 :host.eui-comment-item li .comment-item__row{align-items:center;display:flex;width:100%}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container{padding-left:var(--eui-s-2xs);width:100%}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment{padding-left:var(--eui-s-2xl)}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment .comment-source{display:none}.eui-19 :host.eui-comment-item li .comment-item__row .comment-item__content-container .comment .comment-actions{list-style:none;padding:0;margin:0}.eui-19 :host.eui-comment-item li .comment-item__sub-comment-list{list-style:none;padding:0;margin:0}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .comment-item__row,.eui-19 :host-context(.eui-comment-item) ::ng-deep .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item .eui-comment-item>li .expander-container{padding-left:2rem}.eui-19 :host.eui-comment-textarea .comment-form{width:100%}\n"] }]
        }], propDecorators: { cssClasses: [{
                type: HostBinding,
                args: ['class']
            }] } });

const EUI_COMMENT_THREAD = [
    EuiCommentThreadComponent,
    EuiCommentItemComponent,
    EuiCommentTextareaComponent,
    EuiCommentItemRightActionsComponent,
];

/**
 * Generated bundle index. Do not edit.
 */

export { EUI_COMMENT_THREAD, EuiCommentItemComponent, EuiCommentItemRightActionsComponent, EuiCommentTextareaComponent, EuiCommentThreadComponent };
//# sourceMappingURL=eui-components-eui-comment-thread.mjs.map
