@eui/components 17.0.0-next.26 → 17.0.0-next.27

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 (37) hide show
  1. package/docs/components/EuiAppComponent.html +1 -75
  2. package/docs/components/EuiAppSidebarHeaderUserProfileComponent.html +281 -133
  3. package/docs/components/EuiAppTopMessageComponent.html +1 -1
  4. package/docs/components/EuiNotificationsComponent.html +1 -1
  5. package/docs/components/EuiUserProfileCardComponent.html +2 -40
  6. package/docs/components/EuiUserProfileComponent.html +119 -30
  7. package/docs/dependencies.html +2 -2
  8. package/docs/js/menu-wc.js +3 -3
  9. package/docs/js/menu-wc_es5.js +1 -1
  10. package/docs/js/search/search_index.js +2 -2
  11. package/docs/modules/EuiAppSidebarModule.html +3 -0
  12. package/esm2022/eui-tree-list/eui-tree-list-item.component.mjs +5 -3
  13. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.mjs +64 -27
  14. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.module.mjs +10 -4
  15. package/esm2022/layout/eui-app/eui-app-top-message/top-message.component.mjs +5 -4
  16. package/esm2022/layout/eui-app/eui-app.component.mjs +6 -36
  17. package/esm2022/layout/eui-header/header-user-profile/header-user-profile.component.mjs +1 -1
  18. package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +3 -3
  19. package/esm2022/layout/eui-user-profile/user-profile-card/user-profile-card.component.mjs +6 -7
  20. package/esm2022/layout/eui-user-profile/user-profile.component.mjs +47 -19
  21. package/eui-tree-list/eui-tree-list-item.component.d.ts +1 -1
  22. package/eui-tree-list/eui-tree-list-item.component.d.ts.map +1 -1
  23. package/fesm2022/eui-components-eui-tree-list.mjs +4 -2
  24. package/fesm2022/eui-components-eui-tree-list.mjs.map +1 -1
  25. package/fesm2022/eui-components-layout.mjs +562 -523
  26. package/fesm2022/eui-components-layout.mjs.map +1 -1
  27. package/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.d.ts +14 -10
  28. package/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.d.ts.map +1 -1
  29. package/layout/eui-app/eui-app-sidebar/sidebar.module.d.ts +2 -1
  30. package/layout/eui-app/eui-app-sidebar/sidebar.module.d.ts.map +1 -1
  31. package/layout/eui-app/eui-app.component.d.ts +3 -8
  32. package/layout/eui-app/eui-app.component.d.ts.map +1 -1
  33. package/layout/eui-user-profile/user-profile-card/user-profile-card.component.d.ts +2 -3
  34. package/layout/eui-user-profile/user-profile-card/user-profile-card.component.d.ts.map +1 -1
  35. package/layout/eui-user-profile/user-profile.component.d.ts +13 -7
  36. package/layout/eui-user-profile/user-profile.component.d.ts.map +1 -1
  37. package/package.json +1 -1
@@ -128,10 +128,6 @@
128
128
  <tr>
129
129
  <td class="col-md-4">
130
130
  <ul class="index-list">
131
- <li>
132
- <span class="modifier">Public</span>
133
- <a href="#asService" >asService</a>
134
- </li>
135
131
  <li>
136
132
  <span class="modifier"></span>
137
133
  <a href="#cssClasses" >cssClasses</a>
@@ -140,6 +136,10 @@
140
136
  <span class="modifier">Public</span>
141
137
  <a href="#toggleProfile" >toggleProfile</a>
142
138
  </li>
139
+ <li>
140
+ <span class="modifier"></span>
141
+ <a href="#userProfileMenu" >userProfileMenu</a>
142
+ </li>
143
143
  </ul>
144
144
  </td>
145
145
  </tr>
@@ -152,6 +152,10 @@
152
152
  <tr>
153
153
  <td class="col-md-4">
154
154
  <ul class="index-list">
155
+ <li>
156
+ <span class="modifier"></span>
157
+ <a href="#onClick" >onClick</a>
158
+ </li>
155
159
  <li>
156
160
  <a href="#onProfileClick" >onProfileClick</a>
157
161
  </li>
@@ -167,12 +171,30 @@
167
171
  <tr>
168
172
  <td class="col-md-4">
169
173
  <ul class="index-list">
174
+ <li>
175
+ <a href="#avatarUrl" >avatarUrl</a>
176
+ </li>
177
+ <li>
178
+ <a href="#hasTabNavigation" >hasTabNavigation</a>
179
+ </li>
180
+ <li>
181
+ <a href="#hasToggle" >hasToggle</a>
182
+ </li>
183
+ <li>
184
+ <a href="#hasWelcomeLabel" >hasWelcomeLabel</a>
185
+ </li>
170
186
  <li>
171
187
  <a href="#impersonateLabel" >impersonateLabel</a>
172
188
  </li>
173
189
  <li>
174
190
  <a href="#isOnline" >isOnline</a>
175
191
  </li>
192
+ <li>
193
+ <a href="#isShowAvatarInitials" >isShowAvatarInitials</a>
194
+ </li>
195
+ <li>
196
+ <a href="#isShowUserInfos" >isShowUserInfos</a>
197
+ </li>
176
198
  <li>
177
199
  <a href="#welcomeLabel" >welcomeLabel</a>
178
200
  </li>
@@ -210,71 +232,107 @@
210
232
  </td>
211
233
  </tr>
212
234
 
235
+ <tr>
236
+ <td class="col-md-4">
237
+ <h6><b>HostListeners</b></h6>
238
+ </td>
239
+ </tr>
240
+ <tr>
241
+ <td class="col-md-4">
242
+ <ul class="index-list">
243
+ <li>
244
+ <a href="#click" >click</a>
245
+ </li>
246
+ </ul>
247
+ </td>
248
+ </tr>
213
249
 
214
- <tr>
215
- <td class="col-md-4">
216
- <h6><b>Accessors</b></h6>
217
- </td>
218
- </tr>
219
- <tr>
220
- <td class="col-md-4">
221
- <ul class="index-list">
222
- <li>
223
- <a href="#isOnline" >isOnline</a>
224
- </li>
225
- </ul>
226
- </td>
227
- </tr>
228
250
  </tbody>
229
251
  </table>
230
252
  </section>
231
253
 
232
- <section data-compodoc="block-constructor">
233
- <h3 id="constructor">Constructor</h3>
254
+
255
+ <section data-compodoc="block-inputs">
256
+ <h3 id="inputs">Inputs</h3>
234
257
  <table class="table table-sm table-bordered">
235
258
  <tbody>
236
259
  <tr>
237
260
  <td class="col-md-4">
238
- <code>constructor(asService: EuiAppShellService)</code>
239
- </td>
240
- </tr>
241
-
242
- <tr>
243
- <td class="col-md-4">
244
- <div>
245
- <b>Parameters :</b>
246
- <table class="params">
247
- <thead>
248
- <tr>
249
- <td>Name</td>
250
- <td>Type</td>
251
- <td>Optional</td>
252
- </tr>
253
- </thead>
254
- <tbody>
255
- <tr>
256
- <td>asService</td>
257
-
258
- <td>
259
- <code>EuiAppShellService</code>
260
- </td>
261
-
262
- <td>
263
- No
264
- </td>
265
-
266
- </tr>
267
- </tbody>
268
- </table>
269
- </div>
261
+ <a name="avatarUrl"></a>
262
+ <b>avatarUrl</b>
263
+ </td>
264
+ </tr>
265
+ <tr>
266
+ <td class="col-md-4">
267
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
268
+
270
269
  </td>
271
270
  </tr>
272
271
  </tbody>
273
272
  </table>
274
- </section>
273
+ <table class="table table-sm table-bordered">
274
+ <tbody>
275
+ <tr>
276
+ <td class="col-md-4">
277
+ <a name="hasTabNavigation"></a>
278
+ <b>hasTabNavigation</b>
279
+ </td>
280
+ </tr>
281
+ <tr>
282
+ <td class="col-md-4">
283
+ <i>Type : </i> <code>BooleanInput</code>
275
284
 
276
- <section data-compodoc="block-inputs">
277
- <h3 id="inputs">Inputs</h3>
285
+ </td>
286
+ </tr>
287
+ <tr>
288
+ <td class="col-md-4">
289
+ <i>Default value : </i><code>false</code>
290
+ </td>
291
+ </tr>
292
+ </tbody>
293
+ </table>
294
+ <table class="table table-sm table-bordered">
295
+ <tbody>
296
+ <tr>
297
+ <td class="col-md-4">
298
+ <a name="hasToggle"></a>
299
+ <b>hasToggle</b>
300
+ </td>
301
+ </tr>
302
+ <tr>
303
+ <td class="col-md-4">
304
+ <i>Type : </i> <code>BooleanInput</code>
305
+
306
+ </td>
307
+ </tr>
308
+ <tr>
309
+ <td class="col-md-4">
310
+ <i>Default value : </i><code>false</code>
311
+ </td>
312
+ </tr>
313
+ </tbody>
314
+ </table>
315
+ <table class="table table-sm table-bordered">
316
+ <tbody>
317
+ <tr>
318
+ <td class="col-md-4">
319
+ <a name="hasWelcomeLabel"></a>
320
+ <b>hasWelcomeLabel</b>
321
+ </td>
322
+ </tr>
323
+ <tr>
324
+ <td class="col-md-4">
325
+ <i>Type : </i> <code>BooleanInput</code>
326
+
327
+ </td>
328
+ </tr>
329
+ <tr>
330
+ <td class="col-md-4">
331
+ <i>Default value : </i><code>true</code>
332
+ </td>
333
+ </tr>
334
+ </tbody>
335
+ </table>
278
336
  <table class="table table-sm table-bordered">
279
337
  <tbody>
280
338
  <tr>
@@ -291,7 +349,7 @@
291
349
  </tr>
292
350
  <tr>
293
351
  <td class="col-md-4">
294
- <i>Default value : </i><code>&#x27;&#x27;</code>
352
+ <i>Default value : </i><code>&#x27;impersonating&#x27;</code>
295
353
  </td>
296
354
  </tr>
297
355
  </tbody>
@@ -306,10 +364,57 @@
306
364
  </tr>
307
365
  <tr>
308
366
  <td class="col-md-4">
309
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
367
+ <i>Type : </i> <code>BooleanInput</code>
368
+
369
+ </td>
370
+ </tr>
371
+ <tr>
372
+ <td class="col-md-4">
373
+ <i>Default value : </i><code>true</code>
374
+ </td>
375
+ </tr>
376
+ </tbody>
377
+ </table>
378
+ <table class="table table-sm table-bordered">
379
+ <tbody>
380
+ <tr>
381
+ <td class="col-md-4">
382
+ <a name="isShowAvatarInitials"></a>
383
+ <b>isShowAvatarInitials</b>
384
+ </td>
385
+ </tr>
386
+ <tr>
387
+ <td class="col-md-4">
388
+ <i>Type : </i> <code>BooleanInput</code>
310
389
 
311
390
  </td>
312
391
  </tr>
392
+ <tr>
393
+ <td class="col-md-4">
394
+ <i>Default value : </i><code>false</code>
395
+ </td>
396
+ </tr>
397
+ </tbody>
398
+ </table>
399
+ <table class="table table-sm table-bordered">
400
+ <tbody>
401
+ <tr>
402
+ <td class="col-md-4">
403
+ <a name="isShowUserInfos"></a>
404
+ <b>isShowUserInfos</b>
405
+ </td>
406
+ </tr>
407
+ <tr>
408
+ <td class="col-md-4">
409
+ <i>Type : </i> <code>BooleanInput</code>
410
+
411
+ </td>
412
+ </tr>
413
+ <tr>
414
+ <td class="col-md-4">
415
+ <i>Default value : </i><code>true</code>
416
+ </td>
417
+ </tr>
313
418
  </tbody>
314
419
  </table>
315
420
  <table class="table table-sm table-bordered">
@@ -328,7 +433,7 @@
328
433
  </tr>
329
434
  <tr>
330
435
  <td class="col-md-4">
331
- <i>Default value : </i><code>&#x27;&#x27;</code>
436
+ <i>Default value : </i><code>&#x27;Welcome&#x27;</code>
332
437
  </td>
333
438
  </tr>
334
439
  </tbody>
@@ -382,7 +487,35 @@
382
487
  </table>
383
488
  </section>
384
489
 
490
+ <section data-compodoc="block-methods">
491
+ <h3>HostListeners</h3> <table class="table table-sm table-bordered">
492
+ <tbody>
493
+ <tr>
494
+ <td class="col-md-4">
495
+ <a name="click"></a>
496
+ <span class="name">
497
+ <span ><b>click</b></span>
498
+ <a href="#click"><span class="icon ion-ios-link"></span></a>
499
+ </span>
500
+ </td>
501
+ </tr>
502
+ <tr>
503
+ <td class="col-md-4">
504
+ <i>Arguments : </i><code>'$event' </code>
505
+ </td>
506
+ </tr>
507
+ <tr>
508
+ <td class="col-md-4">
509
+ <code>click(event: MouseEvent)</code>
510
+ </td>
511
+ </tr>
385
512
 
513
+
514
+
515
+
516
+ </tbody>
517
+ </table>
518
+ </section>
386
519
  <section data-compodoc="block-methods">
387
520
 
388
521
  <h3 id="methods">
@@ -392,19 +525,28 @@
392
525
  <tbody>
393
526
  <tr>
394
527
  <td class="col-md-4">
395
- <a name="onProfileClick"></a>
528
+ <a name="onClick"></a>
396
529
  <span class="name">
397
- <span ><b>onProfileClick</b></span>
398
- <a href="#onProfileClick"><span class="icon ion-ios-link"></span></a>
530
+ <span class="modifier"></span>
531
+ <span ><b>onClick</b></span>
532
+ <a href="#onClick"><span class="icon ion-ios-link"></span></a>
399
533
  </span>
400
534
  </td>
401
535
  </tr>
402
536
  <tr>
403
537
  <td class="col-md-4">
404
- <code>onProfileClick(event: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
538
+ <span class="modifier-icon icon ion-ios-reset"></span>
539
+ <code>onClick(event: MouseEvent)</code>
405
540
  </td>
406
541
  </tr>
407
542
 
543
+ <tr>
544
+ <td class="col-md-4">
545
+ <b>Decorators : </b>
546
+ <br />
547
+ <code>@HostListener(&#x27;click&#x27;, [&#x27;$event&#x27;])<br /></code>
548
+ </td>
549
+ </tr>
408
550
 
409
551
 
410
552
 
@@ -426,7 +568,7 @@
426
568
  <tr>
427
569
  <td>event</td>
428
570
  <td>
429
- <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
571
+ <code>MouseEvent</code>
430
572
  </td>
431
573
 
432
574
  <td>
@@ -449,34 +591,73 @@
449
591
  </tr>
450
592
  </tbody>
451
593
  </table>
452
- </section>
453
- <section data-compodoc="block-properties">
454
-
455
- <h3 id="inputs">
456
- Properties
457
- </h3>
458
594
  <table class="table table-sm table-bordered">
459
595
  <tbody>
460
596
  <tr>
461
597
  <td class="col-md-4">
462
- <a name="asService"></a>
598
+ <a name="onProfileClick"></a>
463
599
  <span class="name">
464
- <span class="modifier">Public</span>
465
- <span ><b>asService</b></span>
466
- <a href="#asService"><span class="icon ion-ios-link"></span></a>
600
+ <span ><b>onProfileClick</b></span>
601
+ <a href="#onProfileClick"><span class="icon ion-ios-link"></span></a>
467
602
  </span>
468
603
  </td>
469
604
  </tr>
470
- <tr>
471
- <td class="col-md-4">
472
- <i>Type : </i> <code>EuiAppShellService</code>
605
+ <tr>
606
+ <td class="col-md-4">
607
+ <code>onProfileClick(event: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
608
+ </td>
609
+ </tr>
610
+
611
+
473
612
 
474
- </td>
475
- </tr>
476
613
 
614
+ <tr>
615
+ <td class="col-md-4">
477
616
 
617
+ <div class="io-description">
618
+ <b>Parameters :</b>
619
+
620
+ <table class="params">
621
+ <thead>
622
+ <tr>
623
+ <td>Name</td>
624
+ <td>Type</td>
625
+ <td>Optional</td>
626
+ </tr>
627
+ </thead>
628
+ <tbody>
629
+ <tr>
630
+ <td>event</td>
631
+ <td>
632
+ <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
633
+ </td>
634
+
635
+ <td>
636
+ No
637
+ </td>
638
+
639
+
640
+ </tr>
641
+ </tbody>
642
+ </table>
643
+ </div>
644
+ <div class="io-description">
645
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
646
+
647
+ </div>
648
+ <div class="io-description">
649
+
650
+ </div>
651
+ </td>
652
+ </tr>
478
653
  </tbody>
479
654
  </table>
655
+ </section>
656
+ <section data-compodoc="block-properties">
657
+
658
+ <h3 id="inputs">
659
+ Properties
660
+ </h3>
480
661
  <table class="table table-sm table-bordered">
481
662
  <tbody>
482
663
  <tr>
@@ -534,72 +715,39 @@
534
715
 
535
716
  </tbody>
536
717
  </table>
537
- </section>
538
-
539
- <section data-compodoc="block-accessors">
540
- <h3 id="accessors">
541
- Accessors
542
- </h3>
543
- <table class="table table-sm table-bordered">
544
- <tbody>
718
+ <table class="table table-sm table-bordered">
719
+ <tbody>
720
+ <tr>
721
+ <td class="col-md-4">
722
+ <a name="userProfileMenu"></a>
723
+ <span class="name">
724
+ <span class="modifier"></span>
725
+ <span ><b>userProfileMenu</b></span>
726
+ <a href="#userProfileMenu"><span class="icon ion-ios-link"></span></a>
727
+ </span>
728
+ </td>
729
+ </tr>
545
730
  <tr>
546
731
  <td class="col-md-4">
547
- <a name="isOnline"></a>
548
- <span class="name"><b>isOnline</b><a href="#isOnline"><span class="icon ion-ios-link"></span></a></span>
549
- </td>
550
- </tr>
732
+ <i>Type : </i> <code><a href="../components/EuiUserProfileMenuComponent.html" target="_self" >QueryList&lt;EuiUserProfileMenuComponent&gt;</a></code>
551
733
 
552
- <tr>
553
- <td class="col-md-4">
554
- <span class="accessor"><b>get</b><code>isOnline()</code></span>
555
734
  </td>
556
735
  </tr>
557
-
558
736
  <tr>
559
737
  <td class="col-md-4">
560
- <span class="accessor"><b>set</b><code>isOnline(value: BooleanInput)</code></span>
738
+ <b>Decorators : </b>
739
+ <br />
740
+ <code>
741
+ @ContentChildren(undefined)<br />
742
+ </code>
561
743
  </td>
562
744
  </tr>
563
- <tr>
564
- <td class="col-md-4">
565
745
 
566
- <div class="io-description">
567
- <b>Parameters :</b>
568
- <table class="params">
569
- <thead>
570
- <tr>
571
- <td>Name</td>
572
- <td>Type</td>
573
- <td>Optional</td>
574
- </tr>
575
- </thead>
576
- <tbody>
577
- <tr>
578
- <td>value</td>
579
-
580
- <td>
581
- <code>BooleanInput</code>
582
- </td>
583
-
584
- <td>
585
- No
586
- </td>
587
-
588
- </tr>
589
- </tbody>
590
- </table>
591
- </div>
592
- <div>
593
- </div>
594
- <div class="io-description">
595
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
596
746
 
597
- </div>
598
- </td>
599
- </tr>
600
- </tbody>
601
- </table>
747
+ </tbody>
748
+ </table>
602
749
  </section>
750
+
603
751
  </div>
604
752
 
605
753
 
@@ -614,7 +762,7 @@
614
762
  <script src="../js/libs/htmlparser.js"></script>
615
763
  <script src="../js/libs/deep-iterator.js"></script>
616
764
  <script>
617
- var COMPONENT_TEMPLATE = '<div><div class="eui-app-sidebar-header-user-profile-content" (click)="onProfileClick($event)"> <div class="eui-user-profile__avatar" [ngClass]="isOnline ? \'eui-user-profile__avatar--online\' : \'eui-user-profile__avatar--offline\'"></div> <div class="eui-user-profile__infos"> <!-- NORMAL LOGIN--> <div *ngIf="!(asService.getState(\'impersonatedUserInfos\') | async | coerceBool)" class="eui-user-profile__infos-wrapper"> <div *ngIf="welcomeLabel" class="eui-user-profile__infos-welcome">{{ welcomeLabel }}</div> <div class="eui-user-profile__infos-container"> <span class="eui-user-profile__infos-name">{{ asService.getState(\'userInfos\') | async }}</span> </div> </div> <!-- IMPERSONATION --> <div *ngIf="asService.getState(\'impersonatedUserInfos\') | async" class="eui-user-profile__infos-wrapper"> <div class="eui-user-profile__infos-container"> <span *ngIf="welcomeLabel" class="eui-user-profile__infos-welcome">{{ welcomeLabel }}&nbsp;</span> <span class="eui-user-profile__infos-welcome" ><strong>{{ asService.getState(\'userInfos\') | async }}</strong></span > </div> <div class="eui-user-profile__infos-container"> <span class="eui-user-profile__infos-impersonating">{{ impersonateLabel }}&nbsp;</span> <span class="eui-user-profile__infos-name">{{ asService.getState(\'impersonatedUserInfos\') | async }}</span> </div> </div> <!-- SUB INFOS--> <div *ngIf="asService.getState(\'userSubInfos\') | async" class="eui-user-profile__infos-subinfos"> {{ asService.getState(\'userSubInfos\') | async }} </div> </div> <button type="button" euiButton euiRounded euiIconButton euiBasicButton euiSecondary class="eui-user-profile__toggle"> <span class="eui-icon" [ngClass]="toggleProfile ? \'eui-icon-angle-up\' : \'eui-icon-angle-down\'"></span> </button></div></div>'
765
+ var COMPONENT_TEMPLATE = '<div><eui-user-profile [hasWelcomeLabel]="hasWelcomeLabel" [welcomeLabel]="welcomeLabel" [impersonateLabel]="impersonateLabel" [avatarUrl]="avatarUrl" [hasMenu]="userProfileMenu.length !== 0" [isShowUserInfos]="isShowUserInfos" [isShowAvatarInitials]="isShowAvatarInitials" [hasTabNavigation]="hasTabNavigation" isReverse [hasToggle]="false" #userProfile> <ng-content select="eui-user-profile-menu"></ng-content></eui-user-profile><button *ngIf="hasToggle" euiButton euiRounded euiIconButton euiBasicButton euiSecondary class="eui-u-ml-auto" aria-label="toggle user profile"> <span class="eui-icon" [ngClass]="toggleProfile ? \'eui-icon-angle-up\' : \'eui-icon-angle-down\'"></span></button></div>'
618
766
  var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'CollapsedBreadcrumbComponent', 'selector': 'eui-collapsed-breadcrumb'},{'name': 'EuiAlertComponent', 'selector': 'div[euiAlert], eui-alert'},{'name': 'EuiAppBreadcrumbComponent', 'selector': 'eui-app-breadcrumb'},{'name': 'EuiAppComponent', 'selector': 'eui-app'},{'name': 'EuiAppFooterComponent', 'selector': 'eui-app-footer'},{'name': 'EuiAppHeaderComponent', 'selector': 'eui-app-header'},{'name': 'EuiAppSidebarBodyComponent', 'selector': 'eui-app-sidebar-body'},{'name': 'EuiAppSidebarComponent', 'selector': 'eui-app-sidebar'},{'name': 'EuiAppSidebarDrawerComponent', 'selector': 'eui-app-sidebar-drawer'},{'name': 'EuiAppSidebarFooterComponent', 'selector': 'eui-app-sidebar-footer'},{'name': 'EuiAppSidebarHeaderComponent', 'selector': 'eui-app-sidebar-header'},{'name': 'EuiAppSidebarHeaderUserProfileComponent', 'selector': 'eui-app-sidebar-header-user-profile'},{'name': 'EuiAppSidebarMenuComponent', 'selector': 'eui-app-sidebar-menu'},{'name': 'EuiAppToolbarComponent', 'selector': 'eui-app-toolbar'},{'name': 'EuiAppTopMessageComponent', 'selector': 'eui-app-top-message'},{'name': 'EuiAutocompleteAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteComponent', 'selector': 'eui-autocomplete, input[euiAutocomplete]'},{'name': 'EuiAutocompleteOptionComponent', 'selector': 'eui-autocomplete-option'},{'name': 'EuiAutocompleteOptionGroupComponent', 'selector': 'eui-autocomplete-option-group'},{'name': 'EuiAutocompleteTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAvatarBadgeComponent', 'selector': 'eui-avatar-badge'},{'name': 'EuiAvatarComponent', 'selector': 'div[euiAvatar], span[euiAvatar], eui-avatar'},{'name': 'EuiAvatarIconComponent', 'selector': 'eui-avatar-icon'},{'name': 'EuiAvatarImageComponent', 'selector': 'eui-avatar-image'},{'name': 'EuiAvatarListComponent', 'selector': 'eui-avatar-list'},{'name': 'EuiAvatarTextComponent', 'selector': 'eui-avatar-text'},{'name': 'EuiBadgeComponent', 'selector': 'div[euiBadge], span[euiBadge], eui-badge'},{'name': 'EuiBlockContentComponent', 'selector': 'eui-block-content'},{'name': 'EuiBlockDocumentComponent', 'selector': 'eui-block-document'},{'name': 'EuiBreadcrumbComponent', 'selector': 'eui-breadcrumb'},{'name': 'EuiBreadcrumbItemComponent', 'selector': 'eui-breadcrumb-item'},{'name': 'EuiButtonComponent', 'selector': 'button[euiButton], a[euiButton]'},{'name': 'EuiButtonGroupComponent', 'selector': 'eui-button-group'},{'name': 'EuiButtonsComponent', 'selector': 'eui-buttons'},{'name': 'EuiCardComponent', 'selector': 'eui-card'},{'name': 'EuiCardContentComponent', 'selector': 'eui-card-content'},{'name': 'EuiCardFooterActionButtonsComponent', 'selector': 'eui-card-footer-action-buttons'},{'name': 'EuiCardFooterActionIconsComponent', 'selector': 'eui-card-footer-action-icons'},{'name': 'EuiCardFooterComponent', 'selector': 'eui-card-footer'},{'name': 'EuiCardFooterMenuContentComponent', 'selector': 'eui-card-footer-menu-content'},{'name': 'EuiCardHeaderBodyComponent', 'selector': 'eui-card-header-body'},{'name': 'EuiCardHeaderComponent', 'selector': 'eui-card-header'},{'name': 'EuiCardHeaderLeftContentComponent', 'selector': 'eui-card-header-left-content'},{'name': 'EuiCardHeaderRightContentComponent', 'selector': 'eui-card-header-right-content'},{'name': 'EuiCardHeaderSubtitleComponent', 'selector': 'eui-card-header-subtitle'},{'name': 'EuiCardHeaderTitleComponent', 'selector': 'eui-card-header-title'},{'name': 'EuiCardMediaComponent', 'selector': 'eui-card-media'},{'name': 'EuiChipComponent', 'selector': 'eui-chip, span[euiChip], li[euiChip]'},{'name': 'EuiChipListComponent', 'selector': 'eui-chip-list, div[euiChipList], ul[euiChipList]'},{'name': 'EuiCommonHeaderComponent', 'selector': 'eui-common-header'},{'name': 'EuiDashboardButtonComponent', 'selector': 'eui-dashboard-button'},{'name': 'EuiDashboardCardComponent', 'selector': 'eui-dashboard-card'},{'name': 'EuiDatepickerComponent', 'selector': 'eui-datepicker'},{'name': 'EuiDateRangeSelectorComponent', 'selector': 'eui-date-range-selector'},{'name': 'EuiDialogComponent', 'selector': 'eui-dialog'},{'name': 'EuiDialogContainerComponent', 'selector': 'eui-dialog-container'},{'name': 'EuiDimmerComponent', 'selector': 'eui-dimmer'},{'name': 'EuiDisableContentComponent', 'selector': 'eui-disable-content'},{'name': 'EuiDiscussionThreadComponent', 'selector': 'eui-discussion-thread'},{'name': 'EuiDiscussionThreadItemComponent', 'selector': 'eui-discussion-thread-item'},{'name': 'EuiDropdownComponent', 'selector': 'eui-dropdown'},{'name': 'EuiDropdownItemComponent', 'selector': 'eui-dropdown-item, [euiDropdownItem]'},{'name': 'EuiEditorComponent', 'selector': 'eui-editor'},{'name': 'EuiEditorCountersComponent', 'selector': 'eui-editor-counters'},{'name': 'EuiEditorHtmlViewComponent', 'selector': 'eui-editor-html-view'},{'name': 'EuiEditorImageDialogComponent', 'selector': ''},{'name': 'EuiEditorJsonViewComponent', 'selector': 'eui-editor-json-view'},{'name': 'EuiExpandContentComponent', 'selector': 'eui-expand-content'},{'name': 'EuiFeedbackMessageComponent', 'selector': 'eui-feedback-message'},{'name': 'EuiFieldsetComponent', 'selector': 'eui-fieldset'},{'name': 'EuiFilePreviewComponent', 'selector': 'eui-file-preview'},{'name': 'EuiFileUploadComponent', 'selector': 'eui-file-upload'},{'name': 'EuiFileUploadProgressComponent', 'selector': 'eui-file-upload-progress'},{'name': 'EuiFooterComponent', 'selector': 'eui-footer'},{'name': 'EuiGrowlComponent', 'selector': 'eui-growl'},{'name': 'EuiHeaderAppComponent', 'selector': 'eui-header-app'},{'name': 'EuiHeaderAppNameComponent', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoComponent', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleComponent', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiHeaderComponent', 'selector': 'eui-header'},{'name': 'EuiHeaderEnvironmentComponent', 'selector': 'eui-header-environment'},{'name': 'EuiHeaderLogoComponent', 'selector': 'eui-header-logo'},{'name': 'EuiHeaderUserProfileComponent', 'selector': 'eui-header-user-profile'},{'name': 'EuiIconColorComponent', 'selector': 'eui-icon-colored, span[euiIconColored], [euiIconColored]'},{'name': 'EuiIconComponent', 'selector': 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon'},{'name': 'EuiIconSvgButtonComponent', 'selector': 'eui-icon-svg-button'},{'name': 'EuiIconSvgComponent', 'selector': 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]'},{'name': 'EuiIconToggleComponent', 'selector': 'eui-icon-toggle'},{'name': 'EuiInputCheckboxComponent', 'selector': 'input[euiInputCheckBox]'},{'name': 'EuiInputGroupComponent', 'selector': 'div[euiInputGroup]'},{'name': 'EuiInputNumberComponent', 'selector': 'input[euiInputNumber]'},{'name': 'EuiInputRadioComponent', 'selector': 'input[euiInputRadio]'},{'name': 'EuiInputTextComponent', 'selector': 'input[euiInputText]'},{'name': 'EuiLabelComponent', 'selector': 'label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,
619
767
  label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel'},{'name': 'EuiLanguageSelectorComponent', 'selector': 'eui-language-selector'},{'name': 'EuiListComponent', 'selector': '[euiList], eui-list'},{'name': 'EuiListItemComponent', 'selector': '[euiListItem], eui-list-item'},{'name': 'EuiMenuComponent', 'selector': 'eui-menu'},{'name': 'EuiMenuItemComponent', 'selector': 'eui-menu-item'},{'name': 'EuiMessageBoxComponent', 'selector': 'eui-message-box'},{'name': 'EuiModalSelectorComponent', 'selector': 'eui-modal-selector'},{'name': 'EuiNotificationItemComponent', 'selector': 'eui-notification-item'},{'name': 'EuiNotificationItemV2Component', 'selector': 'eui-notification-item-v2'},{'name': 'EuiNotificationsComponent', 'selector': 'eui-notifications'},{'name': 'EuiNotificationsV2Component', 'selector': 'eui-notifications-v2'},{'name': 'EuiOverlayBodyComponent', 'selector': 'eui-overlay-body'},{'name': 'EuiOverlayComponent', 'selector': 'eui-overlay'},{'name': 'EuiOverlayFooterComponent', 'selector': 'eui-overlay-footer'},{'name': 'EuiOverlayHeaderComponent', 'selector': 'eui-overlay-header'},{'name': 'EuiOverlayHeaderTitleComponent', 'selector': 'eui-overlay-header-title'},{'name': 'EuiPageBreadcrumbComponent', 'selector': 'eui-page-breadcrumb'},{'name': 'EuiPageColumnComponent', 'selector': 'eui-page-column'},{'name': 'EuiPageColumnsComponent', 'selector': 'eui-page-columns'},{'name': 'EuiPageComponent', 'selector': 'eui-page'},{'name': 'EuiPageContentComponent', 'selector': 'eui-page-content'},{'name': 'EuiPageFooterComponent', 'selector': 'eui-page-footer'},{'name': 'EuiPageHeaderComponent', 'selector': 'eui-page-header'},{'name': 'EuiPageHeroHeaderComponent', 'selector': 'eui-page-hero-header'},{'name': 'EuiPageTopContentComponent', 'selector': 'eui-page-top-content'},{'name': 'EuiPaginatorComponent', 'selector': 'eui-paginator'},{'name': 'EuiPopoverComponent', 'selector': 'eui-popover'},{'name': 'EuiProgressBarComponent', 'selector': 'eui-progress-bar'},{'name': 'EuiProgressCircleComponent', 'selector': 'eui-progress-circle'},{'name': 'EuiResizableComponent', 'selector': 'eui-resizable'},{'name': 'EuiSearchComponent', 'selector': 'eui-search'},{'name': 'EuiSelectComponent', 'selector': 'select[euiSelect]'},{'name': 'EuiSidebarMenuComponent', 'selector': 'eui-sidebar-menu'},{'name': 'EuiSidebarToggleComponent', 'selector': 'eui-sidebar-toggle'},{'name': 'EuiSlideToggleComponent', 'selector': 'eui-slide-toggle'},{'name': 'EuiSlideToggleTestComponent', 'selector': 'eui-slide-toggle-test-component'},{'name': 'EuiTabComponent', 'selector': 'eui-tab'},{'name': 'EuiTabContentComponent', 'selector': 'eui-tab-content, euiTabContent'},{'name': 'EuiTabLabelComponent', 'selector': 'eui-tab-label, euiTabLabel'},{'name': 'EuiTableComponent', 'selector': 'eui-table, table[euiTable]'},{'name': 'EuiTableExpandableRowComponent', 'selector': 'tr[euiTableExpandableRow]'},{'name': 'EuiTableFilterComponent', 'selector': 'eui-table-filter'},{'name': 'EuiTableSelectableHeaderComponent', 'selector': 'tr[isSelectableHeader]'},{'name': 'EuiTableSelectableRowComponent', 'selector': 'tr[isSelectable]'},{'name': 'EuiTableSortableColComponent', 'selector': 'th[sortable]'},{'name': 'EuiTabsComponent', 'selector': 'eui-tabs'},{'name': 'EuiTextareaComponent', 'selector': 'textarea[euiTextArea]'},{'name': 'EuiTimebarComponent', 'selector': 'eui-timebar'},{'name': 'EuiTimelineComponent', 'selector': 'eui-timeline'},{'name': 'EuiTimelineItemComponent', 'selector': 'eui-timeline-item'},{'name': 'EuiTimepickerComponent', 'selector': 'eui-timepicker'},{'name': 'EuiToolbarAppComponent', 'selector': 'eui-toolbar-app'},{'name': 'EuiToolbarCenterComponent', 'selector': 'eui-toolbar-center'},{'name': 'EuiToolbarComponent', 'selector': 'eui-toolbar'},{'name': 'EuiToolbarEnvironmentComponent', 'selector': 'eui-toolbar-environment'},{'name': 'EuiToolbarItemComponent', 'selector': 'eui-toolbar-item'},{'name': 'EuiToolbarItemsComponent', 'selector': 'eui-toolbar-items'},{'name': 'EuiToolbarLogoComponent', 'selector': 'eui-toolbar-logo'},{'name': 'EuiToolbarMenuComponent', 'selector': 'eui-toolbar-menu'},{'name': 'EuiTooltipContainerComponent', 'selector': 'eui-tooltip-container.component'},{'name': 'EuiTreeComponent', 'selector': 'eui-tree'},{'name': 'EuiTreeListComponent', 'selector': 'eui-tree-list'},{'name': 'EuiTreeListItemComponent', 'selector': 'eui-tree-list-item'},{'name': 'EuiTreeListItemContentComponent', 'selector': 'eui-tree-list-item-content'},{'name': 'EuiTreeListToolbarComponent', 'selector': 'eui-tree-list-toolbar'},{'name': 'EuiUserProfileCardComponent', 'selector': 'eui-user-profile-card'},{'name': 'EuiUserProfileComponent', 'selector': 'eui-user-profile'},{'name': 'EuiUserProfileMenuComponent', 'selector': 'eui-user-profile-menu'},{'name': 'EuiUserProfileMenuItemComponent', 'selector': 'eui-user-profile-menu-item'},{'name': 'EuiUxTreeComponent', 'selector': 'eui-ux-tree'},{'name': 'EuiUxTreeNodeComponent', 'selector': 'eui-ux-tree-node'},{'name': 'EuiUxTreeToolbarComponent', 'selector': 'eui-ux-tree-toolbar'},{'name': 'EuiWizardComponent', 'selector': 'eui-wizard'},{'name': 'EuiWizardStepComponent', 'selector': 'eui-wizard-step'},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'}];
620
768
  var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseDirective', 'selector': '[euiBase]'},{'name': 'BaseStatesDirective', 'selector': '[euiBase]'},{'name': 'CollapsedButtonDirective', 'selector': 'collapsed-button'},{'name': 'EuiActionButtonsDirective', 'selector': 'eui-action-buttons'},{'name': 'EuiAlertTitleDirective', 'selector': 'eui-alert-title'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiButtonsActionsContentTagDirective', 'selector': 'euiButtonsActionsContent'},{'name': 'EuiButtonsLocalMenuContentTagDirective', 'selector': 'euiButtonsLocalMenuContent'},{'name': 'EuiChipListAppendContentDirective', 'selector': 'euiChipListAppendContent'},{'name': 'EuiClearableDirective', 'selector': 'input[euiClearable]'},{'name': 'EuiDashboardButtonIconDirective', 'selector': 'eui-dashboard-button-icon'},{'name': 'EuiDashboardButtonLabelDirective', 'selector': 'eui-dashboard-button-label'},{'name': 'EuiDialogFooterDirective', 'selector': 'eui-dialog-footer'},{'name': 'EuiDialogHeaderDirective', 'selector': 'eui-dialog-header'},{'name': 'EuiDropdownContentDirective', 'selector': 'eui-dropdown-content'},{'name': 'EuiDropdownTreeDirective', 'selector': 'eui-dropdown[euiDropdownTree]'},{'name': 'EuiEditorCustomToolbarTagDirective', 'selector': 'euiEditorCustomToolbar'},{'name': 'EuiEditorMaxlengthDirective', 'selector': '[formControlName][euiEditorMaxlength]'},{'name': 'EuiFieldsetLabelExtraContentTagDirective', 'selector': 'euiFieldsetLabelExtraContent'},{'name': 'EuiFieldsetLabelRightContentTagDirective', 'selector': 'euiFieldsetLabelRightContent'},{'name': 'EuiHasPermissionDirective', 'selector': '[euiHasPermission]'},{'name': 'EuiHeaderAppNameDirective', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoDirective', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleDirective', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiInputNumberDirective', 'selector': 'input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiLoadingDirective', 'selector': '[euiLoading]'},{'name': 'EuiMaxLengthDirective', 'selector': '