@eui/components 17.0.0-next.22 → 17.0.0-next.23
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/components/EuiAlertComponent.html +36 -1
- package/docs/components/EuiDashboardCardComponent.html +21 -2
- package/docs/components/EuiTimelineComponent.html +48 -48
- package/docs/components/EuiTimelineItemComponent.html +94 -66
- package/docs/components/EuiTreeComponent.html +1 -1
- package/docs/components/EuiTreeListItemComponent.html +1 -1
- package/docs/dependencies.html +2 -2
- package/docs/js/menu-wc.js +12 -12
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/variables.html +14 -14
- package/esm2022/eui-alert/eui-alert.component.mjs +10 -6
- package/esm2022/eui-avatar/eui-avatar.component.mjs +2 -2
- package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +8 -4
- package/esm2022/eui-menu/eui-menu-item.component.mjs +2 -2
- package/esm2022/eui-timeline/eui-timeline-item.component.mjs +42 -19
- package/esm2022/eui-timeline/eui-timeline.component.mjs +26 -11
- package/esm2022/eui-tree/eui-tree.component.mjs +4 -4
- package/esm2022/eui-tree-list/eui-tree-list-item.component.mjs +3 -3
- package/eui-alert/eui-alert.component.d.ts +3 -2
- package/eui-alert/eui-alert.component.d.ts.map +1 -1
- package/eui-dashboard-card/eui-dashboard-card.component.d.ts +2 -1
- package/eui-dashboard-card/eui-dashboard-card.component.d.ts.map +1 -1
- package/eui-timeline/eui-timeline-item.component.d.ts +10 -8
- package/eui-timeline/eui-timeline-item.component.d.ts.map +1 -1
- package/eui-timeline/eui-timeline.component.d.ts +3 -3
- package/eui-timeline/eui-timeline.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-alert.mjs +9 -5
- package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2022/eui-components-eui-avatar.mjs +2 -2
- package/fesm2022/eui-components-eui-avatar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-card.mjs +7 -3
- package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-menu.mjs +1 -1
- package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timeline.mjs +61 -25
- package/fesm2022/eui-components-eui-timeline.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree-list.mjs +2 -2
- package/fesm2022/eui-components-eui-tree-list.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree.mjs +3 -3
- package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
- package/package.json +12 -12
|
@@ -1,47 +1,68 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
1
2
|
// TODO v17 - adapt to default cmp coerce base directive input etc...
|
|
2
|
-
import { Component, forwardRef, Host, Inject, Input, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
import { Component, forwardRef, Host, HostBinding, Inject, Input, ViewEncapsulation } from '@angular/core';
|
|
3
4
|
import { EuiTimelineComponent } from './eui-timeline.component';
|
|
4
|
-
import {
|
|
5
|
+
import { coerceBoolean } from '@eui/base';
|
|
6
|
+
import { BaseStatesDirective } from '@eui/components/shared';
|
|
5
7
|
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@
|
|
7
|
-
import * as i2 from "
|
|
8
|
+
import * as i1 from "@eui/components/shared";
|
|
9
|
+
import * as i2 from "@angular/common";
|
|
10
|
+
import * as i3 from "./eui-timeline.component";
|
|
8
11
|
export class EuiTimelineItemComponent {
|
|
9
|
-
get
|
|
10
|
-
return this.
|
|
12
|
+
get cssClasses() {
|
|
13
|
+
return this.getCssClasses();
|
|
11
14
|
}
|
|
12
|
-
|
|
13
|
-
this.
|
|
14
|
-
}
|
|
15
|
-
constructor(uxTimelineItemsComponent) {
|
|
15
|
+
constructor(uxTimelineItemsComponent, baseStatesDirective) {
|
|
16
|
+
this.baseStatesDirective = baseStatesDirective;
|
|
16
17
|
this.e2eAttr = 'eui-timeline-item';
|
|
17
18
|
this.dateStyleClass = '';
|
|
18
19
|
this.timeStyleClass = '';
|
|
19
20
|
this.isLeftAligned = false;
|
|
20
|
-
this.
|
|
21
|
+
this.isGroup = false;
|
|
21
22
|
this.euiTimelineComponent = uxTimelineItemsComponent;
|
|
22
23
|
}
|
|
23
24
|
ngAfterContentInit() {
|
|
24
25
|
this.isLeftAligned = this.euiTimelineComponent.isLeftAligned;
|
|
25
26
|
}
|
|
26
|
-
|
|
27
|
-
|
|
27
|
+
getCssClasses() {
|
|
28
|
+
return [this.baseStatesDirective.getCssClasses('eui-timeline-item'), this.isGroup ? 'eui-timeline-item--more' : '']
|
|
29
|
+
.join(' ')
|
|
30
|
+
.trim();
|
|
31
|
+
}
|
|
32
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiTimelineItemComponent, deps: [{ token: forwardRef(() => EuiTimelineComponent), host: true }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiTimelineItemComponent, selector: "eui-timeline-item", inputs: { e2eAttr: "e2eAttr", label: "label", subLabel: "subLabel", date: "date", dateStyleClass: "dateStyleClass", time: "time", timeStyleClass: "timeStyleClass", isLeftAligned: "isLeftAligned", isGroup: "isGroup" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<div *ngIf=\"!isLeftAligned\" class=\"eui-timeline-item__left-content\">\n <div *ngIf=\"date\" class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n <div *ngIf=\"time\" class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n</div>\n<span *ngIf=\"!isGroup\" class=\"eui-timeline-item__icon\"></span>\n<div class=\"eui-timeline-item__content\">\n <div #customContent>\n <ng-content></ng-content>\n </div>\n <ng-container *ngIf=\"customContent.childNodes.length === 0\">\n <div class=\"eui-timeline-item__title\">{{ label }}</div>\n <div class=\"eui-timeline-item__subtitle\">{{ subLabel }}</div>\n <div *ngIf=\"isLeftAligned && date\" class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n <div *ngIf=\"isLeftAligned && time\" class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n </ng-container>\n</div>\n", styles: [".eui-timeline{margin:0;padding:0;position:relative}.eui-timeline:before{background-color:var(--eui-base-color-grey-20);bottom:0;content:\"\";display:block;left:calc(10 * var(--eui-base-spacing-m) + 2px);position:absolute;top:0;width:2px;z-index:1}.eui-timeline.eui-timeline--left-aligned:before{left:var(--eui-base-spacing-m)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item{list-style:none}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item--more:before{left:var(--eui-base-spacing-m)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon{left:var(--eui-base-spacing-xs)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{margin-left:calc(3 * var(--eui-base-spacing-m));padding-bottom:var(--eui-base-spacing-s)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-base-color-grey-90);margin-top:var(--eui-base-spacing-xs);position:relative;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item{position:relative;list-style:none}.eui-timeline-item:last-child{padding-bottom:0}.eui-timeline-item .eui-timeline-item__left-content{display:flex;justify-content:center;position:relative;width:calc(9 * var(--eui-base-spacing-m))}.eui-timeline-item .eui-timeline-item__content{margin-left:calc(11 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-m)}.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-90);padding:0 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-base-color-grey-80)}.eui-timeline-item .eui-timeline-item__date{color:var(--eui-base-color-grey-90);margin-top:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-2xs) 0;position:absolute;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item .eui-timeline-item__time{color:var(--eui-base-color-grey-75);margin-top:var(--eui-base-spacing-2xl);padding:var(--eui-base-spacing-2xs) 0;position:absolute}.eui-timeline-item .eui-timeline-item__icon{background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-accent-110);border-radius:50%;border-style:solid;border-width:3px;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));left:calc(9 * var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));position:absolute;top:var(--eui-base-spacing-m);width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));z-index:2}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__title{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content{border-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-80)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content{border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content{border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-120)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content{border-color:var(--eui-base-color-success-110);color:var(--eui-base-color-success-110)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content{border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content{border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-accent-120)}.eui-timeline-item--more{position:relative}.eui-timeline-item--more:before{border-left:4px dotted var(--eui-base-color-white);bottom:0;content:\"\";display:block;left:calc(10 * var(--eui-base-spacing-m));position:absolute;top:0;z-index:1}.eui-timeline-item--more .eui-timeline-item__date{margin-top:var(--eui-base-spacing-m)}.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-s);padding-top:var(--eui-base-spacing-s)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
28
34
|
}
|
|
35
|
+
__decorate([
|
|
36
|
+
coerceBoolean
|
|
37
|
+
], EuiTimelineItemComponent.prototype, "isLeftAligned", void 0);
|
|
38
|
+
__decorate([
|
|
39
|
+
coerceBoolean
|
|
40
|
+
], EuiTimelineItemComponent.prototype, "isGroup", void 0);
|
|
29
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiTimelineItemComponent, decorators: [{
|
|
30
42
|
type: Component,
|
|
31
|
-
args: [{ selector: 'eui-timeline-item', encapsulation: ViewEncapsulation.None,
|
|
32
|
-
|
|
43
|
+
args: [{ selector: 'eui-timeline-item', encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
44
|
+
{
|
|
45
|
+
directive: BaseStatesDirective,
|
|
46
|
+
inputs: ['euiSecondary', 'euiPrimary', 'euiSuccess', 'euiInfo', 'euiWarning', 'euiDanger', 'euiAccent', 'euiVariant'],
|
|
47
|
+
},
|
|
48
|
+
], template: "<div *ngIf=\"!isLeftAligned\" class=\"eui-timeline-item__left-content\">\n <div *ngIf=\"date\" class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n <div *ngIf=\"time\" class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n</div>\n<span *ngIf=\"!isGroup\" class=\"eui-timeline-item__icon\"></span>\n<div class=\"eui-timeline-item__content\">\n <div #customContent>\n <ng-content></ng-content>\n </div>\n <ng-container *ngIf=\"customContent.childNodes.length === 0\">\n <div class=\"eui-timeline-item__title\">{{ label }}</div>\n <div class=\"eui-timeline-item__subtitle\">{{ subLabel }}</div>\n <div *ngIf=\"isLeftAligned && date\" class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n <div *ngIf=\"isLeftAligned && time\" class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n </ng-container>\n</div>\n", styles: [".eui-timeline{margin:0;padding:0;position:relative}.eui-timeline:before{background-color:var(--eui-base-color-grey-20);bottom:0;content:\"\";display:block;left:calc(10 * var(--eui-base-spacing-m) + 2px);position:absolute;top:0;width:2px;z-index:1}.eui-timeline.eui-timeline--left-aligned:before{left:var(--eui-base-spacing-m)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item{list-style:none}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item--more:before{left:var(--eui-base-spacing-m)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon{left:var(--eui-base-spacing-xs)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{margin-left:calc(3 * var(--eui-base-spacing-m));padding-bottom:var(--eui-base-spacing-s)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-base-color-grey-90);margin-top:var(--eui-base-spacing-xs);position:relative;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item{position:relative;list-style:none}.eui-timeline-item:last-child{padding-bottom:0}.eui-timeline-item .eui-timeline-item__left-content{display:flex;justify-content:center;position:relative;width:calc(9 * var(--eui-base-spacing-m))}.eui-timeline-item .eui-timeline-item__content{margin-left:calc(11 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-m)}.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-90);padding:0 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-base-color-grey-80)}.eui-timeline-item .eui-timeline-item__date{color:var(--eui-base-color-grey-90);margin-top:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-2xs) 0;position:absolute;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item .eui-timeline-item__time{color:var(--eui-base-color-grey-75);margin-top:var(--eui-base-spacing-2xl);padding:var(--eui-base-spacing-2xs) 0;position:absolute}.eui-timeline-item .eui-timeline-item__icon{background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-accent-110);border-radius:50%;border-style:solid;border-width:3px;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));left:calc(9 * var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));position:absolute;top:var(--eui-base-spacing-m);width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));z-index:2}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__title{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content{border-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-80)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content{border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content{border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-120)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content{border-color:var(--eui-base-color-success-110);color:var(--eui-base-color-success-110)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content{border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content{border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-accent-120)}.eui-timeline-item--more{position:relative}.eui-timeline-item--more:before{border-left:4px dotted var(--eui-base-color-white);bottom:0;content:\"\";display:block;left:calc(10 * var(--eui-base-spacing-m));position:absolute;top:0;z-index:1}.eui-timeline-item--more .eui-timeline-item__date{margin-top:var(--eui-base-spacing-m)}.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-s);padding-top:var(--eui-base-spacing-s)}\n"] }]
|
|
49
|
+
}], ctorParameters: () => [{ type: i3.EuiTimelineComponent, decorators: [{
|
|
33
50
|
type: Host
|
|
34
51
|
}, {
|
|
35
52
|
type: Inject,
|
|
36
53
|
args: [forwardRef(() => EuiTimelineComponent)]
|
|
37
|
-
}] }], propDecorators: {
|
|
54
|
+
}] }, { type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
55
|
+
type: HostBinding,
|
|
56
|
+
args: ['class']
|
|
57
|
+
}], e2eAttr: [{
|
|
58
|
+
type: HostBinding,
|
|
59
|
+
args: ['attr.data-e2e']
|
|
60
|
+
}, {
|
|
38
61
|
type: Input
|
|
39
62
|
}], label: [{
|
|
40
63
|
type: Input
|
|
41
64
|
}], subLabel: [{
|
|
42
65
|
type: Input
|
|
43
|
-
}], styleClass: [{
|
|
44
|
-
type: Input
|
|
45
66
|
}], date: [{
|
|
46
67
|
type: Input
|
|
47
68
|
}], dateStyleClass: [{
|
|
@@ -50,7 +71,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ng
|
|
|
50
71
|
type: Input
|
|
51
72
|
}], timeStyleClass: [{
|
|
52
73
|
type: Input
|
|
74
|
+
}], isLeftAligned: [{
|
|
75
|
+
type: Input
|
|
53
76
|
}], isGroup: [{
|
|
54
77
|
type: Input
|
|
55
78
|
}] } });
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLXRpbWVsaW5lLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLXRpbWVsaW5lL2V1aS10aW1lbGluZS1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL2V1aS10aW1lbGluZS9ldWktdGltZWxpbmUtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEscUVBQXFFO0FBQ3JFLE9BQU8sRUFBb0IsU0FBUyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0gsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUMxQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7QUFjN0QsTUFBTSxPQUFPLHdCQUF3QjtJQUNqQyxJQUNXLFVBQVU7UUFDakIsT0FBTyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQXNCRCxZQUM0RCx3QkFBOEMsRUFDL0YsbUJBQXdDO1FBQXhDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFyQm5ELFlBQU8sR0FBRyxtQkFBbUIsQ0FBQztRQUtyQixtQkFBYyxHQUFHLEVBQUUsQ0FBQztRQUVwQixtQkFBYyxHQUFHLEVBQUUsQ0FBQztRQUk3QixrQkFBYSxHQUFpQixLQUFLLENBQUM7UUFJcEMsWUFBTyxHQUFpQixLQUFLLENBQUM7UUFRMUIsSUFBSSxDQUFDLG9CQUFvQixHQUFHLHdCQUF3QixDQUFDO0lBQ3pELENBQUM7SUFFRCxrQkFBa0I7UUFDZCxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxhQUFhLENBQUM7SUFDakUsQ0FBQztJQUVPLGFBQWE7UUFDakIsT0FBTyxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLENBQUMsbUJBQW1CLENBQUMsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO2FBQzlHLElBQUksQ0FBQyxHQUFHLENBQUM7YUFDVCxJQUFJLEVBQUUsQ0FBQztJQUNoQixDQUFDO3NJQXpDUSx3QkFBd0Isa0JBMkJiLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQzswSEEzQmpELHdCQUF3Qix1b0JDbkJyQyx3NkJBZ0JBOztBRHFCSTtJQURDLGFBQWE7K0RBQ3NCO0FBSXBDO0lBREMsYUFBYTt5REFDZ0I7Z0dBdEJyQix3QkFBd0I7a0JBWnBDLFNBQVM7K0JBQ0ksbUJBQW1CLGlCQUdkLGlCQUFpQixDQUFDLElBQUksa0JBQ3JCO3dCQUNaOzRCQUNJLFNBQVMsRUFBRSxtQkFBbUI7NEJBQzlCLE1BQU0sRUFBRSxDQUFDLGNBQWMsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxZQUFZLENBQUM7eUJBQ3hIO3FCQUNKOzswQkE2QkksSUFBSTs7MEJBQUksTUFBTTsyQkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7MkVBekIvQyxVQUFVO3NCQURwQixXQUFXO3VCQUFDLE9BQU87Z0JBTXBCLE9BQU87c0JBRk4sV0FBVzt1QkFBQyxlQUFlOztzQkFDM0IsS0FBSztnQkFHRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFJTixhQUFhO3NCQUZaLEtBQUs7Z0JBTU4sT0FBTztzQkFGTixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETyB2MTcgLSBhZGFwdCB0byBkZWZhdWx0IGNtcCBjb2VyY2UgYmFzZSBkaXJlY3RpdmUgaW5wdXQgZXRjLi4uXG5pbXBvcnQgeyBBZnRlckNvbnRlbnRJbml0LCBDb21wb25lbnQsIGZvcndhcmRSZWYsIEhvc3QsIEhvc3RCaW5kaW5nLCBJbmplY3QsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXVpVGltZWxpbmVDb21wb25lbnQgfSBmcm9tICcuL2V1aS10aW1lbGluZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW4gfSBmcm9tICdAZXVpL2Jhc2UnO1xuaW1wb3J0IHsgQmFzZVN0YXRlc0RpcmVjdGl2ZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9zaGFyZWQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS10aW1lbGluZS1pdGVtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLXRpbWVsaW5lLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgZGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlLFxuICAgICAgICAgICAgaW5wdXRzOiBbJ2V1aVNlY29uZGFyeScsICdldWlQcmltYXJ5JywgJ2V1aVN1Y2Nlc3MnLCAnZXVpSW5mbycsICdldWlXYXJuaW5nJywgJ2V1aURhbmdlcicsICdldWlBY2NlbnQnLCAnZXVpVmFyaWFudCddLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEV1aVRpbWVsaW5lSXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHB1YmxpYyBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRDc3NDbGFzc2VzKCk7XG4gICAgfVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWUyZScpXG4gICAgQElucHV0KClcbiAgICBlMmVBdHRyID0gJ2V1aS10aW1lbGluZS1pdGVtJztcblxuICAgIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgc3ViTGFiZWw6IHN0cmluZztcbiAgICBASW5wdXQoKSBkYXRlOiBzdHJpbmc7XG4gICAgQElucHV0KCkgZGF0ZVN0eWxlQ2xhc3MgPSAnJztcbiAgICBASW5wdXQoKSB0aW1lOiBzdHJpbmc7XG4gICAgQElucHV0KCkgdGltZVN0eWxlQ2xhc3MgPSAnJztcblxuICAgIEBJbnB1dCgpXG4gICAgQGNvZXJjZUJvb2xlYW5cbiAgICBpc0xlZnRBbGlnbmVkOiBCb29sZWFuSW5wdXQgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgQGNvZXJjZUJvb2xlYW5cbiAgICBpc0dyb3VwOiBCb29sZWFuSW5wdXQgPSBmYWxzZTtcblxuICAgIGV1aVRpbWVsaW5lQ29tcG9uZW50OiBFdWlUaW1lbGluZUNvbXBvbmVudDtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASG9zdCgpIEBJbmplY3QoZm9yd2FyZFJlZigoKSA9PiBFdWlUaW1lbGluZUNvbXBvbmVudCkpIHV4VGltZWxpbmVJdGVtc0NvbXBvbmVudDogRXVpVGltZWxpbmVDb21wb25lbnQsXG4gICAgICAgIHB1YmxpYyBiYXNlU3RhdGVzRGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlLFxuICAgICkge1xuICAgICAgICB0aGlzLmV1aVRpbWVsaW5lQ29tcG9uZW50ID0gdXhUaW1lbGluZUl0ZW1zQ29tcG9uZW50O1xuICAgIH1cblxuICAgIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc0xlZnRBbGlnbmVkID0gdGhpcy5ldWlUaW1lbGluZUNvbXBvbmVudC5pc0xlZnRBbGlnbmVkO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0Q3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW3RoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5nZXRDc3NDbGFzc2VzKCdldWktdGltZWxpbmUtaXRlbScpLCB0aGlzLmlzR3JvdXAgPyAnZXVpLXRpbWVsaW5lLWl0ZW0tLW1vcmUnIDogJyddXG4gICAgICAgICAgICAuam9pbignICcpXG4gICAgICAgICAgICAudHJpbSgpO1xuICAgIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCIhaXNMZWZ0QWxpZ25lZFwiIGNsYXNzPVwiZXVpLXRpbWVsaW5lLWl0ZW1fX2xlZnQtY29udGVudFwiPlxuICAgIDxkaXYgKm5nSWY9XCJkYXRlXCIgY2xhc3M9XCJldWktdGltZWxpbmUtaXRlbV9fZGF0ZSB7eyBkYXRlU3R5bGVDbGFzcyB9fVwiPnt7IGRhdGUgfX08L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwidGltZVwiIGNsYXNzPVwiZXVpLXRpbWVsaW5lLWl0ZW1fX3RpbWUge3sgdGltZVN0eWxlQ2xhc3MgfX1cIj57eyB0aW1lIH19PC9kaXY+XG48L2Rpdj5cbjxzcGFuICpuZ0lmPVwiIWlzR3JvdXBcIiBjbGFzcz1cImV1aS10aW1lbGluZS1pdGVtX19pY29uXCI+PC9zcGFuPlxuPGRpdiBjbGFzcz1cImV1aS10aW1lbGluZS1pdGVtX19jb250ZW50XCI+XG4gICAgPGRpdiAjY3VzdG9tQ29udGVudD5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjdXN0b21Db250ZW50LmNoaWxkTm9kZXMubGVuZ3RoID09PSAwXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJldWktdGltZWxpbmUtaXRlbV9fdGl0bGVcIj57eyBsYWJlbCB9fTwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLXRpbWVsaW5lLWl0ZW1fX3N1YnRpdGxlXCI+e3sgc3ViTGFiZWwgfX08L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdJZj1cImlzTGVmdEFsaWduZWQgJiYgZGF0ZVwiIGNsYXNzPVwiZXVpLXRpbWVsaW5lLWl0ZW1fX2RhdGUge3sgZGF0ZVN0eWxlQ2xhc3MgfX1cIj57eyBkYXRlIH19PC9kaXY+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJpc0xlZnRBbGlnbmVkICYmIHRpbWVcIiBjbGFzcz1cImV1aS10aW1lbGluZS1pdGVtX190aW1lIHt7IHRpbWVTdHlsZUNsYXNzIH19XCI+e3sgdGltZSB9fTwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,26 +1,41 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
import { coerceBoolean } from '@eui/base';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export class EuiTimelineComponent {
|
|
5
6
|
constructor() {
|
|
6
7
|
this.e2eAttr = 'eui-timeline';
|
|
7
|
-
this.
|
|
8
|
+
this.isLeftAligned = false;
|
|
8
9
|
}
|
|
9
|
-
get
|
|
10
|
-
return this.
|
|
10
|
+
get cssClasses() {
|
|
11
|
+
return this.getCssClasses();
|
|
11
12
|
}
|
|
12
|
-
|
|
13
|
-
|
|
13
|
+
getCssClasses() {
|
|
14
|
+
return [
|
|
15
|
+
'eui-timeline',
|
|
16
|
+
this.isLeftAligned ? 'eui-timeline--left-aligned' : '',
|
|
17
|
+
]
|
|
18
|
+
.join(' ')
|
|
19
|
+
.trim();
|
|
14
20
|
}
|
|
15
21
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiTimelineComponent, selector: "eui-timeline", inputs: { e2eAttr: "e2eAttr", isLeftAligned: "isLeftAligned" },
|
|
22
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiTimelineComponent, selector: "eui-timeline", inputs: { e2eAttr: "e2eAttr", isLeftAligned: "isLeftAligned" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-timeline{margin:0;padding:0;position:relative}.eui-timeline:before{background-color:var(--eui-base-color-grey-20);bottom:0;content:\"\";display:block;left:calc(10 * var(--eui-base-spacing-m) + 2px);position:absolute;top:0;width:2px;z-index:1}.eui-timeline.eui-timeline--left-aligned:before{left:var(--eui-base-spacing-m)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item{list-style:none}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item--more:before{left:var(--eui-base-spacing-m)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon{left:var(--eui-base-spacing-xs)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{margin-left:calc(3 * var(--eui-base-spacing-m));padding-bottom:var(--eui-base-spacing-s)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-base-color-grey-90);margin-top:var(--eui-base-spacing-xs);position:relative;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item{position:relative;list-style:none}.eui-timeline-item:last-child{padding-bottom:0}.eui-timeline-item .eui-timeline-item__left-content{display:flex;justify-content:center;position:relative;width:calc(9 * var(--eui-base-spacing-m))}.eui-timeline-item .eui-timeline-item__content{margin-left:calc(11 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-m)}.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-90);padding:0 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-base-color-grey-80)}.eui-timeline-item .eui-timeline-item__date{color:var(--eui-base-color-grey-90);margin-top:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-2xs) 0;position:absolute;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item .eui-timeline-item__time{color:var(--eui-base-color-grey-75);margin-top:var(--eui-base-spacing-2xl);padding:var(--eui-base-spacing-2xs) 0;position:absolute}.eui-timeline-item .eui-timeline-item__icon{background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-accent-110);border-radius:50%;border-style:solid;border-width:3px;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));left:calc(9 * var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));position:absolute;top:var(--eui-base-spacing-m);width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));z-index:2}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__title{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content{border-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-80)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content{border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content{border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-120)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content{border-color:var(--eui-base-color-success-110);color:var(--eui-base-color-success-110)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content{border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content{border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-accent-120)}.eui-timeline-item--more{position:relative}.eui-timeline-item--more:before{border-left:4px dotted var(--eui-base-color-white);bottom:0;content:\"\";display:block;left:calc(10 * var(--eui-base-spacing-m));position:absolute;top:0;z-index:1}.eui-timeline-item--more .eui-timeline-item__date{margin-top:var(--eui-base-spacing-m)}.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-s);padding-top:var(--eui-base-spacing-s)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
17
23
|
}
|
|
24
|
+
__decorate([
|
|
25
|
+
coerceBoolean
|
|
26
|
+
], EuiTimelineComponent.prototype, "isLeftAligned", void 0);
|
|
18
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiTimelineComponent, decorators: [{
|
|
19
28
|
type: Component,
|
|
20
|
-
args: [{ selector: 'eui-timeline', encapsulation: ViewEncapsulation.None, template: "<
|
|
21
|
-
}], propDecorators: {
|
|
29
|
+
args: [{ selector: 'eui-timeline', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-timeline{margin:0;padding:0;position:relative}.eui-timeline:before{background-color:var(--eui-base-color-grey-20);bottom:0;content:\"\";display:block;left:calc(10 * var(--eui-base-spacing-m) + 2px);position:absolute;top:0;width:2px;z-index:1}.eui-timeline.eui-timeline--left-aligned:before{left:var(--eui-base-spacing-m)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item{list-style:none}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item--more:before{left:var(--eui-base-spacing-m)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon{left:var(--eui-base-spacing-xs)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{margin-left:calc(3 * var(--eui-base-spacing-m));padding-bottom:var(--eui-base-spacing-s)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-base-color-grey-90);margin-top:var(--eui-base-spacing-xs);position:relative;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item{position:relative;list-style:none}.eui-timeline-item:last-child{padding-bottom:0}.eui-timeline-item .eui-timeline-item__left-content{display:flex;justify-content:center;position:relative;width:calc(9 * var(--eui-base-spacing-m))}.eui-timeline-item .eui-timeline-item__content{margin-left:calc(11 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-m)}.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-90);padding:0 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-base-color-grey-80)}.eui-timeline-item .eui-timeline-item__date{color:var(--eui-base-color-grey-90);margin-top:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-2xs) 0;position:absolute;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-timeline-item .eui-timeline-item__time{color:var(--eui-base-color-grey-75);margin-top:var(--eui-base-spacing-2xl);padding:var(--eui-base-spacing-2xs) 0;position:absolute}.eui-timeline-item .eui-timeline-item__icon{background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-accent-110);border-radius:50%;border-style:solid;border-width:3px;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));left:calc(9 * var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));position:absolute;top:var(--eui-base-spacing-m);width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));z-index:2}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__title{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content{border-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-80)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content{border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content{border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-120)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content{border-color:var(--eui-base-color-success-110);color:var(--eui-base-color-success-110)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content{border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__title,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content{border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-accent-120)}.eui-timeline-item--more{position:relative}.eui-timeline-item--more:before{border-left:4px dotted var(--eui-base-color-white);bottom:0;content:\"\";display:block;left:calc(10 * var(--eui-base-spacing-m));position:absolute;top:0;z-index:1}.eui-timeline-item--more .eui-timeline-item__date{margin-top:var(--eui-base-spacing-m)}.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-s);padding-top:var(--eui-base-spacing-s)}\n"] }]
|
|
30
|
+
}], propDecorators: { cssClasses: [{
|
|
31
|
+
type: HostBinding,
|
|
32
|
+
args: ['class']
|
|
33
|
+
}], e2eAttr: [{
|
|
34
|
+
type: HostBinding,
|
|
35
|
+
args: ['attr.data-e2e']
|
|
36
|
+
}, {
|
|
22
37
|
type: Input
|
|
23
38
|
}], isLeftAligned: [{
|
|
24
39
|
type: Input
|
|
25
40
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLXRpbWVsaW5lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2V1aS10aW1lbGluZS9ldWktdGltZWxpbmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLXRpbWVsaW5lL2V1aS10aW1lbGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUM7O0FBUTFDLE1BQU0sT0FBTyxvQkFBb0I7SUFOakM7UUFhSSxZQUFPLEdBQUcsY0FBYyxDQUFDO1FBSXpCLGtCQUFhLEdBQWlCLEtBQUssQ0FBQztLQVV2QztJQXBCRyxJQUNXLFVBQVU7UUFDakIsT0FBTyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQVNPLGFBQWE7UUFDakIsT0FBTztZQUNILGNBQWM7WUFDZCxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUN6RDthQUNJLElBQUksQ0FBQyxHQUFHLENBQUM7YUFDVCxJQUFJLEVBQUUsQ0FBQztJQUNoQixDQUFDO3NJQXBCUSxvQkFBb0I7MEhBQXBCLG9CQUFvQiwyTUNWakMsNkJBQ0E7O0FEb0JJO0lBREMsYUFBYTsyREFDc0I7Z0dBWDNCLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDSSxjQUFjLGlCQUdULGlCQUFpQixDQUFDLElBQUk7OEJBSTFCLFVBQVU7c0JBRHBCLFdBQVc7dUJBQUMsT0FBTztnQkFNcEIsT0FBTztzQkFGTixXQUFXO3VCQUFDLGVBQWU7O3NCQUMzQixLQUFLO2dCQUtOLGFBQWE7c0JBRlosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW4gfSBmcm9tICdAZXVpL2Jhc2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS10aW1lbGluZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS10aW1lbGluZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpVGltZWxpbmVDb21wb25lbnQge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHB1YmxpYyBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRDc3NDbGFzc2VzKCk7XG4gICAgfVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWUyZScpXG4gICAgQElucHV0KClcbiAgICBlMmVBdHRyID0gJ2V1aS10aW1lbGluZSc7XG5cbiAgICBASW5wdXQoKVxuICAgIEBjb2VyY2VCb29sZWFuXG4gICAgaXNMZWZ0QWxpZ25lZDogQm9vbGVhbklucHV0ID0gZmFsc2U7XG5cbiAgICBwcml2YXRlIGdldENzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgICdldWktdGltZWxpbmUnLFxuICAgICAgICAgICAgdGhpcy5pc0xlZnRBbGlnbmVkID8gJ2V1aS10aW1lbGluZS0tbGVmdC1hbGlnbmVkJyA6ICcnLFxuICAgICAgICBdXG4gICAgICAgICAgICAuam9pbignICcpXG4gICAgICAgICAgICAudHJpbSgpO1xuICAgIH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==
|