@eui/components 15.0.0-rc.1 → 15.0.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/classes/EuiDiscussionThreadItem.html +2 -2
- package/docs/components/EuiDiscussionThreadComponent.html +1 -25
- package/docs/components/EuiDiscussionThreadItemComponent.html +1 -25
- package/docs/dependencies.html +5 -3
- package/docs/js/search/search_index.js +2 -2
- package/esm2020/eui-discussion-thread/eui-discussion-thread-item.component.mjs +9 -12
- package/esm2020/eui-discussion-thread/eui-discussion-thread.component.mjs +3 -8
- package/esm2020/eui-discussion-thread/models/eui-discussion-thread-item.model.mjs +1 -1
- package/eui-discussion-thread/eui-discussion-thread-item.component.d.ts +1 -2
- package/eui-discussion-thread/eui-discussion-thread-item.component.d.ts.map +1 -1
- package/eui-discussion-thread/eui-discussion-thread.component.d.ts +1 -2
- package/eui-discussion-thread/eui-discussion-thread.component.d.ts.map +1 -1
- package/eui-discussion-thread/models/eui-discussion-thread-item.model.d.ts +1 -1
- package/eui-discussion-thread/models/eui-discussion-thread-item.model.d.ts.map +1 -1
- package/fesm2015/eui-components-eui-discussion-thread.mjs +10 -18
- package/fesm2015/eui-components-eui-discussion-thread.mjs.map +1 -1
- package/fesm2020/eui-components-eui-discussion-thread.mjs +10 -18
- package/fesm2020/eui-components-eui-discussion-thread.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -4,35 +4,34 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
export class EuiDiscussionThreadItemComponent {
|
|
6
6
|
constructor() {
|
|
7
|
-
this.e2eAttr = 'eui-discussion-thread-item';
|
|
8
7
|
this._isOdd = false;
|
|
9
8
|
}
|
|
10
9
|
get isOdd() { return this._isOdd; }
|
|
11
10
|
set isOdd(value) { this._isOdd = coerceBooleanProperty(value); }
|
|
12
11
|
get iconClass() {
|
|
13
|
-
let iconClass = '
|
|
12
|
+
let iconClass = 'eui-icon-more-horizontal';
|
|
14
13
|
switch (this.typeClass) {
|
|
15
14
|
case 'info':
|
|
16
|
-
iconClass = '
|
|
15
|
+
iconClass = 'eui-icon-info';
|
|
17
16
|
break;
|
|
18
17
|
case 'success':
|
|
19
|
-
iconClass = '
|
|
18
|
+
iconClass = 'eui-icon-check';
|
|
20
19
|
break;
|
|
21
20
|
case 'warning':
|
|
22
|
-
iconClass = '
|
|
21
|
+
iconClass = 'eui-icon-exclamation';
|
|
23
22
|
break;
|
|
24
23
|
case 'danger':
|
|
25
|
-
iconClass = '
|
|
24
|
+
iconClass = 'eui-icon-times';
|
|
26
25
|
break;
|
|
27
26
|
}
|
|
28
|
-
return iconClass
|
|
27
|
+
return `eui-icon ${iconClass}`;
|
|
29
28
|
}
|
|
30
29
|
}
|
|
31
30
|
/** @nocollapse */ EuiDiscussionThreadItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiDiscussionThreadItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
-
/** @nocollapse */ EuiDiscussionThreadItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EuiDiscussionThreadItemComponent, selector: "eui-discussion-thread-item", inputs: { id: "id", typeClass: "typeClass", date: "date", author: "author", body: "body", tooltip: "tooltip",
|
|
31
|
+
/** @nocollapse */ EuiDiscussionThreadItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.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 <span class=\"ion ion-android-time\"></span> {{ date | date:'HH:mm' }}\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: "pipe", type: i1.DatePipe, name: "date" }] });
|
|
33
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiDiscussionThreadItemComponent, decorators: [{
|
|
34
33
|
type: Component,
|
|
35
|
-
args: [{ selector: 'eui-discussion-thread-item', template: "<li class=\"eui-discussion-thread__item\" [class.eui-discussion-thread-inverted]=\"isOdd\"
|
|
34
|
+
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 <span class=\"ion ion-android-time\"></span> {{ date | date:'HH:mm' }}\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" }]
|
|
36
35
|
}], propDecorators: { id: [{
|
|
37
36
|
type: Input
|
|
38
37
|
}], typeClass: [{
|
|
@@ -45,9 +44,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4",
|
|
|
45
44
|
type: Input
|
|
46
45
|
}], tooltip: [{
|
|
47
46
|
type: Input
|
|
48
|
-
}], e2eAttr: [{
|
|
49
|
-
type: Input
|
|
50
47
|
}], isOdd: [{
|
|
51
48
|
type: Input
|
|
52
49
|
}] } });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWRpc2N1c3Npb24tdGhyZWFkLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLWRpc2N1c3Npb24tdGhyZWFkL2V1aS1kaXNjdXNzaW9uLXRocmVhZC1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL2V1aS1kaXNjdXNzaW9uLXRocmVhZC9ldWktZGlzY3Vzc2lvbi10aHJlYWQtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUscUJBQXFCLEVBQWdCLE1BQU0sdUJBQXVCLENBQUM7OztBQU01RSxNQUFNLE9BQU8sZ0NBQWdDO0lBSjdDO1FBZVksV0FBTSxHQUFZLEtBQUssQ0FBQztLQW9CbkM7SUF2QkcsSUFDSSxLQUFLLEtBQWMsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztJQUM1QyxJQUFJLEtBQUssQ0FBQyxLQUFtQixJQUFJLElBQUksQ0FBQyxNQUFNLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRzlFLElBQUksU0FBUztRQUNULElBQUksU0FBUyxHQUFHLDBCQUEwQixDQUFDO1FBQzNDLFFBQVEsSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUN4QixLQUFLLE1BQU07Z0JBQ1AsU0FBUyxHQUFHLGVBQWUsQ0FBQztnQkFDNUIsTUFBTTtZQUNWLEtBQUssU0FBUztnQkFDVixTQUFTLEdBQUcsZ0JBQWdCLENBQUM7Z0JBQzdCLE1BQU07WUFDVixLQUFLLFNBQVM7Z0JBQ1YsU0FBUyxHQUFHLHNCQUFzQixDQUFDO2dCQUNuQyxNQUFNO1lBQ1YsS0FBSyxRQUFRO2dCQUNULFNBQVMsR0FBRyxnQkFBZ0IsQ0FBQztnQkFDN0IsTUFBTTtTQUNUO1FBQ0QsT0FBTyxZQUFZLFNBQVMsRUFBRSxDQUFDO0lBQ25DLENBQUM7O3VKQTlCUSxnQ0FBZ0M7MklBQWhDLGdDQUFnQyxrTUNQN0MsaWhDQXVCQTtrR0RoQmEsZ0NBQWdDO2tCQUo1QyxTQUFTOytCQUNJLDRCQUE0Qjs4QkFJN0IsRUFBRTtzQkFBVixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUdGLEtBQUs7c0JBRFIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSwgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktZGlzY3Vzc2lvbi10aHJlYWQtaXRlbScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS1kaXNjdXNzaW9uLXRocmVhZC1pdGVtLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBFdWlEaXNjdXNzaW9uVGhyZWFkSXRlbUNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgaWQ6IHN0cmluZztcbiAgICBASW5wdXQoKSB0eXBlQ2xhc3M6IHN0cmluZztcbiAgICBASW5wdXQoKSBkYXRlOiBzdHJpbmc7XG4gICAgQElucHV0KCkgYXV0aG9yOiBzdHJpbmc7XG4gICAgQElucHV0KCkgYm9keTogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHRvb2x0aXA6IHN0cmluZztcblxuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGlzT2RkKCk6IGJvb2xlYW4geyByZXR1cm4gdGhpcy5faXNPZGQ7IH1cbiAgICBzZXQgaXNPZGQodmFsdWU6IEJvb2xlYW5JbnB1dCkgeyB0aGlzLl9pc09kZCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7IH1cbiAgICBwcml2YXRlIF9pc09kZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gICAgZ2V0IGljb25DbGFzcygpOiBzdHJpbmcge1xuICAgICAgICBsZXQgaWNvbkNsYXNzID0gJ2V1aS1pY29uLW1vcmUtaG9yaXpvbnRhbCc7XG4gICAgICAgIHN3aXRjaCAodGhpcy50eXBlQ2xhc3MpIHtcbiAgICAgICAgY2FzZSAnaW5mbyc6XG4gICAgICAgICAgICBpY29uQ2xhc3MgPSAnZXVpLWljb24taW5mbyc7XG4gICAgICAgICAgICBicmVhaztcbiAgICAgICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICAgICAgICBpY29uQ2xhc3MgPSAnZXVpLWljb24tY2hlY2snO1xuICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgICAgICAgaWNvbkNsYXNzID0gJ2V1aS1pY29uLWV4Y2xhbWF0aW9uJztcbiAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlICdkYW5nZXInOlxuICAgICAgICAgICAgaWNvbkNsYXNzID0gJ2V1aS1pY29uLXRpbWVzJztcbiAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBgZXVpLWljb24gJHtpY29uQ2xhc3N9YDtcbiAgICB9XG59XG4iLCI8bGkgY2xhc3M9XCJldWktZGlzY3Vzc2lvbi10aHJlYWRfX2l0ZW1cIiBbY2xhc3MuZXVpLWRpc2N1c3Npb24tdGhyZWFkLWludmVydGVkXT1cImlzT2RkXCI+XG4gICAgPGRpdiBjbGFzcz1cImV1aS1kaXNjdXNzaW9uLXRocmVhZC1iYWRnZSB7e3R5cGVDbGFzc319XCIgdGl0bGU9XCJ7e3Rvb2x0aXB9fVwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInt7aWNvbkNsYXNzfX1cIj48L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImV1aS1kaXNjdXNzaW9uLXRocmVhZC1wYW5lbFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWRpc2N1c3Npb24tdGhyZWFkLWhlYWRlclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImV1aS1kaXNjdXNzaW9uLXRocmVhZC1oZWFkaW5nXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImV1aS1kaXNjdXNzaW9uLXRocmVhZC10aXRsZVwiPlxuICAgICAgICAgICAgICAgICAgICB7eyBkYXRlIHwgZGF0ZTogJ2RkL01NL1lZWVknIH19XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImV1aS1kaXNjdXNzaW9uLXRocmVhZC10aW1lXCI+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaW9uIGlvbi1hbmRyb2lkLXRpbWVcIj48L3NwYW4+IHt7IGRhdGUgfCBkYXRlOidISDptbScgfX1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImV1aS1kaXNjdXNzaW9uLXRocmVhZC1zdWJoZWFkaW5nXCI+XG4gICAgICAgICAgICAgICAge3sgYXV0aG9yIH19XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJldWktZGlzY3Vzc2lvbi10aHJlYWQtYm9keVwiPlxuICAgICAgICAgICAgPHAgY2xhc3M9XCJldWktZGlzY3Vzc2lvbi10aHJlYWQtYm9keV9fd29yZC1icmVha1wiIFtpbm5lckhUTUxdPVwiYm9keVwiPjwvcD5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2xpPlxuIl19
|
|
@@ -3,18 +3,15 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
import * as i2 from "./eui-discussion-thread-item.component";
|
|
5
5
|
export class EuiDiscussionThreadComponent {
|
|
6
|
-
constructor() {
|
|
7
|
-
this.e2eAttr = 'eui-discussion-thread';
|
|
8
|
-
}
|
|
9
6
|
trackByFn(index, item) {
|
|
10
7
|
return item.id;
|
|
11
8
|
}
|
|
12
9
|
}
|
|
13
10
|
/** @nocollapse */ EuiDiscussionThreadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiDiscussionThreadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
/** @nocollapse */ EuiDiscussionThreadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EuiDiscussionThreadComponent, selector: "eui-discussion-thread", inputs: { items: "items", titleLabel: "titleLabel", subTitleLabel: "subTitleLabel", tooltip: "tooltip"
|
|
11
|
+
/** @nocollapse */ EuiDiscussionThreadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.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=\"section-title page-sub-title eui-u-font-size-xl mt-0 mb-2 pb-2\">{{titleLabel}}</div>\n <div class=\"section-sub-title eui-u-font-size-l mb-2\">{{subTitleLabel}}</div>\n <ul class=\"eui-discussion-thread\">\n <ng-template [ngIf]=\"items\">\n <eui-discussion-thread-item *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{list-style:none;padding:20px 0;position:relative}.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__item{margin-bottom:var(--eui-base-spacing-m);position:relative}.eui-discussion-thread__item:before,.eui-discussion-thread__item:after{content:\" \";display:table}.eui-discussion-thread__item:after{clear:both}.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__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__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__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;z-index:100}.eui-discussion-thread__item .eui-discussion-thread-badge--small{height:1.5rem;left:51.75%;top:2.5rem;width:1.5rem}.eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel{float:right}.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__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-badge{background-color:var(--eui-base-color-grey-25)!important}.eui-discussion-thread-badge.primary{background-color:var(--eui-base-color-primary-100)!important}.eui-discussion-thread-badge.success{background-color:var(--eui-base-color-success-100)!important}.eui-discussion-thread-badge.warning{background-color:var(--eui-base-color-warning-100)!important}.eui-discussion-thread-badge.danger{background-color:var(--eui-base-color-danger-100)!important}.eui-discussion-thread-badge.info{background-color:var(--eui-base-color-info-100)!important}.eui-discussion-thread-badge.accent{background-color:var(--eui-base-color-accent-100)!important}.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-heading{display:flex!important;justify-content:space-between!important;align-items:center!important}.eui-discussion-thread-heading .eui-discussion-thread-title{color:var(--eui-base-color-primary-100);font-size:var(--eui-base-font-size-l);font-style:normal;font-weight:700}.eui-discussion-thread-heading .eui-discussion-thread-time{font-size:var(--eui-base-font-size-s);margin-left:auto;font-style:normal;font-weight:300}.eui-discussion-thread-subheading{margin-top:var(--eui-base-spacing-xs);font-style:normal;font-weight:300}.eui-discussion-thread-body{margin:var(--eui-base-spacing-m) 0}.eui-discussion-thread-body__word-break{word-break:break-word}hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-base-color-black);height:1px;margin:0!important;opacity:.4}.eui-discussion-thread-body>p,.eui-discussion-thread-body>ul{margin-bottom:0}.eui-discussion-thread-body>p+p{margin-top:5px}.eui-discussion-thread-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-discussion-thread-tooltip{font-size:.85rem;background-color:#000000bf}@media screen and (min-width: 1140px){.eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiDiscussionThreadItemComponent, selector: "eui-discussion-thread-item", inputs: ["id", "typeClass", "date", "author", "body", "tooltip", "isOdd"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
15
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiDiscussionThreadComponent, decorators: [{
|
|
16
13
|
type: Component,
|
|
17
|
-
args: [{ selector: 'eui-discussion-thread', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-discussion-thread-wrapper\"
|
|
14
|
+
args: [{ selector: 'eui-discussion-thread', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-discussion-thread-wrapper\">\n <div class=\"section-title page-sub-title eui-u-font-size-xl mt-0 mb-2 pb-2\">{{titleLabel}}</div>\n <div class=\"section-sub-title eui-u-font-size-l mb-2\">{{subTitleLabel}}</div>\n <ul class=\"eui-discussion-thread\">\n <ng-template [ngIf]=\"items\">\n <eui-discussion-thread-item *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{list-style:none;padding:20px 0;position:relative}.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__item{margin-bottom:var(--eui-base-spacing-m);position:relative}.eui-discussion-thread__item:before,.eui-discussion-thread__item:after{content:\" \";display:table}.eui-discussion-thread__item:after{clear:both}.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__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__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__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;z-index:100}.eui-discussion-thread__item .eui-discussion-thread-badge--small{height:1.5rem;left:51.75%;top:2.5rem;width:1.5rem}.eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel{float:right}.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__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-badge{background-color:var(--eui-base-color-grey-25)!important}.eui-discussion-thread-badge.primary{background-color:var(--eui-base-color-primary-100)!important}.eui-discussion-thread-badge.success{background-color:var(--eui-base-color-success-100)!important}.eui-discussion-thread-badge.warning{background-color:var(--eui-base-color-warning-100)!important}.eui-discussion-thread-badge.danger{background-color:var(--eui-base-color-danger-100)!important}.eui-discussion-thread-badge.info{background-color:var(--eui-base-color-info-100)!important}.eui-discussion-thread-badge.accent{background-color:var(--eui-base-color-accent-100)!important}.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-heading{display:flex!important;justify-content:space-between!important;align-items:center!important}.eui-discussion-thread-heading .eui-discussion-thread-title{color:var(--eui-base-color-primary-100);font-size:var(--eui-base-font-size-l);font-style:normal;font-weight:700}.eui-discussion-thread-heading .eui-discussion-thread-time{font-size:var(--eui-base-font-size-s);margin-left:auto;font-style:normal;font-weight:300}.eui-discussion-thread-subheading{margin-top:var(--eui-base-spacing-xs);font-style:normal;font-weight:300}.eui-discussion-thread-body{margin:var(--eui-base-spacing-m) 0}.eui-discussion-thread-body__word-break{word-break:break-word}hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-base-color-black);height:1px;margin:0!important;opacity:.4}.eui-discussion-thread-body>p,.eui-discussion-thread-body>ul{margin-bottom:0}.eui-discussion-thread-body>p+p{margin-top:5px}.eui-discussion-thread-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-discussion-thread-tooltip{font-size:.85rem;background-color:#000000bf}@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"] }]
|
|
18
15
|
}], propDecorators: { items: [{
|
|
19
16
|
type: Input
|
|
20
17
|
}], titleLabel: [{
|
|
@@ -23,7 +20,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4",
|
|
|
23
20
|
type: Input
|
|
24
21
|
}], tooltip: [{
|
|
25
22
|
type: Input
|
|
26
|
-
}], e2eAttr: [{
|
|
27
|
-
type: Input
|
|
28
23
|
}] } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWRpc2N1c3Npb24tdGhyZWFkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2V1aS1kaXNjdXNzaW9uLXRocmVhZC9ldWktZGlzY3Vzc2lvbi10aHJlYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWRpc2N1c3Npb24tdGhyZWFkL2V1aS1kaXNjdXNzaW9uLXRocmVhZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVVwRSxNQUFNLE9BQU8sNEJBQTRCO0lBTTlCLFNBQVMsQ0FBQyxLQUFhLEVBQUUsSUFBNkI7UUFDekQsT0FBTyxJQUFJLENBQUMsRUFBRSxDQUFDO0lBQ25CLENBQUM7O21KQVJRLDRCQUE0Qjt1SUFBNUIsNEJBQTRCLHVLQ1Z6QyxzakNBcUJBO2tHRFhhLDRCQUE0QjtrQkFOeEMsU0FBUzsrQkFDSSx1QkFBdUIsaUJBR2xCLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRXVpRGlzY3Vzc2lvblRocmVhZEl0ZW0gfSBmcm9tICcuL21vZGVscy9ldWktZGlzY3Vzc2lvbi10aHJlYWQtaXRlbS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpLWRpc2N1c3Npb24tdGhyZWFkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLWRpc2N1c3Npb24tdGhyZWFkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlEaXNjdXNzaW9uVGhyZWFkQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBpdGVtczogRXVpRGlzY3Vzc2lvblRocmVhZEl0ZW1bXTtcbiAgICBASW5wdXQoKSB0aXRsZUxhYmVsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgc3ViVGl0bGVMYWJlbDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHRvb2x0aXA6IHN0cmluZztcblxuICAgIHB1YmxpYyB0cmFja0J5Rm4oaW5kZXg6IG51bWJlciwgaXRlbTogRXVpRGlzY3Vzc2lvblRocmVhZEl0ZW0pOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gaXRlbS5pZDtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZXVpLWRpc2N1c3Npb24tdGhyZWFkLXdyYXBwZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2VjdGlvbi10aXRsZSBwYWdlLXN1Yi10aXRsZSBldWktdS1mb250LXNpemUteGwgbXQtMCBtYi0yIHBiLTJcIj57e3RpdGxlTGFiZWx9fTwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzZWN0aW9uLXN1Yi10aXRsZSBldWktdS1mb250LXNpemUtbCBtYi0yXCI+e3tzdWJUaXRsZUxhYmVsfX08L2Rpdj5cbiAgICA8dWwgY2xhc3M9XCJldWktZGlzY3Vzc2lvbi10aHJlYWRcIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ0lmXT1cIml0ZW1zXCI+XG4gICAgICAgICAgICA8ZXVpLWRpc2N1c3Npb24tdGhyZWFkLWl0ZW0gKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXM7IGxldCBvID0gb2RkOyBsZXQgZSA9IGV2ZW47IHRyYWNrQnk6IHRyYWNrQnlGblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaXNPZGRdPVwib1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD1cInt7aXRlbS5pZH19XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGVDbGFzcz1cInt7aXRlbS50eXBlQ2xhc3N9fVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRlPVwie3tpdGVtLmRhdGV9fVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhdXRob3I9XCJ7e2l0ZW0uYXV0aG9yfX1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYm9keT1cInt7aXRlbS5ib2R5fX1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdG9vbHRpcD1cInt7aXRlbS50b29sdGlwfX1cIj5cbiAgICAgICAgICAgIDwvZXVpLWRpc2N1c3Npb24tdGhyZWFkLWl0ZW0+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ0lmXT1cIiFpdGVtc1wiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvdWw+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -3,4 +3,4 @@ export class EuiDiscussionThreadItem {
|
|
|
3
3
|
Object.assign(this, values);
|
|
4
4
|
}
|
|
5
5
|
}
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWRpc2N1c3Npb24tdGhyZWFkLWl0ZW0ubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9ldWktZGlzY3Vzc2lvbi10aHJlYWQvbW9kZWxzL2V1aS1kaXNjdXNzaW9uLXRocmVhZC1pdGVtLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNBLE1BQU0sT0FBTyx1QkFBdUI7SUFRaEMsWUFBWSxNQUFNLEdBQUcsRUFBRTtRQUNuQixNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQztJQUNoQyxDQUFDO0NBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIElFdWlEaXNjdXNzaW9uVGhyZWFkSXRlbSB7XG4gICAgaWQ6IHN0cmluZztcbiAgICB0eXBlQ2xhc3M6IHN0cmluZztcbiAgICBkYXRlOiBzdHJpbmc7XG4gICAgYXV0aG9yOiBzdHJpbmc7XG4gICAgYm9keTogc3RyaW5nO1xuICAgIHRvb2x0aXA/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjbGFzcyBFdWlEaXNjdXNzaW9uVGhyZWFkSXRlbSBpbXBsZW1lbnRzIElFdWlEaXNjdXNzaW9uVGhyZWFkSXRlbSB7XG4gICAgaWQ6IHN0cmluZztcbiAgICB0eXBlQ2xhc3M6IHN0cmluZztcbiAgICBkYXRlOiBzdHJpbmc7XG4gICAgYXV0aG9yOiBzdHJpbmc7XG4gICAgYm9keTogc3RyaW5nO1xuICAgIHRvb2x0aXA/OiBzdHJpbmc7XG5cbiAgICBjb25zdHJ1Y3Rvcih2YWx1ZXMgPSB7fSkge1xuICAgICAgICBPYmplY3QuYXNzaWduKHRoaXMsIHZhbHVlcyk7XG4gICAgfVxufVxuIl19
|
|
@@ -7,12 +7,11 @@ export declare class EuiDiscussionThreadItemComponent {
|
|
|
7
7
|
author: string;
|
|
8
8
|
body: string;
|
|
9
9
|
tooltip: string;
|
|
10
|
-
e2eAttr: string;
|
|
11
10
|
get isOdd(): boolean;
|
|
12
11
|
set isOdd(value: BooleanInput);
|
|
13
12
|
private _isOdd;
|
|
14
13
|
get iconClass(): string;
|
|
15
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiDiscussionThreadItemComponent, never>;
|
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EuiDiscussionThreadItemComponent, "eui-discussion-thread-item", never, { "id": "id"; "typeClass": "typeClass"; "date": "date"; "author": "author"; "body": "body"; "tooltip": "tooltip"; "
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EuiDiscussionThreadItemComponent, "eui-discussion-thread-item", never, { "id": "id"; "typeClass": "typeClass"; "date": "date"; "author": "author"; "body": "body"; "tooltip": "tooltip"; "isOdd": "isOdd"; }, {}, never, never, false, never>;
|
|
17
16
|
}
|
|
18
17
|
//# sourceMappingURL=eui-discussion-thread-item.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-discussion-thread-item.component.d.ts","sourceRoot":"","sources":["../../eui-discussion-thread/eui-discussion-thread-item.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,YAAY,EAAE,MAAM,uBAAuB,CAAC;;AAE5E,qBAIa,gCAAgC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"eui-discussion-thread-item.component.d.ts","sourceRoot":"","sources":["../../eui-discussion-thread/eui-discussion-thread-item.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,YAAY,EAAE,MAAM,uBAAuB,CAAC;;AAE5E,qBAIa,gCAAgC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAEzB,IACI,KAAK,IAAI,OAAO,CAAwB;IAC5C,IAAI,KAAK,CAAC,KAAK,EAAE,YAAY,EAAiD;IAC9E,OAAO,CAAC,MAAM,CAAkB;IAEhC,IAAI,SAAS,IAAI,MAAM,CAiBtB;yCA9BQ,gCAAgC;2CAAhC,gCAAgC;CA+B5C"}
|
|
@@ -5,9 +5,8 @@ export declare class EuiDiscussionThreadComponent {
|
|
|
5
5
|
titleLabel: string;
|
|
6
6
|
subTitleLabel: string;
|
|
7
7
|
tooltip: string;
|
|
8
|
-
e2eAttr: string;
|
|
9
8
|
trackByFn(index: number, item: EuiDiscussionThreadItem): string;
|
|
10
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiDiscussionThreadComponent, never>;
|
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EuiDiscussionThreadComponent, "eui-discussion-thread", never, { "items": "items"; "titleLabel": "titleLabel"; "subTitleLabel": "subTitleLabel"; "tooltip": "tooltip";
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EuiDiscussionThreadComponent, "eui-discussion-thread", never, { "items": "items"; "titleLabel": "titleLabel"; "subTitleLabel": "subTitleLabel"; "tooltip": "tooltip"; }, {}, never, ["*"], false, never>;
|
|
12
11
|
}
|
|
13
12
|
//# sourceMappingURL=eui-discussion-thread.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-discussion-thread.component.d.ts","sourceRoot":"","sources":["../../eui-discussion-thread/eui-discussion-thread.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;;AAEpF,qBAMa,4BAA4B;IAC5B,KAAK,EAAE,uBAAuB,EAAE,CAAC;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"eui-discussion-thread.component.d.ts","sourceRoot":"","sources":["../../eui-discussion-thread/eui-discussion-thread.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;;AAEpF,qBAMa,4BAA4B;IAC5B,KAAK,EAAE,uBAAuB,EAAE,CAAC;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAElB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,uBAAuB,GAAG,MAAM;yCAN7D,4BAA4B;2CAA5B,4BAA4B;CASxC"}
|
|
@@ -13,6 +13,6 @@ export declare class EuiDiscussionThreadItem implements IEuiDiscussionThreadItem
|
|
|
13
13
|
author: string;
|
|
14
14
|
body: string;
|
|
15
15
|
tooltip?: string;
|
|
16
|
-
constructor(values?:
|
|
16
|
+
constructor(values?: {});
|
|
17
17
|
}
|
|
18
18
|
//# sourceMappingURL=eui-discussion-thread-item.model.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-discussion-thread-item.model.d.ts","sourceRoot":"","sources":["../../../eui-discussion-thread/models/eui-discussion-thread-item.model.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,wBAAwB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qBAAa,uBAAwB,YAAW,wBAAwB;IACpE,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;gBAEL,MAAM,
|
|
1
|
+
{"version":3,"file":"eui-discussion-thread-item.model.d.ts","sourceRoot":"","sources":["../../../eui-discussion-thread/models/eui-discussion-thread-item.model.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,wBAAwB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qBAAa,uBAAwB,YAAW,wBAAwB;IACpE,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;gBAEL,MAAM,KAAK;CAG1B"}
|
|
@@ -6,35 +6,34 @@ import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
|
6
6
|
|
|
7
7
|
class EuiDiscussionThreadItemComponent {
|
|
8
8
|
constructor() {
|
|
9
|
-
this.e2eAttr = 'eui-discussion-thread-item';
|
|
10
9
|
this._isOdd = false;
|
|
11
10
|
}
|
|
12
11
|
get isOdd() { return this._isOdd; }
|
|
13
12
|
set isOdd(value) { this._isOdd = coerceBooleanProperty(value); }
|
|
14
13
|
get iconClass() {
|
|
15
|
-
let iconClass = '
|
|
14
|
+
let iconClass = 'eui-icon-more-horizontal';
|
|
16
15
|
switch (this.typeClass) {
|
|
17
16
|
case 'info':
|
|
18
|
-
iconClass = '
|
|
17
|
+
iconClass = 'eui-icon-info';
|
|
19
18
|
break;
|
|
20
19
|
case 'success':
|
|
21
|
-
iconClass = '
|
|
20
|
+
iconClass = 'eui-icon-check';
|
|
22
21
|
break;
|
|
23
22
|
case 'warning':
|
|
24
|
-
iconClass = '
|
|
23
|
+
iconClass = 'eui-icon-exclamation';
|
|
25
24
|
break;
|
|
26
25
|
case 'danger':
|
|
27
|
-
iconClass = '
|
|
26
|
+
iconClass = 'eui-icon-times';
|
|
28
27
|
break;
|
|
29
28
|
}
|
|
30
|
-
return iconClass
|
|
29
|
+
return `eui-icon ${iconClass}`;
|
|
31
30
|
}
|
|
32
31
|
}
|
|
33
32
|
/** @nocollapse */ EuiDiscussionThreadItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiDiscussionThreadItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
-
/** @nocollapse */ EuiDiscussionThreadItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EuiDiscussionThreadItemComponent, selector: "eui-discussion-thread-item", inputs: { id: "id", typeClass: "typeClass", date: "date", author: "author", body: "body", tooltip: "tooltip",
|
|
33
|
+
/** @nocollapse */ EuiDiscussionThreadItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.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 <span class=\"ion ion-android-time\"></span> {{ date | date:'HH:mm' }}\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: "pipe", type: i1.DatePipe, name: "date" }] });
|
|
35
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiDiscussionThreadItemComponent, decorators: [{
|
|
36
35
|
type: Component,
|
|
37
|
-
args: [{ selector: 'eui-discussion-thread-item', template: "<li class=\"eui-discussion-thread__item\" [class.eui-discussion-thread-inverted]=\"isOdd\"
|
|
36
|
+
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 <span class=\"ion ion-android-time\"></span> {{ date | date:'HH:mm' }}\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" }]
|
|
38
37
|
}], propDecorators: { id: [{
|
|
39
38
|
type: Input
|
|
40
39
|
}], typeClass: [{
|
|
@@ -47,25 +46,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4",
|
|
|
47
46
|
type: Input
|
|
48
47
|
}], tooltip: [{
|
|
49
48
|
type: Input
|
|
50
|
-
}], e2eAttr: [{
|
|
51
|
-
type: Input
|
|
52
49
|
}], isOdd: [{
|
|
53
50
|
type: Input
|
|
54
51
|
}] } });
|
|
55
52
|
|
|
56
53
|
class EuiDiscussionThreadComponent {
|
|
57
|
-
constructor() {
|
|
58
|
-
this.e2eAttr = 'eui-discussion-thread';
|
|
59
|
-
}
|
|
60
54
|
trackByFn(index, item) {
|
|
61
55
|
return item.id;
|
|
62
56
|
}
|
|
63
57
|
}
|
|
64
58
|
/** @nocollapse */ EuiDiscussionThreadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiDiscussionThreadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
65
|
-
/** @nocollapse */ EuiDiscussionThreadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EuiDiscussionThreadComponent, selector: "eui-discussion-thread", inputs: { items: "items", titleLabel: "titleLabel", subTitleLabel: "subTitleLabel", tooltip: "tooltip"
|
|
59
|
+
/** @nocollapse */ EuiDiscussionThreadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.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=\"section-title page-sub-title eui-u-font-size-xl mt-0 mb-2 pb-2\">{{titleLabel}}</div>\n <div class=\"section-sub-title eui-u-font-size-l mb-2\">{{subTitleLabel}}</div>\n <ul class=\"eui-discussion-thread\">\n <ng-template [ngIf]=\"items\">\n <eui-discussion-thread-item *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{list-style:none;padding:20px 0;position:relative}.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__item{margin-bottom:var(--eui-base-spacing-m);position:relative}.eui-discussion-thread__item:before,.eui-discussion-thread__item:after{content:\" \";display:table}.eui-discussion-thread__item:after{clear:both}.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__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__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__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;z-index:100}.eui-discussion-thread__item .eui-discussion-thread-badge--small{height:1.5rem;left:51.75%;top:2.5rem;width:1.5rem}.eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel{float:right}.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__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-badge{background-color:var(--eui-base-color-grey-25)!important}.eui-discussion-thread-badge.primary{background-color:var(--eui-base-color-primary-100)!important}.eui-discussion-thread-badge.success{background-color:var(--eui-base-color-success-100)!important}.eui-discussion-thread-badge.warning{background-color:var(--eui-base-color-warning-100)!important}.eui-discussion-thread-badge.danger{background-color:var(--eui-base-color-danger-100)!important}.eui-discussion-thread-badge.info{background-color:var(--eui-base-color-info-100)!important}.eui-discussion-thread-badge.accent{background-color:var(--eui-base-color-accent-100)!important}.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-heading{display:flex!important;justify-content:space-between!important;align-items:center!important}.eui-discussion-thread-heading .eui-discussion-thread-title{color:var(--eui-base-color-primary-100);font-size:var(--eui-base-font-size-l);font-style:normal;font-weight:700}.eui-discussion-thread-heading .eui-discussion-thread-time{font-size:var(--eui-base-font-size-s);margin-left:auto;font-style:normal;font-weight:300}.eui-discussion-thread-subheading{margin-top:var(--eui-base-spacing-xs);font-style:normal;font-weight:300}.eui-discussion-thread-body{margin:var(--eui-base-spacing-m) 0}.eui-discussion-thread-body__word-break{word-break:break-word}hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-base-color-black);height:1px;margin:0!important;opacity:.4}.eui-discussion-thread-body>p,.eui-discussion-thread-body>ul{margin-bottom:0}.eui-discussion-thread-body>p+p{margin-top:5px}.eui-discussion-thread-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-discussion-thread-tooltip{font-size:.85rem;background-color:#000000bf}@media screen and (min-width: 1140px){.eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuiDiscussionThreadItemComponent, selector: "eui-discussion-thread-item", inputs: ["id", "typeClass", "date", "author", "body", "tooltip", "isOdd"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
66
60
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiDiscussionThreadComponent, decorators: [{
|
|
67
61
|
type: Component,
|
|
68
|
-
args: [{ selector: 'eui-discussion-thread', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-discussion-thread-wrapper\"
|
|
62
|
+
args: [{ selector: 'eui-discussion-thread', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-discussion-thread-wrapper\">\n <div class=\"section-title page-sub-title eui-u-font-size-xl mt-0 mb-2 pb-2\">{{titleLabel}}</div>\n <div class=\"section-sub-title eui-u-font-size-l mb-2\">{{subTitleLabel}}</div>\n <ul class=\"eui-discussion-thread\">\n <ng-template [ngIf]=\"items\">\n <eui-discussion-thread-item *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{list-style:none;padding:20px 0;position:relative}.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__item{margin-bottom:var(--eui-base-spacing-m);position:relative}.eui-discussion-thread__item:before,.eui-discussion-thread__item:after{content:\" \";display:table}.eui-discussion-thread__item:after{clear:both}.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__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__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__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;z-index:100}.eui-discussion-thread__item .eui-discussion-thread-badge--small{height:1.5rem;left:51.75%;top:2.5rem;width:1.5rem}.eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel{float:right}.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__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-badge{background-color:var(--eui-base-color-grey-25)!important}.eui-discussion-thread-badge.primary{background-color:var(--eui-base-color-primary-100)!important}.eui-discussion-thread-badge.success{background-color:var(--eui-base-color-success-100)!important}.eui-discussion-thread-badge.warning{background-color:var(--eui-base-color-warning-100)!important}.eui-discussion-thread-badge.danger{background-color:var(--eui-base-color-danger-100)!important}.eui-discussion-thread-badge.info{background-color:var(--eui-base-color-info-100)!important}.eui-discussion-thread-badge.accent{background-color:var(--eui-base-color-accent-100)!important}.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-heading{display:flex!important;justify-content:space-between!important;align-items:center!important}.eui-discussion-thread-heading .eui-discussion-thread-title{color:var(--eui-base-color-primary-100);font-size:var(--eui-base-font-size-l);font-style:normal;font-weight:700}.eui-discussion-thread-heading .eui-discussion-thread-time{font-size:var(--eui-base-font-size-s);margin-left:auto;font-style:normal;font-weight:300}.eui-discussion-thread-subheading{margin-top:var(--eui-base-spacing-xs);font-style:normal;font-weight:300}.eui-discussion-thread-body{margin:var(--eui-base-spacing-m) 0}.eui-discussion-thread-body__word-break{word-break:break-word}hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-base-color-black);height:1px;margin:0!important;opacity:.4}.eui-discussion-thread-body>p,.eui-discussion-thread-body>ul{margin-bottom:0}.eui-discussion-thread-body>p+p{margin-top:5px}.eui-discussion-thread-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-discussion-thread-tooltip{font-size:.85rem;background-color:#000000bf}@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"] }]
|
|
69
63
|
}], propDecorators: { items: [{
|
|
70
64
|
type: Input
|
|
71
65
|
}], titleLabel: [{
|
|
@@ -74,8 +68,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4",
|
|
|
74
68
|
type: Input
|
|
75
69
|
}], tooltip: [{
|
|
76
70
|
type: Input
|
|
77
|
-
}], e2eAttr: [{
|
|
78
|
-
type: Input
|
|
79
71
|
}] } });
|
|
80
72
|
|
|
81
73
|
class EuiDiscussionThreadModule {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-discussion-thread.mjs","sources":["../../eui-discussion-thread/eui-discussion-thread-item.component.ts","../../eui-discussion-thread/eui-discussion-thread-item.component.html","../../eui-discussion-thread/eui-discussion-thread.component.ts","../../eui-discussion-thread/eui-discussion-thread.component.html","../../eui-discussion-thread/eui-discussion-thread.module.ts","../../eui-discussion-thread/models/eui-discussion-thread-item.model.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
|
|
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/models/eui-discussion-thread-item.model.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 { return this._isOdd; }\n set isOdd(value: BooleanInput) { this._isOdd = coerceBooleanProperty(value); }\n private _isOdd: boolean = 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 <span class=\"ion ion-android-time\"></span> {{ date | date:'HH:mm' }}\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=\"section-title page-sub-title eui-u-font-size-xl mt-0 mb-2 pb-2\">{{titleLabel}}</div>\n <div class=\"section-sub-title eui-u-font-size-l mb-2\">{{subTitleLabel}}</div>\n <ul class=\"eui-discussion-thread\">\n <ng-template [ngIf]=\"items\">\n <eui-discussion-thread-item *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';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n exports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n})\nexport class EuiDiscussionThreadModule {\n\n}\n","export interface IEuiDiscussionThreadItem {\n id: string;\n typeClass: string;\n date: string;\n author: string;\n body: string;\n tooltip?: string;\n}\n\nexport class EuiDiscussionThreadItem implements IEuiDiscussionThreadItem {\n id: string;\n typeClass: string;\n date: string;\n author: string;\n body: string;\n tooltip?: string;\n\n constructor(values = {}) {\n Object.assign(this, values);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2.EuiDiscussionThreadItemComponent"],"mappings":"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"}
|