@eui/components 17.3.6-snapshot-1717071067894 → 17.3.6-snapshot-1717504386226
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/EuiTimelineComponent.html +55 -5
- package/docs/components/EuiTimelineItemComponent.html +0 -10
- package/docs/dependencies.html +2 -2
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-timeline/eui-timeline-item.component.mjs +1 -3
- package/esm2022/eui-timeline/eui-timeline.component.mjs +30 -14
- package/eui-timeline/eui-timeline-item.component.d.ts.map +1 -1
- package/eui-timeline/eui-timeline.component.d.ts +9 -1
- package/eui-timeline/eui-timeline.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-timeline.mjs +29 -15
- package/fesm2022/eui-components-eui-timeline.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -11,8 +11,6 @@ export class EuiTimelineItemComponent {
|
|
|
11
11
|
this.e2eAttr = 'eui-timeline-item';
|
|
12
12
|
this.dateStyleClass = '';
|
|
13
13
|
this.timeStyleClass = '';
|
|
14
|
-
this.isLeftAligned = false;
|
|
15
|
-
this.isGroup = false;
|
|
16
14
|
}
|
|
17
15
|
getCssClasses() {
|
|
18
16
|
return [this.baseStatesDirective.getCssClasses('eui-timeline-item'), this.isGroup ? 'eui-timeline-item--more' : '']
|
|
@@ -57,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
57
55
|
type: Input,
|
|
58
56
|
args: [{ transform: booleanAttribute }]
|
|
59
57
|
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLXRpbWVsaW5lLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLXRpbWVsaW5lL2V1aS10aW1lbGluZS1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL2V1aS10aW1lbGluZS9ldWktdGltZWxpbmUtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFbkcsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7OztBQWM3RCxNQUFNLE9BQU8sd0JBQXdCO0lBQ2pDLElBQ1csVUFBVTtRQUNqQixPQUFPLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBZUQsWUFBbUIsbUJBQXdDO1FBQXhDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFaM0QsWUFBTyxHQUFHLG1CQUFtQixDQUFDO1FBS3JCLG1CQUFjLEdBQUcsRUFBRSxDQUFDO1FBRXBCLG1CQUFjLEdBQUcsRUFBRSxDQUFDO0lBS2lDLENBQUM7SUFFdkQsYUFBYTtRQUNqQixPQUFPLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLHlCQUF5QixDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7YUFDOUcsSUFBSSxDQUFDLEdBQUcsQ0FBQzthQUNULElBQUksRUFBRSxDQUFDO0lBQ2hCLENBQUM7aUlBekJRLHdCQUF3QjtxSEFBeEIsd0JBQXdCLHVQQWdCYixnQkFBZ0IsbUNBQ2hCLGdCQUFnQixpWkNqQ3hDLDZpQ0E0QkE7OzJGRFphLHdCQUF3QjtrQkFacEMsU0FBUzsrQkFDSSxtQkFBbUIsaUJBR2QsaUJBQWlCLENBQUMsSUFBSSxrQkFDckI7d0JBQ1o7NEJBQ0ksU0FBUyxFQUFFLG1CQUFtQjs0QkFDOUIsTUFBTSxFQUFFLENBQUMsY0FBYyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLFlBQVksQ0FBQzt5QkFDeEg7cUJBQ0o7d0ZBSVUsVUFBVTtzQkFEcEIsV0FBVzt1QkFBQyxPQUFPO2dCQU1wQixPQUFPO3NCQUZOLFdBQVc7dUJBQUMsZUFBZTs7c0JBQzNCLEtBQUs7Z0JBR0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBRWtDLGFBQWE7c0JBQXBELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsT0FBTztzQkFBOUMsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGJvb2xlYW5BdHRyaWJ1dGUsIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IEJhc2VTdGF0ZXNEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktdGltZWxpbmUtaXRlbScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS10aW1lbGluZS1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIGRpcmVjdGl2ZTogQmFzZVN0YXRlc0RpcmVjdGl2ZSxcbiAgICAgICAgICAgIGlucHV0czogWydldWlTZWNvbmRhcnknLCAnZXVpUHJpbWFyeScsICdldWlTdWNjZXNzJywgJ2V1aUluZm8nLCAnZXVpV2FybmluZycsICdldWlEYW5nZXInLCAnZXVpQWNjZW50JywgJ2V1aVZhcmlhbnQnXSxcbiAgICAgICAgfSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlUaW1lbGluZUl0ZW1Db21wb25lbnQge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHB1YmxpYyBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRDc3NDbGFzc2VzKCk7XG4gICAgfVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWUyZScpXG4gICAgQElucHV0KClcbiAgICBlMmVBdHRyID0gJ2V1aS10aW1lbGluZS1pdGVtJztcblxuICAgIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgc3ViTGFiZWw6IHN0cmluZztcbiAgICBASW5wdXQoKSBkYXRlOiBzdHJpbmc7XG4gICAgQElucHV0KCkgZGF0ZVN0eWxlQ2xhc3MgPSAnJztcbiAgICBASW5wdXQoKSB0aW1lOiBzdHJpbmc7XG4gICAgQElucHV0KCkgdGltZVN0eWxlQ2xhc3MgPSAnJztcblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBpc0xlZnRBbGlnbmVkOiBCb29sZWFuSW5wdXQ7XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGlzR3JvdXA6IEJvb2xlYW5JbnB1dDtcblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBiYXNlU3RhdGVzRGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlKSB7fVxuXG4gICAgcHJpdmF0ZSBnZXRDc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmdldENzc0NsYXNzZXMoJ2V1aS10aW1lbGluZS1pdGVtJyksIHRoaXMuaXNHcm91cCA/ICdldWktdGltZWxpbmUtaXRlbS0tbW9yZScgOiAnJ11cbiAgICAgICAgICAgIC5qb2luKCcgJylcbiAgICAgICAgICAgIC50cmltKCk7XG4gICAgfVxufVxuIiwiQGlmICggIWlzTGVmdEFsaWduZWQgKSB7XG4gICAgPGRpdiBjbGFzcz1cImV1aS10aW1lbGluZS1pdGVtX19sZWZ0LWNvbnRlbnRcIj5cbiAgICAgICAgQGlmICggZGF0ZSApIHtcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJldWktdGltZWxpbmUtaXRlbV9fZGF0ZSB7eyBkYXRlU3R5bGVDbGFzcyB9fVwiPnt7IGRhdGUgfX08L2Rpdj5cbiAgICAgICAgfVxuICAgICAgICBAaWYgKCB0aW1lICkge1xuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImV1aS10aW1lbGluZS1pdGVtX190aW1lIHt7IHRpbWVTdHlsZUNsYXNzIH19XCI+e3sgdGltZSB9fTwvZGl2PlxuICAgICAgICB9XG4gICAgPC9kaXY+XG59XG5cbjxkaXYgY2xhc3M9XCJldWktdGltZWxpbmUtaXRlbV9faWNvblwiIFtjbGFzcy5ldWktdGltZWxpbmUtaXRlbV9faWNvbi0tZ3JvdXBdPVwiaXNHcm91cFwiPjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwiZXVpLXRpbWVsaW5lLWl0ZW1fX2NvbnRlbnRcIj5cbiAgICA8bmctY29udGFpbmVyICNjdXN0b21Db250ZW50PlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgQGlmICggIWN1c3RvbUNvbnRlbnQ/Lmhhc0NoaWxkTm9kZXMoKSApIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImV1aS10aW1lbGluZS1pdGVtX190aXRsZVwiPnt7IGxhYmVsIH19PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJldWktdGltZWxpbmUtaXRlbV9fc3VidGl0bGVcIj57eyBzdWJMYWJlbCB9fTwvZGl2PlxuICAgICAgICBAaWYgKCBpc0xlZnRBbGlnbmVkICYmIGRhdGUgKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLXRpbWVsaW5lLWl0ZW1fX2RhdGUge3sgZGF0ZVN0eWxlQ2xhc3MgfX1cIj57eyBkYXRlIH19PC9kaXY+XG4gICAgICAgIH1cbiAgICAgICAgQGlmICggaXNMZWZ0QWxpZ25lZCAmJiB0aW1lICkge1xuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImV1aS10aW1lbGluZS1pdGVtX190aW1lIHt7IHRpbWVTdHlsZUNsYXNzIH19XCI+e3sgdGltZSB9fTwvZGl2PlxuICAgICAgICB9XG4gICAgfVxuPC9kaXY+XG4iXX0=
|
|
@@ -2,37 +2,53 @@ import { booleanAttribute, Component, ContentChildren, HostBinding, Input, } fro
|
|
|
2
2
|
import { EuiTimelineItemComponent } from './eui-timeline-item.component';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class EuiTimelineComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.e2eAttr = 'eui-timeline';
|
|
7
|
-
this.isLeftAligned = false;
|
|
8
|
-
}
|
|
9
5
|
get cssClasses() {
|
|
10
6
|
return this.getCssClasses();
|
|
11
7
|
}
|
|
8
|
+
constructor(cd, ngZone) {
|
|
9
|
+
this.cd = cd;
|
|
10
|
+
this.ngZone = ngZone;
|
|
11
|
+
this.e2eAttr = 'eui-timeline';
|
|
12
|
+
}
|
|
12
13
|
ngOnChanges(changes) {
|
|
13
14
|
if (changes.isLeftAligned) {
|
|
14
|
-
this.timelineItems
|
|
15
|
-
item.isLeftAligned = this.isLeftAligned;
|
|
16
|
-
});
|
|
15
|
+
this.syncIsLeftAligned(this.timelineItems);
|
|
17
16
|
}
|
|
18
17
|
}
|
|
19
18
|
ngAfterContentInit() {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
this.syncIsLeftAligned(this.timelineItems);
|
|
20
|
+
this.timelineItems.changes.subscribe((queryList) => {
|
|
21
|
+
// Defer changes to avoid ExpressionChangedAfterItHasBeenCheckedError
|
|
22
|
+
this.ngZone.runOutsideAngular(() => {
|
|
23
|
+
setTimeout(() => {
|
|
24
|
+
this.syncIsLeftAligned(queryList);
|
|
25
|
+
// Run change detection
|
|
26
|
+
this.ngZone.run(() => {
|
|
27
|
+
this.cd.detectChanges();
|
|
28
|
+
});
|
|
29
|
+
});
|
|
23
30
|
});
|
|
24
|
-
}
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Syncs the isLeftAligned property of the timeline items with the parent timeline
|
|
35
|
+
* @param list The list of timeline items
|
|
36
|
+
*/
|
|
37
|
+
syncIsLeftAligned(list) {
|
|
38
|
+
list?.forEach((item) => {
|
|
39
|
+
item.isLeftAligned = this.isLeftAligned;
|
|
40
|
+
});
|
|
25
41
|
}
|
|
26
42
|
getCssClasses() {
|
|
27
43
|
return ['eui-timeline', this.isLeftAligned ? 'eui-timeline--left-aligned' : ''].join(' ').trim();
|
|
28
44
|
}
|
|
29
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiTimelineComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
46
|
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.7", type: EuiTimelineComponent, selector: "eui-timeline", inputs: { e2eAttr: "e2eAttr", isLeftAligned: ["isLeftAligned", "isLeftAligned", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "timelineItems", predicate: EuiTimelineItemComponent }], usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-base-spacing-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-accent-110);border-radius:50%;border-style:solid;border-width:2px;display:flex;flex-direction:column;max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));z-index:2}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-base-color-grey-50);content:\"\";height:calc(100% - var(--eui-base-spacing-2xs));position:absolute;top:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));width:2px;z-index:1}.eui-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-base-spacing-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-90);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-base-color-grey-80)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-base-color-grey-90);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-base-color-grey-75)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-base-spacing-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{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.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-grey-25)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-80)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-warning-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-warning-120)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-m)}\n"] }); }
|
|
31
47
|
}
|
|
32
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiTimelineComponent, decorators: [{
|
|
33
49
|
type: Component,
|
|
34
50
|
args: [{ selector: 'eui-timeline', template: "<ng-content></ng-content>\n", styles: [".eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-base-spacing-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-accent-110);border-radius:50%;border-style:solid;border-width:2px;display:flex;flex-direction:column;max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));z-index:2}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-base-color-grey-50);content:\"\";height:calc(100% - var(--eui-base-spacing-2xs));position:absolute;top:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));width:2px;z-index:1}.eui-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-base-spacing-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-90);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-base-color-grey-80)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-base-color-grey-90);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-base-color-grey-75)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-base-spacing-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{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.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-grey-25)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-80)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-warning-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-warning-120)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-m)}\n"] }]
|
|
35
|
-
}], propDecorators: { cssClasses: [{
|
|
51
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { cssClasses: [{
|
|
36
52
|
type: HostBinding,
|
|
37
53
|
args: ['class']
|
|
38
54
|
}], e2eAttr: [{
|
|
@@ -47,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
47
63
|
type: ContentChildren,
|
|
48
64
|
args: [EuiTimelineItemComponent]
|
|
49
65
|
}] } });
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLXRpbWVsaW5lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2V1aS10aW1lbGluZS9ldWktdGltZWxpbmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLXRpbWVsaW5lL2V1aS10aW1lbGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsZ0JBQWdCLEVBRWhCLFNBQVMsRUFDVCxlQUFlLEVBQ2YsV0FBVyxFQUNYLEtBQUssR0FLUixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7QUFPekUsTUFBTSxPQUFPLG9CQUFvQjtJQUM3QixJQUNXLFVBQVU7UUFDakIsT0FBTyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQVVELFlBQW9CLEVBQXFCLEVBQVUsTUFBYztRQUE3QyxPQUFFLEdBQUYsRUFBRSxDQUFtQjtRQUFVLFdBQU0sR0FBTixNQUFNLENBQVE7UUFQakUsWUFBTyxHQUFHLGNBQWMsQ0FBQztJQVF6QixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQzlCLElBQUksT0FBTyxDQUFDLGFBQWEsRUFBRTtZQUN2QixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1NBQzlDO0lBQ0wsQ0FBQztJQUVELGtCQUFrQjtRQUNkLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDM0MsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsU0FBOEMsRUFBRSxFQUFFO1lBQ3BGLHFFQUFxRTtZQUNyRSxJQUFJLENBQUMsTUFBTSxDQUFDLGlCQUFpQixDQUFDLEdBQUcsRUFBRTtnQkFDL0IsVUFBVSxDQUFDLEdBQUcsRUFBRTtvQkFDWixJQUFJLENBQUMsaUJBQWlCLENBQUMsU0FBUyxDQUFDLENBQUM7b0JBQ2xDLHVCQUF1QjtvQkFDdkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFO3dCQUNqQixJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsRUFBRSxDQUFDO29CQUM1QixDQUFDLENBQUMsQ0FBQztnQkFDUCxDQUFDLENBQUMsQ0FBQztZQUNQLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQ7OztPQUdHO0lBQ0ssaUJBQWlCLENBQUMsSUFBeUM7UUFDL0QsSUFBSSxFQUFFLE9BQU8sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO1lBQ25CLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztRQUM1QyxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTyxhQUFhO1FBQ2pCLE9BQU8sQ0FBQyxjQUFjLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsNEJBQTRCLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyRyxDQUFDO2lJQW5EUSxvQkFBb0I7cUhBQXBCLG9CQUFvQiw0R0FTVCxnQkFBZ0Isa0pBR25CLHdCQUF3QixrRENqQzdDLDZCQUNBOzsyRkRvQmEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNJLGNBQWM7MkdBTWIsVUFBVTtzQkFEcEIsV0FBVzt1QkFBQyxPQUFPO2dCQU1wQixPQUFPO3NCQUZOLFdBQVc7dUJBQUMsZUFBZTs7c0JBQzNCLEtBQUs7Z0JBSU4sYUFBYTtzQkFEWixLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUdLLGFBQWE7c0JBQXZELGVBQWU7dUJBQUMsd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBBZnRlckNvbnRlbnRJbml0LFxuICAgIGJvb2xlYW5BdHRyaWJ1dGUsXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIENvbnRlbnRDaGlsZHJlbixcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbnB1dCxcbiAgICBOZ1pvbmUsXG4gICAgT25DaGFuZ2VzLFxuICAgIFF1ZXJ5TGlzdCxcbiAgICBTaW1wbGVDaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQgeyBFdWlUaW1lbGluZUl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2V1aS10aW1lbGluZS1pdGVtLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpLXRpbWVsaW5lJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLXRpbWVsaW5lLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpVGltZWxpbmVDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMsIEFmdGVyQ29udGVudEluaXQge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHB1YmxpYyBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRDc3NDbGFzc2VzKCk7XG4gICAgfVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWUyZScpXG4gICAgQElucHV0KClcbiAgICBlMmVBdHRyID0gJ2V1aS10aW1lbGluZSc7XG5cbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSlcbiAgICBpc0xlZnRBbGlnbmVkOiBCb29sZWFuSW5wdXQ7XG5cbiAgICBAQ29udGVudENoaWxkcmVuKEV1aVRpbWVsaW5lSXRlbUNvbXBvbmVudCkgdGltZWxpbmVJdGVtczogUXVlcnlMaXN0PEV1aVRpbWVsaW5lSXRlbUNvbXBvbmVudD47XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkOiBDaGFuZ2VEZXRlY3RvclJlZiwgcHJpdmF0ZSBuZ1pvbmU6IE5nWm9uZSkge1xuICAgIH1cblxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICAgICAgaWYgKGNoYW5nZXMuaXNMZWZ0QWxpZ25lZCkge1xuICAgICAgICAgICAgdGhpcy5zeW5jSXNMZWZ0QWxpZ25lZCh0aGlzLnRpbWVsaW5lSXRlbXMpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnN5bmNJc0xlZnRBbGlnbmVkKHRoaXMudGltZWxpbmVJdGVtcyk7XG4gICAgICAgIHRoaXMudGltZWxpbmVJdGVtcy5jaGFuZ2VzLnN1YnNjcmliZSgocXVlcnlMaXN0OiBRdWVyeUxpc3Q8RXVpVGltZWxpbmVJdGVtQ29tcG9uZW50PikgPT4ge1xuICAgICAgICAgICAgLy8gRGVmZXIgY2hhbmdlcyB0byBhdm9pZCBFeHByZXNzaW9uQ2hhbmdlZEFmdGVySXRIYXNCZWVuQ2hlY2tlZEVycm9yXG4gICAgICAgICAgICB0aGlzLm5nWm9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PiB7XG4gICAgICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuc3luY0lzTGVmdEFsaWduZWQocXVlcnlMaXN0KTtcbiAgICAgICAgICAgICAgICAgICAgLy8gUnVuIGNoYW5nZSBkZXRlY3Rpb25cbiAgICAgICAgICAgICAgICAgICAgdGhpcy5uZ1pvbmUucnVuKCgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuY2QuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBTeW5jcyB0aGUgaXNMZWZ0QWxpZ25lZCBwcm9wZXJ0eSBvZiB0aGUgdGltZWxpbmUgaXRlbXMgd2l0aCB0aGUgcGFyZW50IHRpbWVsaW5lXG4gICAgICogQHBhcmFtIGxpc3QgVGhlIGxpc3Qgb2YgdGltZWxpbmUgaXRlbXNcbiAgICAgKi9cbiAgICBwcml2YXRlIHN5bmNJc0xlZnRBbGlnbmVkKGxpc3Q6IFF1ZXJ5TGlzdDxFdWlUaW1lbGluZUl0ZW1Db21wb25lbnQ+KTogdm9pZCB7XG4gICAgICAgIGxpc3Q/LmZvckVhY2goKGl0ZW0pID0+IHtcbiAgICAgICAgICAgIGl0ZW0uaXNMZWZ0QWxpZ25lZCA9IHRoaXMuaXNMZWZ0QWxpZ25lZDtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRDc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbJ2V1aS10aW1lbGluZScsIHRoaXMuaXNMZWZ0QWxpZ25lZCA/ICdldWktdGltZWxpbmUtLWxlZnQtYWxpZ25lZCcgOiAnJ10uam9pbignICcpLnRyaW0oKTtcbiAgICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-timeline-item.component.d.ts","sourceRoot":"","sources":["../../eui-timeline/eui-timeline-item.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAE7D,qBAYa,wBAAwB;
|
|
1
|
+
{"version":3,"file":"eui-timeline-item.component.d.ts","sourceRoot":"","sources":["../../eui-timeline/eui-timeline-item.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAE7D,qBAYa,wBAAwB;IAmBd,mBAAmB,EAAE,mBAAmB;IAlB3D,IACW,UAAU,IAAI,MAAM,CAE9B;IAGD,OAAO,SAAuB;IAErB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,SAAM;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,SAAM;IAEW,aAAa,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,YAAY,CAAC;gBAE3C,mBAAmB,EAAE,mBAAmB;IAE3D,OAAO,CAAC,aAAa;yCArBZ,wBAAwB;2CAAxB,wBAAwB;4CA2B4p1B,OAAQ;sCAAR,OAAQ;CADxs1B"}
|
|
@@ -1,14 +1,22 @@
|
|
|
1
|
-
import { AfterContentInit, OnChanges, QueryList, SimpleChanges } from '@angular/core';
|
|
1
|
+
import { AfterContentInit, ChangeDetectorRef, NgZone, OnChanges, QueryList, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { BooleanInput } from '@angular/cdk/coercion';
|
|
3
3
|
import { EuiTimelineItemComponent } from './eui-timeline-item.component';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class EuiTimelineComponent implements OnChanges, AfterContentInit {
|
|
6
|
+
private cd;
|
|
7
|
+
private ngZone;
|
|
6
8
|
get cssClasses(): string;
|
|
7
9
|
e2eAttr: string;
|
|
8
10
|
isLeftAligned: BooleanInput;
|
|
9
11
|
timelineItems: QueryList<EuiTimelineItemComponent>;
|
|
12
|
+
constructor(cd: ChangeDetectorRef, ngZone: NgZone);
|
|
10
13
|
ngOnChanges(changes: SimpleChanges): void;
|
|
11
14
|
ngAfterContentInit(): void;
|
|
15
|
+
/**
|
|
16
|
+
* Syncs the isLeftAligned property of the timeline items with the parent timeline
|
|
17
|
+
* @param list The list of timeline items
|
|
18
|
+
*/
|
|
19
|
+
private syncIsLeftAligned;
|
|
12
20
|
private getCssClasses;
|
|
13
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiTimelineComponent, never>;
|
|
14
22
|
static ɵcmp: i0.ɵɵComponentDeclaration<EuiTimelineComponent, "eui-timeline", never, { "e2eAttr": { "alias": "e2eAttr"; "required": false; }; "isLeftAligned": { "alias": "isLeftAligned"; "required": false; }; }, {}, ["timelineItems"], ["*"], false, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-timeline.component.d.ts","sourceRoot":"","sources":["../../eui-timeline/eui-timeline.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,
|
|
1
|
+
{"version":3,"file":"eui-timeline.component.d.ts","sourceRoot":"","sources":["../../eui-timeline/eui-timeline.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,EAEhB,iBAAiB,EAKjB,MAAM,EACN,SAAS,EACT,SAAS,EACT,aAAa,EAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;;AAEzE,qBAKa,oBAAqB,YAAW,SAAS,EAAE,gBAAgB;IAcxD,OAAO,CAAC,EAAE;IAAqB,OAAO,CAAC,MAAM;IAbzD,IACW,UAAU,IAAI,MAAM,CAE9B;IAGD,OAAO,SAAkB;IAGzB,aAAa,EAAE,YAAY,CAAC;IAEe,aAAa,EAAE,SAAS,CAAC,wBAAwB,CAAC,CAAC;gBAE1E,EAAE,EAAE,iBAAiB,EAAU,MAAM,EAAE,MAAM;IAGjE,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAMzC,kBAAkB,IAAI,IAAI;IAgB1B;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,aAAa;yCAjDZ,oBAAoB;2CAApB,oBAAoB;4CAqDu3zB,OAAQ;CAD/5zB"}
|
|
@@ -13,8 +13,6 @@ class EuiTimelineItemComponent {
|
|
|
13
13
|
this.e2eAttr = 'eui-timeline-item';
|
|
14
14
|
this.dateStyleClass = '';
|
|
15
15
|
this.timeStyleClass = '';
|
|
16
|
-
this.isLeftAligned = false;
|
|
17
|
-
this.isGroup = false;
|
|
18
16
|
}
|
|
19
17
|
getCssClasses() {
|
|
20
18
|
return [this.baseStatesDirective.getCssClasses('eui-timeline-item'), this.isGroup ? 'eui-timeline-item--more' : '']
|
|
@@ -61,37 +59,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
61
59
|
}] } });
|
|
62
60
|
|
|
63
61
|
class EuiTimelineComponent {
|
|
64
|
-
constructor() {
|
|
65
|
-
this.e2eAttr = 'eui-timeline';
|
|
66
|
-
this.isLeftAligned = false;
|
|
67
|
-
}
|
|
68
62
|
get cssClasses() {
|
|
69
63
|
return this.getCssClasses();
|
|
70
64
|
}
|
|
65
|
+
constructor(cd, ngZone) {
|
|
66
|
+
this.cd = cd;
|
|
67
|
+
this.ngZone = ngZone;
|
|
68
|
+
this.e2eAttr = 'eui-timeline';
|
|
69
|
+
}
|
|
71
70
|
ngOnChanges(changes) {
|
|
72
71
|
if (changes.isLeftAligned) {
|
|
73
|
-
this.timelineItems
|
|
74
|
-
item.isLeftAligned = this.isLeftAligned;
|
|
75
|
-
});
|
|
72
|
+
this.syncIsLeftAligned(this.timelineItems);
|
|
76
73
|
}
|
|
77
74
|
}
|
|
78
75
|
ngAfterContentInit() {
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
76
|
+
this.syncIsLeftAligned(this.timelineItems);
|
|
77
|
+
this.timelineItems.changes.subscribe((queryList) => {
|
|
78
|
+
// Defer changes to avoid ExpressionChangedAfterItHasBeenCheckedError
|
|
79
|
+
this.ngZone.runOutsideAngular(() => {
|
|
80
|
+
setTimeout(() => {
|
|
81
|
+
this.syncIsLeftAligned(queryList);
|
|
82
|
+
// Run change detection
|
|
83
|
+
this.ngZone.run(() => {
|
|
84
|
+
this.cd.detectChanges();
|
|
85
|
+
});
|
|
86
|
+
});
|
|
82
87
|
});
|
|
83
|
-
}
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
/**
|
|
91
|
+
* Syncs the isLeftAligned property of the timeline items with the parent timeline
|
|
92
|
+
* @param list The list of timeline items
|
|
93
|
+
*/
|
|
94
|
+
syncIsLeftAligned(list) {
|
|
95
|
+
list?.forEach((item) => {
|
|
96
|
+
item.isLeftAligned = this.isLeftAligned;
|
|
97
|
+
});
|
|
84
98
|
}
|
|
85
99
|
getCssClasses() {
|
|
86
100
|
return ['eui-timeline', this.isLeftAligned ? 'eui-timeline--left-aligned' : ''].join(' ').trim();
|
|
87
101
|
}
|
|
88
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
102
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiTimelineComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
89
103
|
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.7", type: EuiTimelineComponent, selector: "eui-timeline", inputs: { e2eAttr: "e2eAttr", isLeftAligned: ["isLeftAligned", "isLeftAligned", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "timelineItems", predicate: EuiTimelineItemComponent }], usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-base-spacing-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-accent-110);border-radius:50%;border-style:solid;border-width:2px;display:flex;flex-direction:column;max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));z-index:2}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-base-color-grey-50);content:\"\";height:calc(100% - var(--eui-base-spacing-2xs));position:absolute;top:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));width:2px;z-index:1}.eui-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-base-spacing-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-90);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-base-color-grey-80)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-base-color-grey-90);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-base-color-grey-75)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-base-spacing-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{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.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-grey-25)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-80)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-warning-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-warning-120)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-m)}\n"] }); }
|
|
90
104
|
}
|
|
91
105
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiTimelineComponent, decorators: [{
|
|
92
106
|
type: Component,
|
|
93
107
|
args: [{ selector: 'eui-timeline', template: "<ng-content></ng-content>\n", styles: [".eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-base-spacing-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-accent-110);border-radius:50%;border-style:solid;border-width:2px;display:flex;flex-direction:column;max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));z-index:2}.eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-base-color-grey-50);content:\"\";height:calc(100% - var(--eui-base-spacing-2xs));position:absolute;top:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));width:2px;z-index:1}.eui-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-base-spacing-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-90);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-base-color-grey-80)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-base-color-grey-90);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-base-color-grey-75)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-base-spacing-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-base-color-grey-50);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-base-spacing-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{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.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-primary-100)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-grey-25)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-grey-80)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-info-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-warning-100)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-warning-120)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-success-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-danger-100)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-base-color-accent-120)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-base-spacing-m)}\n"] }]
|
|
94
|
-
}], propDecorators: { cssClasses: [{
|
|
108
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { cssClasses: [{
|
|
95
109
|
type: HostBinding,
|
|
96
110
|
args: ['class']
|
|
97
111
|
}], e2eAttr: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-timeline.mjs","sources":["../../eui-timeline/eui-timeline-item.component.ts","../../eui-timeline/eui-timeline-item.component.html","../../eui-timeline/eui-timeline.component.ts","../../eui-timeline/eui-timeline.component.html","../../eui-timeline/eui-timeline.module.ts","../../eui-timeline/eui-components-eui-timeline.ts"],"sourcesContent":["import { booleanAttribute, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-timeline-item',\n templateUrl: './eui-timeline-item.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: ['euiSecondary', 'euiPrimary', 'euiSuccess', 'euiInfo', 'euiWarning', 'euiDanger', 'euiAccent', 'euiVariant'],\n },\n ],\n})\nexport class EuiTimelineItemComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return this.getCssClasses();\n }\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-timeline-item';\n\n @Input() label: string;\n @Input() subLabel: string;\n @Input() date: string;\n @Input() dateStyleClass = '';\n @Input() time: string;\n @Input() timeStyleClass = '';\n\n @Input({ transform: booleanAttribute })\n isLeftAligned: BooleanInput = false;\n\n @Input({ transform: booleanAttribute })\n isGroup: BooleanInput = false;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n private getCssClasses(): string {\n return [this.baseStatesDirective.getCssClasses('eui-timeline-item'), this.isGroup ? 'eui-timeline-item--more' : '']\n .join(' ')\n .trim();\n }\n}\n","@if ( !isLeftAligned ) {\n <div class=\"eui-timeline-item__left-content\">\n @if ( date ) {\n <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n }\n @if ( time ) {\n <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n }\n </div>\n}\n\n<div class=\"eui-timeline-item__icon\" [class.eui-timeline-item__icon--group]=\"isGroup\"></div>\n\n<div class=\"eui-timeline-item__content\">\n <ng-container #customContent>\n <ng-content></ng-content>\n </ng-container>\n @if ( !customContent?.hasChildNodes() ) {\n <div class=\"eui-timeline-item__title\">{{ label }}</div>\n <div class=\"eui-timeline-item__subtitle\">{{ subLabel }}</div>\n @if ( isLeftAligned && date ) {\n <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n }\n @if ( isLeftAligned && time ) {\n <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n }\n }\n</div>\n","import {\n AfterContentInit,\n booleanAttribute,\n Component,\n ContentChildren,\n HostBinding,\n Input,\n OnChanges,\n QueryList,\n SimpleChanges,\n} from '@angular/core';\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport { EuiTimelineItemComponent } from './eui-timeline-item.component';\n\n@Component({\n selector: 'eui-timeline',\n templateUrl: './eui-timeline.component.html',\n styleUrls: ['./styles/_index.scss'],\n})\nexport class EuiTimelineComponent implements OnChanges, AfterContentInit {\n @HostBinding('class')\n public get cssClasses(): string {\n return this.getCssClasses();\n }\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-timeline';\n\n @Input({ transform: booleanAttribute })\n isLeftAligned: BooleanInput = false;\n\n @ContentChildren(EuiTimelineItemComponent) timelineItems: QueryList<EuiTimelineItemComponent>;\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes.isLeftAligned) {\n this.timelineItems?.forEach((item) => {\n item.isLeftAligned = this.isLeftAligned;\n });\n }\n }\n\n ngAfterContentInit(): void {\n setTimeout(() => {\n this.timelineItems?.forEach((item) => {\n item.isLeftAligned = this.isLeftAligned;\n });\n }, 0);\n }\n\n private getCssClasses(): string {\n return ['eui-timeline', this.isLeftAligned ? 'eui-timeline--left-aligned' : ''].join(' ').trim();\n }\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiTimelineComponent } from './eui-timeline.component';\nimport { EuiTimelineItemComponent } from './eui-timeline-item.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [EuiTimelineComponent, EuiTimelineItemComponent],\n declarations: [EuiTimelineComponent, EuiTimelineItemComponent],\n})\nexport class EuiTimelineModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAgBa,wBAAwB,CAAA;AACjC,IAAA,IACW,UAAU,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;KAC/B;AAkBD,IAAA,WAAA,CAAmB,mBAAwC,EAAA;QAAxC,IAAmB,CAAA,mBAAA,GAAnB,mBAAmB,CAAqB;QAf3D,IAAO,CAAA,OAAA,GAAG,mBAAmB,CAAC;QAKrB,IAAc,CAAA,cAAA,GAAG,EAAE,CAAC;QAEpB,IAAc,CAAA,cAAA,GAAG,EAAE,CAAC;QAG7B,IAAa,CAAA,aAAA,GAAiB,KAAK,CAAC;QAGpC,IAAO,CAAA,OAAA,GAAiB,KAAK,CAAC;KAEiC;IAEvD,aAAa,GAAA;QACjB,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,mBAAmB,CAAC,EAAE,IAAI,CAAC,OAAO,GAAG,yBAAyB,GAAG,EAAE,CAAC;aAC9G,IAAI,CAAC,GAAG,CAAC;AACT,aAAA,IAAI,EAAE,CAAC;KACf;iIA5BQ,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAgBb,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,MAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EAAA,gBAAgB,CAGhB,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,gBAAgB,iZCnCxC,6iCA4BA,EAAA,MAAA,EAAA,CAAA,0pLAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDZa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAZpC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAGd,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACrB,cAAA,EAAA;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,mBAAmB;AAC9B,4BAAA,MAAM,EAAE,CAAC,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,CAAC;AACxH,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,6iCAAA,EAAA,MAAA,EAAA,CAAA,0pLAAA,CAAA,EAAA,CAAA;wFAIU,UAAU,EAAA,CAAA;sBADpB,WAAW;uBAAC,OAAO,CAAA;gBAMpB,OAAO,EAAA,CAAA;sBAFN,WAAW;uBAAC,eAAe,CAAA;;sBAC3B,KAAK;gBAGG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBAGN,aAAa,EAAA,CAAA;sBADZ,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAItC,OAAO,EAAA,CAAA;sBADN,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;;;MEhB7B,oBAAoB,CAAA;AALjC,IAAA,WAAA,GAAA;QAYI,IAAO,CAAA,OAAA,GAAG,cAAc,CAAC;QAGzB,IAAa,CAAA,aAAA,GAAiB,KAAK,CAAC;AAuBvC,KAAA;AAhCG,IAAA,IACW,UAAU,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;KAC/B;AAUD,IAAA,WAAW,CAAC,OAAsB,EAAA;QAC9B,IAAI,OAAO,CAAC,aAAa,EAAE;YACvB,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,IAAI,KAAI;AACjC,gBAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;AAC5C,aAAC,CAAC,CAAC;AACN,SAAA;KACJ;IAED,kBAAkB,GAAA;QACd,UAAU,CAAC,MAAK;YACZ,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,IAAI,KAAI;AACjC,gBAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;AAC5C,aAAC,CAAC,CAAC;SACN,EAAE,CAAC,CAAC,CAAC;KACT;IAEO,aAAa,GAAA;QACjB,OAAO,CAAC,cAAc,EAAE,IAAI,CAAC,aAAa,GAAG,4BAA4B,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;KACpG;iIAhCQ,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAST,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EAAA,gBAAgB,CAGnB,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,eAAA,EAAA,SAAA,EAAA,wBAAwB,kDC/B7C,6BACA,EAAA,MAAA,EAAA,CAAA,0pLAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDkBa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,SAAS;+BACI,cAAc,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,0pLAAA,CAAA,EAAA,CAAA;8BAMb,UAAU,EAAA,CAAA;sBADpB,WAAW;uBAAC,OAAO,CAAA;gBAMpB,OAAO,EAAA,CAAA;sBAFN,WAAW;uBAAC,eAAe,CAAA;;sBAC3B,KAAK;gBAIN,aAAa,EAAA,CAAA;sBADZ,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAGK,aAAa,EAAA,CAAA;sBAAvD,eAAe;uBAAC,wBAAwB,CAAA;;;MErBhC,iBAAiB,CAAA;iIAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;kIAAjB,iBAAiB,EAAA,YAAA,EAAA,CAFX,oBAAoB,EAAE,wBAAwB,aAFnD,YAAY,CAAA,EAAA,OAAA,EAAA,CACZ,oBAAoB,EAAE,wBAAwB,CAAA,EAAA,CAAA,CAAA,EAAA;AAG/C,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAJhB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIb,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,OAAO,EAAE,CAAC,oBAAoB,EAAE,wBAAwB,CAAC;AACzD,oBAAA,YAAY,EAAE,CAAC,oBAAoB,EAAE,wBAAwB,CAAC;AACjE,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"eui-components-eui-timeline.mjs","sources":["../../eui-timeline/eui-timeline-item.component.ts","../../eui-timeline/eui-timeline-item.component.html","../../eui-timeline/eui-timeline.component.ts","../../eui-timeline/eui-timeline.component.html","../../eui-timeline/eui-timeline.module.ts","../../eui-timeline/eui-components-eui-timeline.ts"],"sourcesContent":["import { booleanAttribute, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-timeline-item',\n templateUrl: './eui-timeline-item.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: ['euiSecondary', 'euiPrimary', 'euiSuccess', 'euiInfo', 'euiWarning', 'euiDanger', 'euiAccent', 'euiVariant'],\n },\n ],\n})\nexport class EuiTimelineItemComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return this.getCssClasses();\n }\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-timeline-item';\n\n @Input() label: string;\n @Input() subLabel: string;\n @Input() date: string;\n @Input() dateStyleClass = '';\n @Input() time: string;\n @Input() timeStyleClass = '';\n\n @Input({ transform: booleanAttribute }) isLeftAligned: BooleanInput;\n @Input({ transform: booleanAttribute }) isGroup: BooleanInput;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n private getCssClasses(): string {\n return [this.baseStatesDirective.getCssClasses('eui-timeline-item'), this.isGroup ? 'eui-timeline-item--more' : '']\n .join(' ')\n .trim();\n }\n}\n","@if ( !isLeftAligned ) {\n <div class=\"eui-timeline-item__left-content\">\n @if ( date ) {\n <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n }\n @if ( time ) {\n <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n }\n </div>\n}\n\n<div class=\"eui-timeline-item__icon\" [class.eui-timeline-item__icon--group]=\"isGroup\"></div>\n\n<div class=\"eui-timeline-item__content\">\n <ng-container #customContent>\n <ng-content></ng-content>\n </ng-container>\n @if ( !customContent?.hasChildNodes() ) {\n <div class=\"eui-timeline-item__title\">{{ label }}</div>\n <div class=\"eui-timeline-item__subtitle\">{{ subLabel }}</div>\n @if ( isLeftAligned && date ) {\n <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n }\n @if ( isLeftAligned && time ) {\n <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n }\n }\n</div>\n","import {\n AfterContentInit,\n booleanAttribute,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n HostBinding,\n Input,\n NgZone,\n OnChanges,\n QueryList,\n SimpleChanges,\n} from '@angular/core';\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport { EuiTimelineItemComponent } from './eui-timeline-item.component';\n\n@Component({\n selector: 'eui-timeline',\n templateUrl: './eui-timeline.component.html',\n styleUrls: ['./styles/_index.scss'],\n})\nexport class EuiTimelineComponent implements OnChanges, AfterContentInit {\n @HostBinding('class')\n public get cssClasses(): string {\n return this.getCssClasses();\n }\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-timeline';\n\n @Input({ transform: booleanAttribute })\n isLeftAligned: BooleanInput;\n\n @ContentChildren(EuiTimelineItemComponent) timelineItems: QueryList<EuiTimelineItemComponent>;\n\n constructor(private cd: ChangeDetectorRef, private ngZone: NgZone) {\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes.isLeftAligned) {\n this.syncIsLeftAligned(this.timelineItems);\n }\n }\n\n ngAfterContentInit(): void {\n this.syncIsLeftAligned(this.timelineItems);\n this.timelineItems.changes.subscribe((queryList: QueryList<EuiTimelineItemComponent>) => {\n // Defer changes to avoid ExpressionChangedAfterItHasBeenCheckedError\n this.ngZone.runOutsideAngular(() => {\n setTimeout(() => {\n this.syncIsLeftAligned(queryList);\n // Run change detection\n this.ngZone.run(() => {\n this.cd.detectChanges();\n });\n });\n });\n });\n }\n\n /**\n * Syncs the isLeftAligned property of the timeline items with the parent timeline\n * @param list The list of timeline items\n */\n private syncIsLeftAligned(list: QueryList<EuiTimelineItemComponent>): void {\n list?.forEach((item) => {\n item.isLeftAligned = this.isLeftAligned;\n });\n }\n\n private getCssClasses(): string {\n return ['eui-timeline', this.isLeftAligned ? 'eui-timeline--left-aligned' : ''].join(' ').trim();\n }\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiTimelineComponent } from './eui-timeline.component';\nimport { EuiTimelineItemComponent } from './eui-timeline-item.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [EuiTimelineComponent, EuiTimelineItemComponent],\n declarations: [EuiTimelineComponent, EuiTimelineItemComponent],\n})\nexport class EuiTimelineModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eui/components",
|
|
3
|
-
"version": "17.3.6-snapshot-
|
|
3
|
+
"version": "17.3.6-snapshot-1717504386226",
|
|
4
4
|
"tag": "snapshot",
|
|
5
5
|
"description": "eUI components package",
|
|
6
6
|
"homepage": "https://eui.ecdevops.eu",
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"url": "https://citnet.tech.ec.europa.eu/CITnet/stash/projects/CSDR/repos/eui"
|
|
11
11
|
},
|
|
12
12
|
"peerDependencies": {
|
|
13
|
-
"@eui/core": "17.3.6-snapshot-
|
|
14
|
-
"@eui/base": "17.3.6-snapshot-
|
|
13
|
+
"@eui/core": "17.3.6-snapshot-1717504386226",
|
|
14
|
+
"@eui/base": "17.3.6-snapshot-1717504386226",
|
|
15
15
|
"@angular/common": "^17.1.0",
|
|
16
16
|
"@angular/core": "^17.1.0",
|
|
17
17
|
"@angular/forms": "^17.1.0",
|