@eui/components 17.0.0-next.19 → 17.0.0-next.20

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 (35) hide show
  1. package/docs/components/EuiAvatarComponent.html +48 -0
  2. package/docs/components/EuiDashboardCardComponent.html +173 -426
  3. package/docs/components/EuiPaginatorComponent.html +1 -1
  4. package/docs/dependencies.html +2 -2
  5. package/docs/js/menu-wc.js +3 -3
  6. package/docs/js/menu-wc_es5.js +1 -1
  7. package/docs/js/search/search_index.js +2 -2
  8. package/docs/modules/EuiDashboardCardModule.html +16 -0
  9. package/esm2022/directives/eui-tooltip/container/eui-tooltip-container.component.mjs +3 -3
  10. package/esm2022/eui-avatar/eui-avatar.component.mjs +17 -3
  11. package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +2 -2
  12. package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +96 -82
  13. package/esm2022/eui-label/eui-label.component.mjs +2 -2
  14. package/esm2022/eui-paginator/eui-paginator.component.mjs +3 -3
  15. package/esm2022/layout/eui-user-profile/user-profile-card/user-profile-card.component.mjs +1 -1
  16. package/esm2022/layout/eui-user-profile/user-profile.component.mjs +1 -1
  17. package/eui-avatar/eui-avatar.component.d.ts +3 -1
  18. package/eui-avatar/eui-avatar.component.d.ts.map +1 -1
  19. package/eui-dashboard-card/eui-dashboard-card.component.d.ts +25 -34
  20. package/eui-dashboard-card/eui-dashboard-card.component.d.ts.map +1 -1
  21. package/fesm2022/eui-components-directives.mjs +2 -2
  22. package/fesm2022/eui-components-directives.mjs.map +1 -1
  23. package/fesm2022/eui-components-eui-avatar.mjs +16 -2
  24. package/fesm2022/eui-components-eui-avatar.mjs.map +1 -1
  25. package/fesm2022/eui-components-eui-dashboard-button.mjs +2 -2
  26. package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
  27. package/fesm2022/eui-components-eui-dashboard-card.mjs +95 -81
  28. package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
  29. package/fesm2022/eui-components-eui-label.mjs +2 -2
  30. package/fesm2022/eui-components-eui-label.mjs.map +1 -1
  31. package/fesm2022/eui-components-eui-paginator.mjs +2 -2
  32. package/fesm2022/eui-components-eui-paginator.mjs.map +1 -1
  33. package/fesm2022/eui-components-layout.mjs +2 -2
  34. package/fesm2022/eui-components-layout.mjs.map +1 -1
  35. package/package.json +7 -7
package/docs/components/EuiDashboardCardComponent.html CHANGED
@@ -60,6 +60,12 @@
60
60
 
61
61
 
62
62
 
63
+ <p class="comment">
64
+ <h3>Implements</h3>
65
+ </p>
66
+ <p class="comment">
67
+ <code>OnInit</code>
68
+ </p>
63
69
 
64
70
 
65
71
  <section data-compodoc="block-metadata">
@@ -67,8 +73,24 @@
67
73
  <table class="table table-sm table-hover metadata">
68
74
  <tbody>
69
75
 
76
+ <tr>
77
+ <td class="col-md-3">changeDetection</td>
78
+ <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
79
+ </tr>
70
80
 
81
+ <tr>
82
+ <td class="col-md-3">encapsulation</td>
83
+ <td class="col-md-9"><code>ViewEncapsulation.None</code></td>
84
+ </tr>
71
85
 
86
+ <tr>
87
+ <td class="col-md-3">HostDirectives</td>
88
+ <td class="col-md-9">
89
+ <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
90
+ <br/>
91
+ <div><i>&nbsp;Inputs</i> : euiPrimary&nbsp;euiSecondary&nbsp;euiSuccess&nbsp;euiInfo&nbsp;euiWarning&nbsp;euiDanger&nbsp;euiAccent&nbsp;euiSizeM&nbsp;euiSizeL&nbsp;euiSizeXL&nbsp;euiSize2XL&nbsp;euiVariant&nbsp;euiSizeVariant&nbsp;</div>
92
+ </td>
93
+ </tr>
72
94
 
73
95
 
74
96
 
@@ -112,6 +134,21 @@
112
134
  <h3 id="index">Index</h3>
113
135
  <table class="table table-sm table-bordered index-table">
114
136
  <tbody>
137
+ <tr>
138
+ <td class="col-md-4">
139
+ <h6><b>Properties</b></h6>
140
+ </td>
141
+ </tr>
142
+ <tr>
143
+ <td class="col-md-4">
144
+ <ul class="index-list">
145
+ <li>
146
+ <span class="modifier">Public</span>
147
+ <a href="#baseStatesDirective" >baseStatesDirective</a>
148
+ </li>
149
+ </ul>
150
+ </td>
151
+ </tr>
115
152
 
116
153
  <tr>
117
154
  <td class="col-md-4">
@@ -122,14 +159,9 @@
122
159
  <td class="col-md-4">
123
160
  <ul class="index-list">
124
161
  <li>
162
+ <span class="modifier"></span>
125
163
  <a href="#onClick" >onClick</a>
126
164
  </li>
127
- <li>
128
- <a href="#onKeyDown" >onKeyDown</a>
129
- </li>
130
- <li>
131
- <a href="#openLink" >openLink</a>
132
- </li>
133
165
  </ul>
134
166
  </td>
135
167
  </tr>
@@ -142,57 +174,36 @@
142
174
  <tr>
143
175
  <td class="col-md-4">
144
176
  <ul class="index-list">
145
- <li>
146
- <a href="#buttonLinkLabel" >buttonLinkLabel</a>
147
- </li>
148
- <li>
149
- <a href="#buttonStyleClass" >buttonStyleClass</a>
150
- </li>
151
177
  <li>
152
178
  <a href="#e2eAttr" >e2eAttr</a>
153
179
  </li>
154
180
  <li>
155
- <a href="#iconClass" >iconClass</a>
181
+ <a href="#hasNoBackgroundAvatar" >hasNoBackgroundAvatar</a>
156
182
  </li>
157
183
  <li>
158
- <a href="#iconTypeClass" >iconTypeClass</a>
184
+ <a href="#iconSvgName" >iconSvgName</a>
159
185
  </li>
160
186
  <li>
161
- <a href="#imageHeight" >imageHeight</a>
187
+ <a href="#iconSvgSize" >iconSvgSize</a>
162
188
  </li>
163
189
  <li>
164
190
  <a href="#imageUrl" >imageUrl</a>
165
191
  </li>
166
192
  <li>
167
- <a href="#imageWidth" >imageWidth</a>
168
- </li>
169
- <li>
170
- <a href="#isClickable" >isClickable</a>
193
+ <a href="#isDisabled" >isDisabled</a>
171
194
  </li>
172
195
  <li>
173
- <a href="#isHorizontalLayout" >isHorizontalLayout</a>
196
+ <a href="#isFlatAvatar" >isFlatAvatar</a>
174
197
  </li>
175
198
  <li>
176
- <a href="#isIconCompact" >isIconCompact</a>
199
+ <a href="#isHorizontal" >isHorizontal</a>
177
200
  </li>
178
201
  <li>
179
202
  <a href="#label" >label</a>
180
203
  </li>
181
- <li>
182
- <a href="#labelMaxLines" >labelMaxLines</a>
183
- </li>
184
- <li>
185
- <a href="#styleClass" >styleClass</a>
186
- </li>
187
204
  <li>
188
205
  <a href="#subLabel" >subLabel</a>
189
206
  </li>
190
- <li>
191
- <a href="#subLabelMaxLines" >subLabelMaxLines</a>
192
- </li>
193
- <li>
194
- <a href="#typeClass" >typeClass</a>
195
- </li>
196
207
  <li>
197
208
  <a href="#url" >url</a>
198
209
  </li>
@@ -221,7 +232,35 @@
221
232
  </td>
222
233
  </tr>
223
234
 
235
+ <tr>
236
+ <td class="col-md-4">
237
+ <h6><b>HostBindings</b></h6>
238
+ </td>
239
+ </tr>
240
+ <tr>
241
+ <td class="col-md-4">
242
+ <ul class="index-list">
243
+ <li>
244
+ <a href="#class" >class</a>
245
+ </li>
246
+ </ul>
247
+ </td>
248
+ </tr>
224
249
 
250
+ <tr>
251
+ <td class="col-md-4">
252
+ <h6><b>HostListeners</b></h6>
253
+ </td>
254
+ </tr>
255
+ <tr>
256
+ <td class="col-md-4">
257
+ <ul class="index-list">
258
+ <li>
259
+ <a href="#click" >click</a>
260
+ </li>
261
+ </ul>
262
+ </td>
263
+ </tr>
225
264
 
226
265
  <tr>
227
266
  <td class="col-md-4">
@@ -232,16 +271,7 @@
232
271
  <td class="col-md-4">
233
272
  <ul class="index-list">
234
273
  <li>
235
- <a href="#isIconCompact" >isIconCompact</a>
236
- </li>
237
- <li>
238
- <a href="#isClickable" >isClickable</a>
239
- </li>
240
- <li>
241
- <a href="#isHorizontalLayout" >isHorizontalLayout</a>
242
- </li>
243
- <li>
244
- <a href="#stateTypeClass" >stateTypeClass</a>
274
+ <a href="#cssClasses" >cssClasses</a>
245
275
  </li>
246
276
  </ul>
247
277
  </td>
@@ -256,7 +286,7 @@
256
286
  <tbody>
257
287
  <tr>
258
288
  <td class="col-md-4">
259
- <code>constructor(router: Router)</code>
289
+ <code>constructor(baseStatesDirective: <a href="../directives/BaseStatesDirective.html" target="_self">BaseStatesDirective</a>)</code>
260
290
  </td>
261
291
  </tr>
262
292
 
@@ -274,10 +304,10 @@
274
304
  </thead>
275
305
  <tbody>
276
306
  <tr>
277
- <td>router</td>
307
+ <td>baseStatesDirective</td>
278
308
 
279
309
  <td>
280
- <code>Router</code>
310
+ <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
281
311
  </td>
282
312
 
283
313
  <td>
@@ -300,24 +330,8 @@
300
330
  <tbody>
301
331
  <tr>
302
332
  <td class="col-md-4">
303
- <a name="buttonLinkLabel"></a>
304
- <b>buttonLinkLabel</b>
305
- </td>
306
- </tr>
307
- <tr>
308
- <td class="col-md-4">
309
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
310
-
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="buttonStyleClass"></a>
320
- <b>buttonStyleClass</b>
333
+ <a name="e2eAttr"></a>
334
+ <b>e2eAttr</b>
321
335
  </td>
322
336
  </tr>
323
337
  <tr>
@@ -328,7 +342,7 @@
328
342
  </tr>
329
343
  <tr>
330
344
  <td class="col-md-4">
331
- <i>Default value : </i><code>&#x27;eui-button--info&#x27;</code>
345
+ <i>Default value : </i><code>&#x27;eui-dashboard-card&#x27;</code>
332
346
  </td>
333
347
  </tr>
334
348
  </tbody>
@@ -337,35 +351,19 @@
337
351
  <tbody>
338
352
  <tr>
339
353
  <td class="col-md-4">
340
- <a name="e2eAttr"></a>
341
- <b>e2eAttr</b>
354
+ <a name="hasNoBackgroundAvatar"></a>
355
+ <b>hasNoBackgroundAvatar</b>
342
356
  </td>
343
357
  </tr>
344
358
  <tr>
345
359
  <td class="col-md-4">
346
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
360
+ <i>Type : </i> <code>BooleanInput</code>
347
361
 
348
362
  </td>
349
363
  </tr>
350
364
  <tr>
351
365
  <td class="col-md-4">
352
- <i>Default value : </i><code>&#x27;eui-dashboard-card&#x27;</code>
353
- </td>
354
- </tr>
355
- </tbody>
356
- </table>
357
- <table class="table table-sm table-bordered">
358
- <tbody>
359
- <tr>
360
- <td class="col-md-4">
361
- <a name="iconClass"></a>
362
- <b>iconClass</b>
363
- </td>
364
- </tr>
365
- <tr>
366
- <td class="col-md-4">
367
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
368
-
366
+ <i>Default value : </i><code>false</code>
369
367
  </td>
370
368
  </tr>
371
369
  </tbody>
@@ -374,8 +372,8 @@
374
372
  <tbody>
375
373
  <tr>
376
374
  <td class="col-md-4">
377
- <a name="iconTypeClass"></a>
378
- <b>iconTypeClass</b>
375
+ <a name="iconSvgName"></a>
376
+ <b>iconSvgName</b>
379
377
  </td>
380
378
  </tr>
381
379
  <tr>
@@ -390,19 +388,19 @@
390
388
  <tbody>
391
389
  <tr>
392
390
  <td class="col-md-4">
393
- <a name="imageHeight"></a>
394
- <b>imageHeight</b>
391
+ <a name="iconSvgSize"></a>
392
+ <b>iconSvgSize</b>
395
393
  </td>
396
394
  </tr>
397
395
  <tr>
398
396
  <td class="col-md-4">
399
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
397
+ <i>Type : </i> <code>&quot;2xs&quot; | &quot;xs&quot; | &quot;s&quot; | &quot;m&quot; | &quot;l&quot; | &quot;xl&quot; | &quot;2xl&quot; | &quot;3xl&quot; | &quot;4xl&quot;</code>
400
398
 
401
399
  </td>
402
400
  </tr>
403
401
  <tr>
404
402
  <td class="col-md-4">
405
- <i>Default value : </i><code>&#x27;64&#x27;</code>
403
+ <i>Default value : </i><code>&#x27;m&#x27;</code>
406
404
  </td>
407
405
  </tr>
408
406
  </tbody>
@@ -427,19 +425,19 @@
427
425
  <tbody>
428
426
  <tr>
429
427
  <td class="col-md-4">
430
- <a name="imageWidth"></a>
431
- <b>imageWidth</b>
428
+ <a name="isDisabled"></a>
429
+ <b>isDisabled</b>
432
430
  </td>
433
431
  </tr>
434
432
  <tr>
435
433
  <td class="col-md-4">
436
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
434
+ <i>Type : </i> <code>BooleanInput</code>
437
435
 
438
436
  </td>
439
437
  </tr>
440
438
  <tr>
441
439
  <td class="col-md-4">
442
- <i>Default value : </i><code>&#x27;64&#x27;</code>
440
+ <i>Default value : </i><code>false</code>
443
441
  </td>
444
442
  </tr>
445
443
  </tbody>
@@ -448,30 +446,19 @@
448
446
  <tbody>
449
447
  <tr>
450
448
  <td class="col-md-4">
451
- <a name="isClickable"></a>
452
- <b>isClickable</b>
449
+ <a name="isFlatAvatar"></a>
450
+ <b>isFlatAvatar</b>
453
451
  </td>
454
452
  </tr>
455
453
  <tr>
456
454
  <td class="col-md-4">
457
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
455
+ <i>Type : </i> <code>BooleanInput</code>
458
456
 
459
457
  </td>
460
458
  </tr>
461
- </tbody>
462
- </table>
463
- <table class="table table-sm table-bordered">
464
- <tbody>
465
459
  <tr>
466
460
  <td class="col-md-4">
467
- <a name="isHorizontalLayout"></a>
468
- <b>isHorizontalLayout</b>
469
- </td>
470
- </tr>
471
- <tr>
472
- <td class="col-md-4">
473
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
474
-
461
+ <i>Default value : </i><code>false</code>
475
462
  </td>
476
463
  </tr>
477
464
  </tbody>
@@ -480,30 +467,19 @@
480
467
  <tbody>
481
468
  <tr>
482
469
  <td class="col-md-4">
483
- <a name="isIconCompact"></a>
484
- <b>isIconCompact</b>
470
+ <a name="isHorizontal"></a>
471
+ <b>isHorizontal</b>
485
472
  </td>
486
473
  </tr>
487
474
  <tr>
488
475
  <td class="col-md-4">
489
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
476
+ <i>Type : </i> <code>BooleanInput</code>
490
477
 
491
478
  </td>
492
479
  </tr>
493
- </tbody>
494
- </table>
495
- <table class="table table-sm table-bordered">
496
- <tbody>
497
- <tr>
498
- <td class="col-md-4">
499
- <a name="label"></a>
500
- <b>label</b>
501
- </td>
502
- </tr>
503
480
  <tr>
504
481
  <td class="col-md-4">
505
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
506
-
482
+ <i>Default value : </i><code>false</code>
507
483
  </td>
508
484
  </tr>
509
485
  </tbody>
@@ -512,24 +488,8 @@
512
488
  <tbody>
513
489
  <tr>
514
490
  <td class="col-md-4">
515
- <a name="labelMaxLines"></a>
516
- <b>labelMaxLines</b>
517
- </td>
518
- </tr>
519
- <tr>
520
- <td class="col-md-4">
521
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
522
-
523
- </td>
524
- </tr>
525
- </tbody>
526
- </table>
527
- <table class="table table-sm table-bordered">
528
- <tbody>
529
- <tr>
530
- <td class="col-md-4">
531
- <a name="styleClass"></a>
532
- <b>styleClass</b>
491
+ <a name="label"></a>
492
+ <b>label</b>
533
493
  </td>
534
494
  </tr>
535
495
  <tr>
@@ -556,38 +516,6 @@
556
516
  </tr>
557
517
  </tbody>
558
518
  </table>
559
- <table class="table table-sm table-bordered">
560
- <tbody>
561
- <tr>
562
- <td class="col-md-4">
563
- <a name="subLabelMaxLines"></a>
564
- <b>subLabelMaxLines</b>
565
- </td>
566
- </tr>
567
- <tr>
568
- <td class="col-md-4">
569
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
570
-
571
- </td>
572
- </tr>
573
- </tbody>
574
- </table>
575
- <table class="table table-sm table-bordered">
576
- <tbody>
577
- <tr>
578
- <td class="col-md-4">
579
- <a name="typeClass"></a>
580
- <b>typeClass</b>
581
- </td>
582
- </tr>
583
- <tr>
584
- <td class="col-md-4">
585
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
586
-
587
- </td>
588
- </tr>
589
- </tbody>
590
- </table>
591
519
  <table class="table table-sm table-bordered">
592
520
  <tbody>
593
521
  <tr>
@@ -661,91 +589,90 @@
661
589
  </tbody>
662
590
  </table>
663
591
  </section>
592
+ <section data-compodoc="block-properties">
593
+ <h3>HostBindings</h3> <table class="table table-sm table-bordered">
594
+ <tbody>
595
+ <tr>
596
+ <td class="col-md-4">
597
+ <a name="class"></a>
598
+ <span class="name">
599
+ <span ><b>class</b></span>
600
+ <a href="#class"><span class="icon ion-ios-link"></span></a>
601
+ </span>
602
+ </td>
603
+ </tr>
604
+ <tr>
605
+ <td class="col-md-4">
606
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
607
+
608
+ </td>
609
+ </tr>
610
+
664
611
 
612
+ </tbody>
613
+ </table>
614
+ </section>
665
615
 
666
616
  <section data-compodoc="block-methods">
667
-
668
- <h3 id="methods">
669
- Methods
670
- </h3>
671
- <table class="table table-sm table-bordered">
617
+ <h3>HostListeners</h3> <table class="table table-sm table-bordered">
672
618
  <tbody>
673
619
  <tr>
674
620
  <td class="col-md-4">
675
- <a name="onClick"></a>
621
+ <a name="click"></a>
676
622
  <span class="name">
677
- <span ><b>onClick</b></span>
678
- <a href="#onClick"><span class="icon ion-ios-link"></span></a>
623
+ <span ><b>click</b></span>
624
+ <a href="#click"><span class="icon ion-ios-link"></span></a>
679
625
  </span>
680
626
  </td>
681
627
  </tr>
682
628
  <tr>
683
629
  <td class="col-md-4">
684
- <code>onClick(event: MouseEvent)</code>
630
+ <i>Arguments : </i><code>'$event' </code>
685
631
  </td>
686
632
  </tr>
687
-
688
-
689
-
690
-
691
633
  <tr>
692
634
  <td class="col-md-4">
635
+ <code>click(event: MouseEvent)</code>
636
+ </td>
637
+ </tr>
693
638
 
694
- <div class="io-description">
695
- <b>Parameters :</b>
696
-
697
- <table class="params">
698
- <thead>
699
- <tr>
700
- <td>Name</td>
701
- <td>Type</td>
702
- <td>Optional</td>
703
- </tr>
704
- </thead>
705
- <tbody>
706
- <tr>
707
- <td>event</td>
708
- <td>
709
- <code>MouseEvent</code>
710
- </td>
711
639
 
712
- <td>
713
- No
714
- </td>
715
640
 
716
641
 
717
- </tr>
718
- </tbody>
719
- </table>
720
- </div>
721
- <div class="io-description">
722
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
723
-
724
- </div>
725
- <div class="io-description">
726
-
727
- </div>
728
- </td>
729
- </tr>
730
642
  </tbody>
731
643
  </table>
644
+ </section>
645
+ <section data-compodoc="block-methods">
646
+
647
+ <h3 id="methods">
648
+ Methods
649
+ </h3>
732
650
  <table class="table table-sm table-bordered">
733
651
  <tbody>
734
652
  <tr>
735
653
  <td class="col-md-4">
736
- <a name="onKeyDown"></a>
654
+ <a name="onClick"></a>
737
655
  <span class="name">
738
- <span ><b>onKeyDown</b></span>
739
- <a href="#onKeyDown"><span class="icon ion-ios-link"></span></a>
656
+ <span class="modifier"></span>
657
+ <span ><b>onClick</b></span>
658
+ <a href="#onClick"><span class="icon ion-ios-link"></span></a>
740
659
  </span>
741
660
  </td>
742
661
  </tr>
743
662
  <tr>
744
663
  <td class="col-md-4">
745
- <code>onKeyDown(keyCode: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
664
+ <span class="modifier-icon icon ion-ios-reset"></span>
665
+ <code>onClick(event: MouseEvent)</code>
746
666
  </td>
747
667
  </tr>
748
668
 
669
+ <tr>
670
+ <td class="col-md-4">
671
+ <b>Decorators : </b>
672
+ <br />
673
+ <code>@HostListener(&#x27;click&#x27;, [&#x27;$event&#x27;])<br /></code>
674
+ </td>
675
+ </tr>
749
676
 
750
677
 
751
678
 
@@ -765,9 +692,9 @@
765
692
  </thead>
766
693
  <tbody>
767
694
  <tr>
768
- <td>keyCode</td>
695
+ <td>event</td>
769
696
  <td>
770
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
697
+ <code>MouseEvent</code>
771
698
  </td>
772
699
 
773
700
  <td>
@@ -790,35 +717,32 @@
790
717
  </tr>
791
718
  </tbody>
792
719
  </table>
720
+ </section>
721
+ <section data-compodoc="block-properties">
722
+
723
+ <h3 id="inputs">
724
+ Properties
725
+ </h3>
793
726
  <table class="table table-sm table-bordered">
794
727
  <tbody>
795
728
  <tr>
796
729
  <td class="col-md-4">
797
- <a name="openLink"></a>
730
+ <a name="baseStatesDirective"></a>
798
731
  <span class="name">
799
- <span ><b>openLink</b></span>
800
- <a href="#openLink"><span class="icon ion-ios-link"></span></a>
732
+ <span class="modifier">Public</span>
733
+ <span ><b>baseStatesDirective</b></span>
734
+ <a href="#baseStatesDirective"><span class="icon ion-ios-link"></span></a>
801
735
  </span>
802
736
  </td>
803
737
  </tr>
804
- <tr>
805
- <td class="col-md-4">
806
- <code>openLink()</code>
807
- </td>
808
- </tr>
809
-
810
-
811
-
738
+ <tr>
739
+ <td class="col-md-4">
740
+ <i>Type : </i> <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
812
741
 
813
- <tr>
814
- <td class="col-md-4">
742
+ </td>
743
+ </tr>
815
744
 
816
- <div class="io-description">
817
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
818
745
 
819
- </div>
820
- </td>
821
- </tr>
822
746
  </tbody>
823
747
  </table>
824
748
  </section>
@@ -831,191 +755,14 @@
831
755
  <tbody>
832
756
  <tr>
833
757
  <td class="col-md-4">
834
- <a name="isIconCompact"></a>
835
- <span class="name"><b>isIconCompact</b><a href="#isIconCompact"><span class="icon ion-ios-link"></span></a></span>
836
- </td>
837
- </tr>
838
-
839
- <tr>
840
- <td class="col-md-4">
841
- <span class="accessor"><b>get</b><code>isIconCompact()</code></span>
842
- </td>
843
- </tr>
844
-
845
- <tr>
846
- <td class="col-md-4">
847
- <span class="accessor"><b>set</b><code>isIconCompact(value: BooleanInput)</code></span>
848
- </td>
849
- </tr>
850
- <tr>
851
- <td class="col-md-4">
852
-
853
- <div class="io-description">
854
- <b>Parameters :</b>
855
- <table class="params">
856
- <thead>
857
- <tr>
858
- <td>Name</td>
859
- <td>Type</td>
860
- <td>Optional</td>
861
- </tr>
862
- </thead>
863
- <tbody>
864
- <tr>
865
- <td>value</td>
866
-
867
- <td>
868
- <code>BooleanInput</code>
869
- </td>
870
-
871
- <td>
872
- No
873
- </td>
874
-
875
- </tr>
876
- </tbody>
877
- </table>
878
- </div>
879
- <div>
880
- </div>
881
- <div class="io-description">
882
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
883
-
884
- </div>
885
- </td>
886
- </tr>
887
- </tbody>
888
- </table>
889
- <table class="table table-sm table-bordered">
890
- <tbody>
891
- <tr>
892
- <td class="col-md-4">
893
- <a name="isClickable"></a>
894
- <span class="name"><b>isClickable</b><a href="#isClickable"><span class="icon ion-ios-link"></span></a></span>
895
- </td>
896
- </tr>
897
-
898
- <tr>
899
- <td class="col-md-4">
900
- <span class="accessor"><b>get</b><code>isClickable()</code></span>
901
- </td>
902
- </tr>
903
-
904
- <tr>
905
- <td class="col-md-4">
906
- <span class="accessor"><b>set</b><code>isClickable(value: BooleanInput)</code></span>
907
- </td>
908
- </tr>
909
- <tr>
910
- <td class="col-md-4">
911
-
912
- <div class="io-description">
913
- <b>Parameters :</b>
914
- <table class="params">
915
- <thead>
916
- <tr>
917
- <td>Name</td>
918
- <td>Type</td>
919
- <td>Optional</td>
920
- </tr>
921
- </thead>
922
- <tbody>
923
- <tr>
924
- <td>value</td>
925
-
926
- <td>
927
- <code>BooleanInput</code>
928
- </td>
929
-
930
- <td>
931
- No
932
- </td>
933
-
934
- </tr>
935
- </tbody>
936
- </table>
937
- </div>
938
- <div>
939
- </div>
940
- <div class="io-description">
941
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
942
-
943
- </div>
944
- </td>
945
- </tr>
946
- </tbody>
947
- </table>
948
- <table class="table table-sm table-bordered">
949
- <tbody>
950
- <tr>
951
- <td class="col-md-4">
952
- <a name="isHorizontalLayout"></a>
953
- <span class="name"><b>isHorizontalLayout</b><a href="#isHorizontalLayout"><span class="icon ion-ios-link"></span></a></span>
954
- </td>
955
- </tr>
956
-
957
- <tr>
958
- <td class="col-md-4">
959
- <span class="accessor"><b>get</b><code>isHorizontalLayout()</code></span>
960
- </td>
961
- </tr>
962
-
963
- <tr>
964
- <td class="col-md-4">
965
- <span class="accessor"><b>set</b><code>isHorizontalLayout(value: BooleanInput)</code></span>
966
- </td>
967
- </tr>
968
- <tr>
969
- <td class="col-md-4">
970
-
971
- <div class="io-description">
972
- <b>Parameters :</b>
973
- <table class="params">
974
- <thead>
975
- <tr>
976
- <td>Name</td>
977
- <td>Type</td>
978
- <td>Optional</td>
979
- </tr>
980
- </thead>
981
- <tbody>
982
- <tr>
983
- <td>value</td>
984
-
985
- <td>
986
- <code>BooleanInput</code>
987
- </td>
988
-
989
- <td>
990
- No
991
- </td>
992
-
993
- </tr>
994
- </tbody>
995
- </table>
996
- </div>
997
- <div>
998
- </div>
999
- <div class="io-description">
1000
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1001
-
1002
- </div>
1003
- </td>
1004
- </tr>
1005
- </tbody>
1006
- </table>
1007
- <table class="table table-sm table-bordered">
1008
- <tbody>
1009
- <tr>
1010
- <td class="col-md-4">
1011
- <a name="stateTypeClass"></a>
1012
- <span class="name"><b>stateTypeClass</b><a href="#stateTypeClass"><span class="icon ion-ios-link"></span></a></span>
758
+ <a name="cssClasses"></a>
759
+ <span class="name"><b>cssClasses</b><a href="#cssClasses"><span class="icon ion-ios-link"></span></a></span>
1013
760
  </td>
1014
761
  </tr>
1015
762
 
1016
763
  <tr>
1017
764
  <td class="col-md-4">
1018
- <span class="accessor"><b>get</b><code>stateTypeClass()</code></span>
765
+ <span class="accessor"><b>get</b><code>cssClasses()</code></span>
1019
766
  </td>
1020
767
  </tr>
1021
768
 
@@ -1036,7 +783,7 @@
1036
783
  <script src="../js/libs/htmlparser.js"></script>
1037
784
  <script src="../js/libs/deep-iterator.js"></script>
1038
785
  <script>
1039
- var COMPONENT_TEMPLATE = '<div><div class="eui-dashboard-card {{ styleClass }} {{ stateTypeClass }}" tabindex="0" [class.row]="isHorizontalLayout" [class.eui-dashboard-card--clickable]="isClickable" [class.eui-dashboard-card--icon-compact]="isIconCompact" [class.eui-dashboard-card--horizontal]="isHorizontalLayout" [class.eui-dashboard-card--horizontal--icon-compact]="isIconCompact && isHorizontalLayout" (click)="onClick($event)" (keydown)="onKeyDown($event.keyCode)" attr.data-e2e="{{ e2eAttr }}"> <div *ngIf="iconClass" [class.col-4]="isHorizontalLayout" class="eui-dashboard-card__icon-container"> <div class="eui-dashboard-card__icon-wrapper eui-dashboard-card__icon-wrapper--{{ iconTypeClass }}"> <span class="{{ iconClass }} eui-icon-fw eui-dashboard-card__icon-wrapper-icon"></span> </div> </div> <div *ngIf="imageUrl" [class.col-4]="isHorizontalLayout" class="eui-dashboard-card__image-container"> <div class="eui-dashboard-card__image-wrapper"> <img [style.height.px]="imageHeight" [style.width.px]="imageWidth" src="{{ imageUrl }}" alt="{{ imageUrl }}" /> </div> </div> <div class="eui-dashboard-card__content-wrapper" [class.col-8]="isHorizontalLayout"> <div class="eui-dashboard-card__content"> <div class="eui-dashboard-card__content-label eui-dashboard-card__content-label--lines-{{ labelMaxLines }}"> {{ label }} </div> <div class="eui-dashboard-card__content-sub-label eui-dashboard-card__content-sub-label--lines-{{ subLabelMaxLines }}"> {{ subLabel }} </div> <div *ngIf="!isClickable" class="eui-dashboard-card__content-link"> <a *ngIf="urlExternal" href="{{ urlExternal }}" target="{{ urlExternalTarget }}" class="eui-button {{ buttonStyleClass }}" tabindex="0" >{{ buttonLinkLabel }}</a > <a *ngIf="url" [routerLink]="[url]" class="eui-button {{ buttonStyleClass }}" tabindex="0">{{ buttonLinkLabel }}</a> </div> </div> </div></div></div>'
786
+ var COMPONENT_TEMPLATE = '<div><ng-container *ngIf="url || urlExternal; else noLink"> <a *ngIf="urlExternal" href="{{ urlExternal }}" target="{{ urlExternalTarget }}" class="eui-dashboard-card__anchor-wrapper"> <ng-container *ngTemplateOutlet="content"></ng-container> </a> <a *ngIf="url" [routerLink]="[url]" class="eui-dashboard-card__anchor-wrapper"> <ng-container *ngTemplateOutlet="content"></ng-container> </a></ng-container><ng-template #noLink> <ng-container *ngTemplateOutlet="content"></ng-container></ng-template><ng-template #content> <div class="eui-dashboard-card__avatar-wrapper" *ngIf="iconSvgName || imageUrl"> <eui-avatar [euiVariant]="baseStatesDirective.euiVariant" [euiSizeVariant]="baseStatesDirective.euiSizeVariant" [isFlat]="isFlatAvatar" [hasNoBackground]="hasNoBackgroundAvatar"> <eui-avatar-icon> <eui-icon-svg *ngIf="iconSvgName" [icon]="iconSvgName" [size]="iconSvgSize"></eui-icon-svg> </eui-avatar-icon> <eui-avatar-image *ngIf="imageUrl" imageUrl="{{ imageUrl }}"></eui-avatar-image> </eui-avatar> </div> <div class="eui-dashboard-card__content-wrapper"> <div class="eui-dashboard-card__label-content"> <eui-label *ngIf="label"> <eui-label class="eui-dashboard-card__label" [ngClass]="subLabel ? \'eui-dashboard-card__label--with-sublabel\' : \'\'">{{ label }}</eui-label> <eui-label class="eui-dashboard-card__sublabel" *ngIf="subLabel" euiSublabel>{{ subLabel }}</eui-label> </eui-label> </div> <div class="eui-dashboard-card__sub-content"> <ng-content></ng-content> </div> </div></ng-template></div>'
1040
787
  var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'CollapsedBreadcrumbComponent', 'selector': 'eui-collapsed-breadcrumb'},{'name': 'EclMessageWcComponent', 'selector': 'ecl-message-wc'},{'name': 'EuiAccessibleButtonIconComponent', 'selector': 'eui-accessible-button-icon'},{'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': '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': 'EuiEclBannerComponent', 'selector': 'eui-ecl-banner'},{'name': 'EuiEclButtonComponent', 'selector': 'button[eclButton], button[ecl-button], a[eclButton]'},{'name': 'EuiEclCarouselComponent', 'selector': 'eui-ecl-carousel'},{'name': 'EuiEclCarouselItemComponent', 'selector': 'eui-ecl-carousel-item, eui-ecl-carousel-item'},{'name': 'EuiEclIconComponent', 'selector': 'eui-ecl-icon'},{'name': 'EuiEclMessageComponent', 'selector': 'eui-ecl-message'},{'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': '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,
1041
788
  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': 'EuiToolbarItemNotificationsComponent', 'selector': 'eui-toolbar-item-notifications'},{'name': 'EuiToolbarItemsComponent', 'selector': 'eui-toolbar-items'},{'name': 'EuiToolbarItemSearchComponent', 'selector': 'eui-toolbar-item-search'},{'name': 'EuiToolbarItemUserProfileComponent', 'selector': 'eui-toolbar-item-user-profile'},{'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'}];
1042
789
  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': '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': 'EuiEclBannerCreditDirective', 'selector': '[euiEclBannerCredit]'},{'name': 'EuiEclBannerDescriptionDirective', 'selector': '[euiEclBannerDescription]'},{'name': 'EuiEclBannerDescriptionTextDirective', 'selector': '[euiEclBannerDescriptionText]'},{'name': 'EuiEclBannerImageDirective', 'selector': 'img[euiEclBannerImage]'},{'name': 'EuiEclBannerPictureDirective', 'selector': 'picture[euiEclBannerPicture]'},{'name': 'EuiEclBannerTitleDirective', 'selector': '[euiEclBannerTitle]'},{'name': 'EuiEclBannerTitleTextDirective', 'selector': '[euiEclBannerTitleText]'},{'name': 'EuiEclBaseDirective', 'selector': '[EuiEclBase]'},{'name': 'EuiEclButtonLabelDirective', 'selector': '[euiEclButtonLabel]'},{'name': 'EuiEclClickOutsideDirective', 'selector': '[euiEclClickOutside]'},{'name': 'EuiEclFileImageDirective', 'selector': 'img[euiEclFileImage]'},{'name': 'EuiEclFilePictureDirective', 'selector': 'picture[euiEclFilePicture]'},{'name': 'EuiEclHiddenDirective', 'selector': '[euiEclHidden]'},{'name': 'EuiEclLabelDirective', 'selector': '[euiEclLabel]'},{'name': 'EuiEclLinkDirective', 'selector': '[euiEclLink]'},{'name': 'EuiEclLinkLabelDirective', 'selector': '[euiEclLinkLabel]'},{'name': 'EuiEclMessageTitleDirective', 'selector': '[euiEclMessageTitle]'},{'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': '