@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
|
@@ -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":";;;;;;MAOa,gCAAgC,CAAA;AAJ7C,IAAA,WAAA,GAAA;QAeY,IAAM,CAAA,MAAA,GAAY,KAAK,CAAC;AAoBnC,KAAA;IAvBG,IACI,KAAK,KAAc,OAAO,IAAI,CAAC,MAAM,CAAC,EAAE;AAC5C,IAAA,IAAI,KAAK,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,MAAM,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;AAG9E,IAAA,IAAI,SAAS,GAAA;QACT,IAAI,SAAS,GAAG,0BAA0B,CAAC;QAC3C,QAAQ,IAAI,CAAC,SAAS;AACtB,YAAA,KAAK,MAAM;gBACP,SAAS,GAAG,eAAe,CAAC;gBAC5B,MAAM;AACV,YAAA,KAAK,SAAS;gBACV,SAAS,GAAG,gBAAgB,CAAC;gBAC7B,MAAM;AACV,YAAA,KAAK,SAAS;gBACV,SAAS,GAAG,sBAAsB,CAAC;gBACnC,MAAM;AACV,YAAA,KAAK,QAAQ;gBACT,SAAS,GAAG,gBAAgB,CAAC;gBAC7B,MAAM;AACT,SAAA;QACD,OAAO,CAAA,SAAA,EAAY,SAAS,CAAA,CAAE,CAAC;KAClC;;uJA9BQ,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhC,mBAAA,gCAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,eAAA,EAAA,IAAA,EAAA,gCAAgC,kMCP7C,ihCAuBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,CAAA;kGDhBa,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAJ5C,SAAS;+BACI,4BAA4B,EAAA,QAAA,EAAA,ihCAAA,EAAA,CAAA;8BAI7B,EAAE,EAAA,CAAA;sBAAV,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBAGF,KAAK,EAAA,CAAA;sBADR,KAAK;;;MELG,4BAA4B,CAAA;IAM9B,SAAS,CAAC,KAAa,EAAE,IAA6B,EAAA;QACzD,OAAO,IAAI,CAAC,EAAE,CAAC;KAClB;;mJARQ,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,mBAAA,4BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,eAAA,EAAA,IAAA,EAAA,4BAA4B,uKCVzC,sjCAqBA,EAAA,MAAA,EAAA,CAAA,qiJAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,gCAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,WAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;kGDXa,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBANxC,SAAS;+BACI,uBAAuB,EAAA,aAAA,EAGlB,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,sjCAAA,EAAA,MAAA,EAAA,CAAA,qiJAAA,CAAA,EAAA,CAAA;8BAG5B,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;;;MEJG,yBAAyB,CAAA;;gJAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;iJAAzB,yBAAyB,EAAA,YAAA,EAAA,CAHnB,4BAA4B,EAAE,gCAAgC,aADnE,YAAY,CAAA,EAAA,OAAA,EAAA,CAEZ,4BAA4B,EAAE,gCAAgC,CAAA,EAAA,CAAA,CAAA;AAE/D,mBAAA,yBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,eAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,YAJxB,YAAY,CAAA,EAAA,CAAA,CAAA;kGAIb,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBALrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,YAAY,EAAE,CAAC,4BAA4B,EAAE,gCAAgC,CAAC;AAC9E,oBAAA,OAAO,EAAE,CAAC,4BAA4B,EAAE,gCAAgC,CAAC;AAC5E,iBAAA,CAAA;;;MCAY,uBAAuB,CAAA;IAQhC,WAAY,CAAA,MAAM,GAAG,EAAE,EAAA;AACnB,QAAA,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;KAC/B;AACJ;;ACpBD;;AAEG;;;;"}
|