@eui/components 17.3.6-snapshot-1717378073191 → 17.3.6-snapshot-1717751602934

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.
Files changed (19) hide show
  1. package/docs/components/EuiTimelineComponent.html +55 -5
  2. package/docs/components/EuiTimelineItemComponent.html +0 -10
  3. package/docs/dependencies.html +2 -2
  4. package/docs/js/menu-wc.js +3 -3
  5. package/docs/js/menu-wc_es5.js +1 -1
  6. package/docs/js/search/search_index.js +2 -2
  7. package/esm2022/eui-timeline/eui-timeline-item.component.mjs +1 -3
  8. package/esm2022/eui-timeline/eui-timeline.component.mjs +30 -14
  9. package/esm2022/eui-tree/eui-tree.component.mjs +22 -26
  10. package/eui-timeline/eui-timeline-item.component.d.ts.map +1 -1
  11. package/eui-timeline/eui-timeline.component.d.ts +9 -1
  12. package/eui-timeline/eui-timeline.component.d.ts.map +1 -1
  13. package/eui-tree/eui-tree.component.d.ts +1 -0
  14. package/eui-tree/eui-tree.component.d.ts.map +1 -1
  15. package/fesm2022/eui-components-eui-timeline.mjs +29 -15
  16. package/fesm2022/eui-components-eui-timeline.mjs.map +1 -1
  17. package/fesm2022/eui-components-eui-tree.mjs +21 -25
  18. package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
  19. package/package.json +3 -3
package/eui-timeline/eui-timeline-item.component.d.ts.map CHANGED
@@ -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;IAsBd,mBAAmB,EAAE,mBAAmB;IArB3D,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;IAG7B,aAAa,EAAE,YAAY,CAAS;IAGpC,OAAO,EAAE,YAAY,CAAS;gBAEX,mBAAmB,EAAE,mBAAmB;IAE3D,OAAO,CAAC,aAAa;yCAxBZ,wBAAwB;2CAAxB,wBAAwB;4CA8Bmo1B,OAAQ;sCAAR,OAAQ;CAD/q1B"}
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"}
package/eui-timeline/eui-timeline.component.d.ts CHANGED
@@ -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>;
package/eui-timeline/eui-timeline.component.d.ts.map CHANGED
@@ -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,EAMhB,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;IACpE,IACW,UAAU,IAAI,MAAM,CAE9B;IAGD,OAAO,SAAkB;IAGzB,aAAa,EAAE,YAAY,CAAS;IAEO,aAAa,EAAE,SAAS,CAAC,wBAAwB,CAAC,CAAC;IAE9F,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAQzC,kBAAkB,IAAI,IAAI;IAQ1B,OAAO,CAAC,aAAa;yCA9BZ,oBAAoB;2CAApB,oBAAoB;4CAkC4o1B,OAAQ;CADpr1B"}
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"}
package/eui-tree/eui-tree.component.d.ts CHANGED
@@ -65,6 +65,7 @@ export declare class EuiTreeComponent implements OnInit, OnChanges, OnDestroy {
65
65
  private treeDataRunTimeBackup;
66
66
  private runTimeSelectionRecursiveState;
67
67
  private selectionModel;
68
+ private tempSelectionModel;
68
69
  private _isClickTogglingNode;
69
70
  private _isMultiselect;
70
71
  private _isSingleSelect;
package/eui-tree/eui-tree.component.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"eui-tree.component.d.ts","sourceRoot":"","sources":["../../eui-tree/eui-tree.component.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"eui-tree.component.d.ts","sourceRoot":"","sources":["../../eui-tree/eui-tree.component.ts"],"names":[],"mappings":"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"}
package/fesm2022/eui-components-eui-timeline.mjs CHANGED
@@ -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?.forEach((item) => {
74
- item.isLeftAligned = this.isLeftAligned;
75
- });
72
+ this.syncIsLeftAligned(this.timelineItems);
76
73
  }
77
74
  }
78
75
  ngAfterContentInit() {
79
- setTimeout(() => {
80
- this.timelineItems?.forEach((item) => {
81
- item.isLeftAligned = this.isLeftAligned;
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
- }, 0);
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: [{
package/fesm2022/eui-components-eui-timeline.mjs.map CHANGED
@@ -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":"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"}
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/fesm2022/eui-components-eui-tree.mjs CHANGED
@@ -298,12 +298,15 @@ class EuiTreeComponent {
298
298
  }
299
299
  }
300
300
  setAllSelection(isChecked) {
301
+ this.tempSelectionModel = new SelectionModel(true, this.selectionModel.selected, true, (a, b) => a?.path === b?.path);
301
302
  this.setIsCheckedForAll(this.treeDataRunTime, isChecked);
303
+ this.selectionModel.setSelection(...this.tempSelectionModel.selected);
302
304
  this.changeDetectorRef.markForCheck();
303
305
  }
304
306
  updateTreeItem(givenTreeItem, path) {
305
307
  const treeItem = structuredClone(givenTreeItem);
306
308
  if (treeItem && path) {
309
+ this.tempSelectionModel = new SelectionModel(true, this.selectionModel.selected, true, (a, b) => a?.path === b?.path);
307
310
  this.setTreeData(path, this.processInputs([treeItem])[0]);
308
311
  const pathArr = path.split('.');
309
312
  const index = parseInt(pathArr.pop(), 10);
@@ -317,10 +320,6 @@ class EuiTreeComponent {
317
320
  const itemRecursiveSelectionState = this.calculateItemSelectionRecursiveState(treeItem);
318
321
  this.setRunTimeSelectionRecursiveStateTree(path, itemRecursiveSelectionState);
319
322
  this.syncStateChangesAtPath(path);
320
- // Rendering
321
- this.changeDetectorRef.detectChanges();
322
- this.treeComponentInstance.renderNodeChanges([]);
323
- this.treeComponentInstance.renderNodeChanges(this.treeDataRunTime);
324
323
  if (this.cdkTreeControl.isExpanded(treeItemRuntime) && !treeItem.node.isExpanded) {
325
324
  this.cdkTreeControl.toggle(treeItemRuntime);
326
325
  }
@@ -331,7 +330,11 @@ class EuiTreeComponent {
331
330
  this.getInitialSelection(this.getRunTimeTreeItem(path)?.children)?.forEach((runTimeItem) => {
332
331
  this.selectTreeItem(this.getRunTimeBackupTreeItem(runTimeItem.path));
333
332
  });
333
+ this.selectionModel.setSelection(...this.tempSelectionModel.selected);
334
+ // Rendering
334
335
  this.changeDetectorRef.detectChanges();
336
+ this.treeComponentInstance.renderNodeChanges([]);
337
+ this.treeComponentInstance.renderNodeChanges(this.treeDataRunTime);
335
338
  }
336
339
  }
337
340
  onNodeClick(treeRunTimeItem) {
@@ -351,10 +354,12 @@ class EuiTreeComponent {
351
354
  const item = this.getTreeItem(path);
352
355
  const runTimeBackupTreeItem = this.getRunTimeBackupTreeItem(path);
353
356
  const renderedRunTimeTreeItem = this.getRunTimeTreeItem(path);
354
- const node = item.node;
357
+ const node = item?.node;
358
+ this.tempSelectionModel = new SelectionModel(true, this.selectionModel.selected, true, (a, b) => a?.path === b?.path);
355
359
  // console.log(path,item,runTimeTreeItem, renderedRunTimeTreeItem);
356
360
  if (this.customNodeSelectFn) {
357
361
  this.customNodeSelectFn(path, evt.target.checked, item, new CustomNodeSelectFnHelper(this));
362
+ this.selectionModel.setSelection(...this.tempSelectionModel.selected);
358
363
  }
359
364
  else if (!node?.selectConfig?.singleSelect) {
360
365
  node.isSelected = evt.target.checked;
@@ -395,6 +400,7 @@ class EuiTreeComponent {
395
400
  else {
396
401
  this.changeDetectorRef.detectChanges();
397
402
  }
403
+ this.selectionModel.setSelection(...this.tempSelectionModel.selected);
398
404
  }
399
405
  else {
400
406
  const prevItem = this.selectionModel.selected[0];
@@ -622,26 +628,18 @@ class EuiTreeComponent {
622
628
  node.isSelected = isChecked;
623
629
  node.isIndeterminate = false;
624
630
  if (isChecked) {
625
- this.selectTreeItem(runtimeBackupTreeItem);
631
+ this.tempSelectionModel.select(runtimeBackupTreeItem);
626
632
  }
627
633
  else {
628
- this.deselectTreeItem(runtimeBackupTreeItem);
634
+ this.tempSelectionModel.deselect(runtimeBackupTreeItem);
629
635
  }
630
636
  }
631
637
  }
632
638
  selectTreeItem(runTimeBackupTreeItem) {
633
- const indexOfItem = this.getSelectionIndexOfItem(runTimeBackupTreeItem);
634
- if (indexOfItem === -1) {
635
- this.selectionModel.select(runTimeBackupTreeItem);
636
- }
639
+ this.tempSelectionModel.select(runTimeBackupTreeItem);
637
640
  }
638
641
  deselectTreeItem(runTimeTreeItem) {
639
- const indexOfItem = this.getSelectionIndexOfItem(runTimeTreeItem);
640
- if (indexOfItem > -1) {
641
- const newSelection = [...this.selectionModel.selected];
642
- newSelection.splice(indexOfItem, 1);
643
- this.selectionModel.setSelection(...newSelection);
644
- }
642
+ this.tempSelectionModel.deselect(runTimeTreeItem);
645
643
  }
646
644
  createTreeDataRuntime(nodes) {
647
645
  return structuredClone(nodes)?.map((item, index) => {
@@ -673,13 +671,11 @@ class EuiTreeComponent {
673
671
  const childrenSelectionRecursive = [];
674
672
  if (treeItem.children && treeItem.children.length > 0) {
675
673
  treeItem.children.forEach((child, index) => {
676
- if (child.node.selectable) {
677
- childrenSelectionRecursive[index] = this.calculateItemSelectionRecursiveState(child);
678
- }
674
+ childrenSelectionRecursive[index] = this.calculateItemSelectionRecursiveState(child);
679
675
  });
680
676
  }
681
677
  const childStates = childrenSelectionRecursive.map((_) => _.selectionRecursiveState);
682
- const itemState = this.decideSelectionRecursiveState(childStates, treeItem.node.isSelected, treeItem.node?.selectConfig?.recursive, treeItem.node?.selectConfig?.noAutoSelectParent);
678
+ const itemState = treeItem.node.selectable ? this.decideSelectionRecursiveState(childStates, treeItem.node.isSelected, treeItem.node?.selectConfig?.recursive, treeItem.node?.selectConfig?.noAutoSelectParent) : undefined;
683
679
  return {
684
680
  selectionRecursiveState: itemState,
685
681
  children: childrenSelectionRecursive,
@@ -687,16 +683,16 @@ class EuiTreeComponent {
687
683
  }
688
684
  decideSelectionRecursiveState(childStates = [], isSelected, recursive, noAutoSelectParent) {
689
685
  let itemState = 'indeterminate';
690
- if (isSelected && childStates.every((state) => state === 'allSelected')) {
686
+ if (isSelected && childStates.filter((childStates) => childStates).every((state) => state === 'allSelected')) {
691
687
  itemState = 'allSelected';
692
688
  }
693
- else if (!isSelected && childStates.every((state) => state === 'allNotSelected')) {
689
+ else if (!isSelected && childStates.filter((childStates) => childStates).every((state) => state === 'allNotSelected')) {
694
690
  itemState = 'allNotSelected';
695
691
  }
696
- else if (recursive && childStates.every((state) => state === 'allSelected') && !isSelected && !noAutoSelectParent) {
692
+ else if (recursive && childStates.filter((childStates) => childStates).every((state) => state === 'allSelected') && !isSelected && !noAutoSelectParent) {
697
693
  itemState = 'allSelected';
698
694
  }
699
- else if (recursive && childStates.every((state) => state === 'allNotSelected') && isSelected) {
695
+ else if (recursive && childStates.filter((childStates) => childStates).every((state) => state === 'allNotSelected') && isSelected) {
700
696
  itemState = 'allNotSelected';
701
697
  }
702
698
  return itemState;