@eui/components 18.0.0-next.21 → 18.0.0-next.22

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 (117) hide show
  1. package/docs/components/EuiAppTopMessageComponent.html +1 -1
  2. package/docs/components/EuiBadgeComponent.html +1 -1
  3. package/docs/components/EuiIconSvgButtonComponent.html +23 -23
  4. package/docs/components/EuiListComponent.html +115 -817
  5. package/docs/components/EuiListItemComponent.html +69 -821
  6. package/docs/components/EuiMenuComponent.html +154 -2
  7. package/docs/components/EuiMenuItemComponent.html +432 -4
  8. package/docs/components/EuiNotificationsComponent.html +1 -1
  9. package/docs/components/EuiNotificationsV2Component.html +1 -1
  10. package/docs/components/EuiSidebarToggleComponent.html +1 -1
  11. package/docs/components/EuiTabsComponent.html +1 -1
  12. package/docs/dependencies.html +1 -1
  13. package/docs/js/search/search_index.js +2 -2
  14. package/esm2022/eui-alert/eui-alert.component.mjs +2 -2
  15. package/esm2022/eui-badge/eui-badge.component.mjs +4 -3
  16. package/esm2022/eui-button/eui-button.component.mjs +2 -2
  17. package/esm2022/eui-button-group/eui-button-group.component.mjs +2 -2
  18. package/esm2022/eui-chip/eui-chip.component.mjs +1 -1
  19. package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +2 -2
  20. package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +2 -2
  21. package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +2 -2
  22. package/esm2022/eui-dropdown/eui-dropdown.component.mjs +3 -3
  23. package/esm2022/eui-fieldset/eui-fieldset.component.mjs +2 -2
  24. package/esm2022/eui-growl/eui-growl.component.mjs +1 -1
  25. package/esm2022/eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.mjs +7 -7
  26. package/esm2022/eui-icon/eui-icon-svg.component.mjs +1 -1
  27. package/esm2022/eui-icon-toggle/eui-icon-toggle.component.mjs +3 -3
  28. package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +2 -2
  29. package/esm2022/eui-input-number/eui-input-number.component.mjs +2 -2
  30. package/esm2022/eui-input-radio/eui-input-radio.component.mjs +2 -2
  31. package/esm2022/eui-input-text/eui-input-text.component.mjs +2 -2
  32. package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +50 -44
  33. package/esm2022/eui-list/eui-list.component.mjs +9 -17
  34. package/esm2022/eui-menu/eui-menu-item.component.mjs +56 -8
  35. package/esm2022/eui-menu/eui-menu.component.mjs +164 -8
  36. package/esm2022/eui-page/eui-page.component.mjs +2 -2
  37. package/esm2022/eui-select/eui-select.component.mjs +2 -2
  38. package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +3 -3
  39. package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +2 -2
  40. package/esm2022/eui-tabs/eui-tabs.component.mjs +3 -3
  41. package/esm2022/eui-textarea/eui-textarea.component.mjs +2 -2
  42. package/esm2022/eui-tree-list/eui-tree-list.component.mjs +2 -2
  43. package/esm2022/externals/eui-editor/eui-editor.component.mjs +2 -2
  44. package/esm2022/layout/eui-app/eui-app-top-message/top-message.component.mjs +3 -3
  45. package/esm2022/layout/eui-language-selector/language-selector.component.mjs +2 -2
  46. package/esm2022/layout/eui-language-selector/modal-selector/modal-selector.component.mjs +2 -2
  47. package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +3 -3
  48. package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +3 -3
  49. package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.component.mjs +3 -3
  50. package/esm2022/layout/eui-user-profile/user-profile.component.mjs +2 -2
  51. package/eui-badge/eui-badge.component.d.ts +1 -1
  52. package/eui-badge/eui-badge.component.d.ts.map +1 -1
  53. package/eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.d.ts +4 -4
  54. package/eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.d.ts.map +1 -1
  55. package/eui-icon/eui-icon-svg.component.d.ts.map +1 -1
  56. package/eui-icon-toggle/eui-icon-toggle.component.d.ts.map +1 -1
  57. package/eui-list/eui-list-item/eui-list-item.component.d.ts +14 -17
  58. package/eui-list/eui-list-item/eui-list-item.component.d.ts.map +1 -1
  59. package/eui-list/eui-list.component.d.ts +3 -6
  60. package/eui-list/eui-list.component.d.ts.map +1 -1
  61. package/eui-menu/eui-menu-item.component.d.ts +17 -5
  62. package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
  63. package/eui-menu/eui-menu.component.d.ts +36 -3
  64. package/eui-menu/eui-menu.component.d.ts.map +1 -1
  65. package/fesm2022/eui-components-eui-alert.mjs +2 -2
  66. package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
  67. package/fesm2022/eui-components-eui-badge.mjs +3 -2
  68. package/fesm2022/eui-components-eui-badge.mjs.map +2 -2
  69. package/fesm2022/eui-components-eui-button-group.mjs +2 -2
  70. package/fesm2022/eui-components-eui-button-group.mjs.map +1 -1
  71. package/fesm2022/eui-components-eui-button.mjs +2 -2
  72. package/fesm2022/eui-components-eui-button.mjs.map +1 -1
  73. package/fesm2022/eui-components-eui-chip.mjs +1 -1
  74. package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
  75. package/fesm2022/eui-components-eui-dashboard-button.mjs +2 -2
  76. package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
  77. package/fesm2022/eui-components-eui-dashboard-card.mjs +2 -2
  78. package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
  79. package/fesm2022/eui-components-eui-dropdown.mjs +4 -4
  80. package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
  81. package/fesm2022/eui-components-eui-fieldset.mjs +2 -2
  82. package/fesm2022/eui-components-eui-fieldset.mjs.map +1 -1
  83. package/fesm2022/eui-components-eui-growl.mjs +1 -1
  84. package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
  85. package/fesm2022/eui-components-eui-icon-toggle.mjs +2 -2
  86. package/fesm2022/eui-components-eui-icon-toggle.mjs.map +2 -2
  87. package/fesm2022/eui-components-eui-icon.mjs +6 -6
  88. package/fesm2022/eui-components-eui-icon.mjs.map +2 -2
  89. package/fesm2022/eui-components-eui-input-checkbox.mjs +2 -2
  90. package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
  91. package/fesm2022/eui-components-eui-input-number.mjs +2 -2
  92. package/fesm2022/eui-components-eui-input-number.mjs.map +1 -1
  93. package/fesm2022/eui-components-eui-input-radio.mjs +2 -2
  94. package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
  95. package/fesm2022/eui-components-eui-input-text.mjs +2 -2
  96. package/fesm2022/eui-components-eui-input-text.mjs.map +1 -1
  97. package/fesm2022/eui-components-eui-list.mjs +58 -57
  98. package/fesm2022/eui-components-eui-list.mjs.map +3 -3
  99. package/fesm2022/eui-components-eui-menu.mjs +227 -40
  100. package/fesm2022/eui-components-eui-menu.mjs.map +3 -3
  101. package/fesm2022/eui-components-eui-page.mjs +2 -2
  102. package/fesm2022/eui-components-eui-page.mjs.map +1 -1
  103. package/fesm2022/eui-components-eui-select.mjs +2 -2
  104. package/fesm2022/eui-components-eui-select.mjs.map +1 -1
  105. package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
  106. package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
  107. package/fesm2022/eui-components-eui-tabs.mjs +4 -4
  108. package/fesm2022/eui-components-eui-tabs.mjs.map +2 -2
  109. package/fesm2022/eui-components-eui-textarea.mjs +2 -2
  110. package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
  111. package/fesm2022/eui-components-eui-tree-list.mjs +2 -2
  112. package/fesm2022/eui-components-eui-tree-list.mjs.map +1 -1
  113. package/fesm2022/eui-components-externals-eui-editor.mjs +2 -2
  114. package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
  115. package/fesm2022/eui-components-layout.mjs +27 -27
  116. package/fesm2022/eui-components-layout.mjs.map +2 -2
  117. package/package.json +9 -9
@@ -117,12 +117,6 @@
117
117
 
118
118
 
119
119
 
120
- <p class="comment">
121
- <h3>Extends</h3>
122
- </p>
123
- <p class="comment">
124
- <code><a href="../directives/BaseDirective.html" target="_self" >BaseDirective</a></code>
125
- </p>
126
120
 
127
121
  <p class="comment">
128
122
  <h3>Implements</h3>
@@ -149,6 +143,14 @@
149
143
  <td class="col-md-9"><code>ViewEncapsulation.None</code></td>
150
144
  </tr>
151
145
 
146
+ <tr>
147
+ <td class="col-md-3">HostDirectives</td>
148
+ <td class="col-md-9">
149
+ <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
150
+ <br/>
151
+ <div><i>&nbsp;Inputs</i> : euiPrimary&nbsp;euiSecondary&nbsp;euiSuccess&nbsp;euiInfo&nbsp;euiWarning&nbsp;euiDanger&nbsp;euiAccent&nbsp;euiVariant&nbsp;</div>
152
+ </td>
153
+ </tr>
152
154
 
153
155
 
154
156
 
@@ -200,6 +202,10 @@
200
202
  <tr>
201
203
  <td class="col-md-4">
202
204
  <ul class="index-list">
205
+ <li>
206
+ <span class="modifier">Public</span>
207
+ <a href="#baseStatesDirective" >baseStatesDirective</a>
208
+ </li>
203
209
  <li>
204
210
  <span class="modifier"></span>
205
211
  <a href="#euiIconSvgComponent" >euiIconSvgComponent</a>
@@ -252,9 +258,6 @@
252
258
  <span class="modifier">Public</span>
253
259
  <a href="#toggleCollapse" >toggleCollapse</a>
254
260
  </li>
255
- <li>
256
- <a href="#getCssClasses" >getCssClasses</a>
257
- </li>
258
261
  </ul>
259
262
  </td>
260
263
  </tr>
@@ -270,101 +273,17 @@
270
273
  <li>
271
274
  <a href="#disabled" >disabled</a>
272
275
  </li>
273
- <li>
274
- <a href="#isActive" >isActive</a>
275
- </li>
276
- <li>
277
- <a href="#isCollapsed" >isCollapsed</a>
278
- </li>
279
- <li>
280
- <a href="#isCollapsible" >isCollapsible</a>
281
- </li>
282
276
  <li>
283
277
  <a href="#e2eAttr" >e2eAttr</a>
284
278
  </li>
285
279
  <li>
286
- <a href="#euiAccent" >euiAccent</a>
287
- </li>
288
- <li>
289
- <a href="#euiClearable" >euiClearable</a>
290
- </li>
291
- <li>
292
- <a href="#euiCompact" >euiCompact</a>
293
- </li>
294
- <li>
295
- <a href="#euiDanger" >euiDanger</a>
296
- </li>
297
- <li>
298
- <a href="#euiDisabled" >euiDisabled</a>
299
- </li>
300
- <li>
301
- <a href="#euiHighlighted" >euiHighlighted</a>
302
- </li>
303
- <li>
304
- <a href="#euiInfo" >euiInfo</a>
305
- </li>
306
- <li>
307
- <a href="#euiLoading" >euiLoading</a>
308
- </li>
309
- <li>
310
- <a href="#euiOutline" >euiOutline</a>
311
- </li>
312
- <li>
313
- <a href="#euiPrimary" >euiPrimary</a>
314
- </li>
315
- <li>
316
- <a href="#euiResponsive" >euiResponsive</a>
317
- </li>
318
- <li>
319
- <a href="#euiRounded" >euiRounded</a>
320
- </li>
321
- <li>
322
- <a href="#euiSecondary" >euiSecondary</a>
323
- </li>
324
- <li>
325
- <a href="#euiSize2XL" >euiSize2XL</a>
326
- </li>
327
- <li>
328
- <a href="#euiSize2XS" >euiSize2XS</a>
329
- </li>
330
- <li>
331
- <a href="#euiSize3XL" >euiSize3XL</a>
332
- </li>
333
- <li>
334
- <a href="#euiSize4XL" >euiSize4XL</a>
335
- </li>
336
- <li>
337
- <a href="#euiSize5XL" >euiSize5XL</a>
338
- </li>
339
- <li>
340
- <a href="#euiSizeL" >euiSizeL</a>
341
- </li>
342
- <li>
343
- <a href="#euiSizeM" >euiSizeM</a>
344
- </li>
345
- <li>
346
- <a href="#euiSizeS" >euiSizeS</a>
347
- </li>
348
- <li>
349
- <a href="#euiSizeVariant" >euiSizeVariant</a>
350
- </li>
351
- <li>
352
- <a href="#euiSizeXL" >euiSizeXL</a>
353
- </li>
354
- <li>
355
- <a href="#euiSizeXS" >euiSizeXS</a>
356
- </li>
357
- <li>
358
- <a href="#euiSuccess" >euiSuccess</a>
359
- </li>
360
- <li>
361
- <a href="#euiVariant" >euiVariant</a>
280
+ <a href="#isActive" >isActive</a>
362
281
  </li>
363
282
  <li>
364
- <a href="#euiWarning" >euiWarning</a>
283
+ <a href="#isCollapsed" >isCollapsed</a>
365
284
  </li>
366
285
  <li>
367
- <a href="#styleClass" >styleClass</a>
286
+ <a href="#isCollapsible" >isCollapsible</a>
368
287
  </li>
369
288
  </ul>
370
289
  </td>
@@ -388,9 +307,6 @@
388
307
  <li>
389
308
  <a href="#class" >class</a>
390
309
  </li>
391
- <li>
392
- <a href="#attr.aria-disabled" >attr.aria-disabled</a>
393
- </li>
394
310
  </ul>
395
311
  </td>
396
312
  </tr>
@@ -407,15 +323,6 @@
407
323
  <li>
408
324
  <a href="#cssClasses" >cssClasses</a>
409
325
  </li>
410
- <li>
411
- <a href="#isCollapsible" >isCollapsible</a>
412
- </li>
413
- <li>
414
- <a href="#isCollapsed" >isCollapsed</a>
415
- </li>
416
- <li>
417
- <a href="#isActive" >isActive</a>
418
- </li>
419
326
  </ul>
420
327
  </td>
421
328
  </tr>
@@ -429,7 +336,7 @@
429
336
  <tbody>
430
337
  <tr>
431
338
  <td class="col-md-4">
432
- <code>constructor(euiListService: <a href="../injectables/EuiListService.html" target="_self">EuiListService</a>, elementRef: ElementRef)</code>
339
+ <code>constructor(baseStatesDirective: <a href="../directives/BaseStatesDirective.html" target="_self">BaseStatesDirective</a>, euiListService: <a href="../injectables/EuiListService.html" target="_self">EuiListService</a>, elementRef: ElementRef)</code>
433
340
  </td>
434
341
  </tr>
435
342
 
@@ -447,10 +354,10 @@
447
354
  </thead>
448
355
  <tbody>
449
356
  <tr>
450
- <td>euiListService</td>
357
+ <td>baseStatesDirective</td>
451
358
 
452
359
  <td>
453
- <code><a href="../injectables/EuiListService.html" target="_self" >EuiListService</a></code>
360
+ <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
454
361
  </td>
455
362
 
456
363
  <td>
@@ -459,10 +366,10 @@
459
366
 
460
367
  </tr>
461
368
  <tr>
462
- <td>elementRef</td>
369
+ <td>euiListService</td>
463
370
 
464
371
  <td>
465
- <code>ElementRef</code>
372
+ <code><a href="../injectables/EuiListService.html" target="_self" >EuiListService</a></code>
466
373
  </td>
467
374
 
468
375
  <td>
@@ -470,402 +377,35 @@
470
377
  </td>
471
378
 
472
379
  </tr>
473
- </tbody>
474
- </table>
475
- </div>
476
- </td>
477
- </tr>
478
- </tbody>
479
- </table>
480
- </section>
481
-
482
- <section data-compodoc="block-inputs">
483
- <h3 id="inputs">Inputs</h3>
484
- <table class="table table-sm table-bordered">
485
- <tbody>
486
- <tr>
487
- <td class="col-md-4">
488
- <a name="disabled"></a>
489
- <b>disabled</b>
490
- </td>
491
- </tr>
492
- <tr>
493
- <td class="col-md-4">
494
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
495
-
496
- </td>
497
- </tr>
498
- <tr>
499
- <td class="col-md-4">
500
- <i>Default value : </i><code>false</code>
501
- </td>
502
- </tr>
503
- <tr>
504
- <td class="col-md-4">
505
- <div class="io-description"><p>Angular CDK ListKeyManagerOption used for skipping items during navigation: More info here: <a href="https://netbasal.com/accessibility-made-easy-with-angular-cdk-1caaf3d98de2">https://netbasal.com/accessibility-made-easy-with-angular-cdk-1caaf3d98de2</a></p>
506
- </div>
507
- </td>
508
- </tr>
509
- </tbody>
510
- </table>
511
- <table class="table table-sm table-bordered">
512
- <tbody>
513
- <tr>
514
- <td class="col-md-4">
515
- <a name="isActive"></a>
516
- <b>isActive</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/boolean" target="_blank" >boolean</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="isCollapsed"></a>
532
- <b>isCollapsed</b>
533
- </td>
534
- </tr>
535
- <tr>
536
- <td class="col-md-4">
537
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
538
-
539
- </td>
540
- </tr>
541
- </tbody>
542
- </table>
543
- <table class="table table-sm table-bordered">
544
- <tbody>
545
- <tr>
546
- <td class="col-md-4">
547
- <a name="isCollapsible"></a>
548
- <b>isCollapsible</b>
549
- </td>
550
- </tr>
551
- <tr>
552
- <td class="col-md-4">
553
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
554
-
555
- </td>
556
- </tr>
557
- </tbody>
558
- </table>
559
- <table class="table table-sm table-bordered">
560
- <tbody>
561
- <tr>
562
- <td class="col-md-4">
563
- <a name="e2eAttr"></a>
564
- <b>e2eAttr</b>
565
- </td>
566
- </tr>
567
- <tr>
568
- <td class="col-md-4">
569
- <i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</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="euiAccent"></a>
580
- <b>euiAccent</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/boolean" target="_blank" >boolean</a></code>
586
-
587
- </td>
588
- </tr>
589
- </tbody>
590
- </table>
591
- <table class="table table-sm table-bordered">
592
- <tbody>
593
- <tr>
594
- <td class="col-md-4">
595
- <a name="euiClearable"></a>
596
- <b>euiClearable</b>
597
- </td>
598
- </tr>
599
- <tr>
600
- <td class="col-md-4">
601
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
602
-
603
- </td>
604
- </tr>
605
- </tbody>
606
- </table>
607
- <table class="table table-sm table-bordered">
608
- <tbody>
609
- <tr>
610
- <td class="col-md-4">
611
- <a name="euiCompact"></a>
612
- <b>euiCompact</b>
613
- </td>
614
- </tr>
615
- <tr>
616
- <td class="col-md-4">
617
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
618
-
619
- </td>
620
- </tr>
621
- </tbody>
622
- </table>
623
- <table class="table table-sm table-bordered">
624
- <tbody>
625
- <tr>
626
- <td class="col-md-4">
627
- <a name="euiDanger"></a>
628
- <b>euiDanger</b>
629
- </td>
630
- </tr>
631
- <tr>
632
- <td class="col-md-4">
633
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
634
-
635
- </td>
636
- </tr>
637
- </tbody>
638
- </table>
639
- <table class="table table-sm table-bordered">
640
- <tbody>
641
- <tr>
642
- <td class="col-md-4">
643
- <a name="euiDisabled"></a>
644
- <b>euiDisabled</b>
645
- </td>
646
- </tr>
647
- <tr>
648
- <td class="col-md-4">
649
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
650
-
651
- </td>
652
- </tr>
653
- </tbody>
654
- </table>
655
- <table class="table table-sm table-bordered">
656
- <tbody>
657
- <tr>
658
- <td class="col-md-4">
659
- <a name="euiHighlighted"></a>
660
- <b>euiHighlighted</b>
661
- </td>
662
- </tr>
663
- <tr>
664
- <td class="col-md-4">
665
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
666
-
667
- </td>
668
- </tr>
669
- </tbody>
670
- </table>
671
- <table class="table table-sm table-bordered">
672
- <tbody>
673
- <tr>
674
- <td class="col-md-4">
675
- <a name="euiInfo"></a>
676
- <b>euiInfo</b>
677
- </td>
678
- </tr>
679
- <tr>
680
- <td class="col-md-4">
681
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
682
-
683
- </td>
684
- </tr>
685
- </tbody>
686
- </table>
687
- <table class="table table-sm table-bordered">
688
- <tbody>
689
- <tr>
690
- <td class="col-md-4">
691
- <a name="euiLoading"></a>
692
- <b>euiLoading</b>
693
- </td>
694
- </tr>
695
- <tr>
696
- <td class="col-md-4">
697
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
698
-
699
- </td>
700
- </tr>
701
- </tbody>
702
- </table>
703
- <table class="table table-sm table-bordered">
704
- <tbody>
705
- <tr>
706
- <td class="col-md-4">
707
- <a name="euiOutline"></a>
708
- <b>euiOutline</b>
709
- </td>
710
- </tr>
711
- <tr>
712
- <td class="col-md-4">
713
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
714
-
715
- </td>
716
- </tr>
717
- </tbody>
718
- </table>
719
- <table class="table table-sm table-bordered">
720
- <tbody>
721
- <tr>
722
- <td class="col-md-4">
723
- <a name="euiPrimary"></a>
724
- <b>euiPrimary</b>
725
- </td>
726
- </tr>
727
- <tr>
728
- <td class="col-md-4">
729
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
730
-
731
- </td>
732
- </tr>
733
- </tbody>
734
- </table>
735
- <table class="table table-sm table-bordered">
736
- <tbody>
737
- <tr>
738
- <td class="col-md-4">
739
- <a name="euiResponsive"></a>
740
- <b>euiResponsive</b>
741
- </td>
742
- </tr>
743
- <tr>
744
- <td class="col-md-4">
745
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
746
-
747
- </td>
748
- </tr>
749
- </tbody>
750
- </table>
751
- <table class="table table-sm table-bordered">
752
- <tbody>
753
- <tr>
754
- <td class="col-md-4">
755
- <a name="euiRounded"></a>
756
- <b>euiRounded</b>
757
- </td>
758
- </tr>
759
- <tr>
760
- <td class="col-md-4">
761
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
762
-
763
- </td>
764
- </tr>
765
- </tbody>
766
- </table>
767
- <table class="table table-sm table-bordered">
768
- <tbody>
769
- <tr>
770
- <td class="col-md-4">
771
- <a name="euiSecondary"></a>
772
- <b>euiSecondary</b>
773
- </td>
774
- </tr>
775
- <tr>
776
- <td class="col-md-4">
777
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
778
-
779
- </td>
780
- </tr>
781
- </tbody>
782
- </table>
783
- <table class="table table-sm table-bordered">
784
- <tbody>
785
- <tr>
786
- <td class="col-md-4">
787
- <a name="euiSize2XL"></a>
788
- <b>euiSize2XL</b>
789
- </td>
790
- </tr>
791
- <tr>
792
- <td class="col-md-4">
793
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
794
-
795
- </td>
796
- </tr>
797
- </tbody>
798
- </table>
799
- <table class="table table-sm table-bordered">
800
- <tbody>
801
- <tr>
802
- <td class="col-md-4">
803
- <a name="euiSize2XS"></a>
804
- <b>euiSize2XS</b>
805
- </td>
806
- </tr>
807
- <tr>
808
- <td class="col-md-4">
809
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
810
-
811
- </td>
812
- </tr>
813
- </tbody>
814
- </table>
815
- <table class="table table-sm table-bordered">
816
- <tbody>
817
- <tr>
818
- <td class="col-md-4">
819
- <a name="euiSize3XL"></a>
820
- <b>euiSize3XL</b>
821
- </td>
822
- </tr>
823
- <tr>
824
- <td class="col-md-4">
825
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
826
-
827
- </td>
828
- </tr>
829
- </tbody>
830
- </table>
831
- <table class="table table-sm table-bordered">
832
- <tbody>
833
- <tr>
834
- <td class="col-md-4">
835
- <a name="euiSize4XL"></a>
836
- <b>euiSize4XL</b>
837
- </td>
838
- </tr>
839
- <tr>
840
- <td class="col-md-4">
841
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
842
-
380
+ <tr>
381
+ <td>elementRef</td>
382
+
383
+ <td>
384
+ <code>ElementRef</code>
385
+ </td>
386
+
387
+ <td>
388
+ No
389
+ </td>
390
+
391
+ </tr>
392
+ </tbody>
393
+ </table>
394
+ </div>
843
395
  </td>
844
396
  </tr>
845
397
  </tbody>
846
398
  </table>
847
- <table class="table table-sm table-bordered">
848
- <tbody>
849
- <tr>
850
- <td class="col-md-4">
851
- <a name="euiSize5XL"></a>
852
- <b>euiSize5XL</b>
853
- </td>
854
- </tr>
855
- <tr>
856
- <td class="col-md-4">
857
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
399
+ </section>
858
400
 
859
- </td>
860
- </tr>
861
- </tbody>
862
- </table>
401
+ <section data-compodoc="block-inputs">
402
+ <h3 id="inputs">Inputs</h3>
863
403
  <table class="table table-sm table-bordered">
864
404
  <tbody>
865
405
  <tr>
866
406
  <td class="col-md-4">
867
- <a name="euiSizeL"></a>
868
- <b>euiSizeL</b>
407
+ <a name="disabled"></a>
408
+ <b>disabled</b>
869
409
  </td>
870
410
  </tr>
871
411
  <tr>
@@ -874,20 +414,9 @@
874
414
 
875
415
  </td>
876
416
  </tr>
877
- </tbody>
878
- </table>
879
- <table class="table table-sm table-bordered">
880
- <tbody>
881
- <tr>
882
- <td class="col-md-4">
883
- <a name="euiSizeM"></a>
884
- <b>euiSizeM</b>
885
- </td>
886
- </tr>
887
417
  <tr>
888
418
  <td class="col-md-4">
889
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
890
-
419
+ <i>Default value : </i><code>false</code>
891
420
  </td>
892
421
  </tr>
893
422
  </tbody>
@@ -896,30 +425,19 @@
896
425
  <tbody>
897
426
  <tr>
898
427
  <td class="col-md-4">
899
- <a name="euiSizeS"></a>
900
- <b>euiSizeS</b>
428
+ <a name="e2eAttr"></a>
429
+ <b>e2eAttr</b>
901
430
  </td>
902
431
  </tr>
903
432
  <tr>
904
433
  <td class="col-md-4">
905
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
434
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
906
435
 
907
436
  </td>
908
437
  </tr>
909
- </tbody>
910
- </table>
911
- <table class="table table-sm table-bordered">
912
- <tbody>
913
- <tr>
914
- <td class="col-md-4">
915
- <a name="euiSizeVariant"></a>
916
- <b>euiSizeVariant</b>
917
- </td>
918
- </tr>
919
438
  <tr>
920
439
  <td class="col-md-4">
921
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
922
-
440
+ <i>Default value : </i><code>&#x27;eui-list-item&#x27;</code>
923
441
  </td>
924
442
  </tr>
925
443
  </tbody>
@@ -928,8 +446,8 @@
928
446
  <tbody>
929
447
  <tr>
930
448
  <td class="col-md-4">
931
- <a name="euiSizeXL"></a>
932
- <b>euiSizeXL</b>
449
+ <a name="isActive"></a>
450
+ <b>isActive</b>
933
451
  </td>
934
452
  </tr>
935
453
  <tr>
@@ -938,20 +456,9 @@
938
456
 
939
457
  </td>
940
458
  </tr>
941
- </tbody>
942
- </table>
943
- <table class="table table-sm table-bordered">
944
- <tbody>
945
- <tr>
946
- <td class="col-md-4">
947
- <a name="euiSizeXS"></a>
948
- <b>euiSizeXS</b>
949
- </td>
950
- </tr>
951
459
  <tr>
952
460
  <td class="col-md-4">
953
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
954
-
461
+ <i>Default value : </i><code>false</code>
955
462
  </td>
956
463
  </tr>
957
464
  </tbody>
@@ -960,8 +467,8 @@
960
467
  <tbody>
961
468
  <tr>
962
469
  <td class="col-md-4">
963
- <a name="euiSuccess"></a>
964
- <b>euiSuccess</b>
470
+ <a name="isCollapsed"></a>
471
+ <b>isCollapsed</b>
965
472
  </td>
966
473
  </tr>
967
474
  <tr>
@@ -970,20 +477,9 @@
970
477
 
971
478
  </td>
972
479
  </tr>
973
- </tbody>
974
- </table>
975
- <table class="table table-sm table-bordered">
976
- <tbody>
977
- <tr>
978
- <td class="col-md-4">
979
- <a name="euiVariant"></a>
980
- <b>euiVariant</b>
981
- </td>
982
- </tr>
983
480
  <tr>
984
481
  <td class="col-md-4">
985
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
986
-
482
+ <i>Default value : </i><code>true</code>
987
483
  </td>
988
484
  </tr>
989
485
  </tbody>
@@ -992,8 +488,8 @@
992
488
  <tbody>
993
489
  <tr>
994
490
  <td class="col-md-4">
995
- <a name="euiWarning"></a>
996
- <b>euiWarning</b>
491
+ <a name="isCollapsible"></a>
492
+ <b>isCollapsible</b>
997
493
  </td>
998
494
  </tr>
999
495
  <tr>
@@ -1002,20 +498,9 @@
1002
498
 
1003
499
  </td>
1004
500
  </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="styleClass"></a>
1012
- <b>styleClass</b>
1013
- </td>
1014
- </tr>
1015
501
  <tr>
1016
502
  <td class="col-md-4">
1017
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1018
-
503
+ <i>Default value : </i><code>false</code>
1019
504
  </td>
1020
505
  </tr>
1021
506
  </tbody>
@@ -1094,27 +579,6 @@
1094
579
  </tr>
1095
580
 
1096
581
 
1097
- </tbody>
1098
- </table>
1099
- <table class="table table-sm table-bordered">
1100
- <tbody>
1101
- <tr>
1102
- <td class="col-md-4">
1103
- <a name="attr.aria-disabled"></a>
1104
- <span class="name">
1105
- <span ><b>attr.aria-disabled</b></span>
1106
- <a href="#attr.aria-disabled"><span class="icon ion-ios-link"></span></a>
1107
- </span>
1108
- </td>
1109
- </tr>
1110
- <tr>
1111
- <td class="col-md-4">
1112
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1113
-
1114
- </td>
1115
- </tr>
1116
-
1117
-
1118
582
  </tbody>
1119
583
  </table>
1120
584
  </section>
@@ -1320,73 +784,34 @@
1320
784
  </tr>
1321
785
  </tbody>
1322
786
  </table>
787
+ </section>
788
+ <section data-compodoc="block-properties">
789
+
790
+ <h3 id="inputs">
791
+ Properties
792
+ </h3>
1323
793
  <table class="table table-sm table-bordered">
1324
794
  <tbody>
1325
795
  <tr>
1326
796
  <td class="col-md-4">
1327
- <a name="getCssClasses"></a>
797
+ <a name="baseStatesDirective"></a>
1328
798
  <span class="name">
1329
- <span ><b>getCssClasses</b></span>
1330
- <a href="#getCssClasses"><span class="icon ion-ios-link"></span></a>
799
+ <span class="modifier">Public</span>
800
+ <span ><b>baseStatesDirective</b></span>
801
+ <a href="#baseStatesDirective"><span class="icon ion-ios-link"></span></a>
1331
802
  </span>
1332
803
  </td>
1333
804
  </tr>
1334
- <tr>
1335
- <td class="col-md-4">
1336
- <code>getCssClasses(rootClass: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
1337
- </td>
1338
- </tr>
1339
-
1340
-
1341
-
1342
-
1343
- <tr>
1344
- <td class="col-md-4">
1345
-
1346
- <div class="io-description">
1347
- <b>Parameters :</b>
1348
-
1349
- <table class="params">
1350
- <thead>
1351
- <tr>
1352
- <td>Name</td>
1353
- <td>Type</td>
1354
- <td>Optional</td>
1355
- </tr>
1356
- </thead>
1357
- <tbody>
1358
- <tr>
1359
- <td>rootClass</td>
1360
- <td>
1361
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1362
- </td>
1363
-
1364
- <td>
1365
- No
1366
- </td>
805
+ <tr>
806
+ <td class="col-md-4">
807
+ <i>Type : </i> <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
1367
808
 
809
+ </td>
810
+ </tr>
1368
811
 
1369
- </tr>
1370
- </tbody>
1371
- </table>
1372
- </div>
1373
- <div class="io-description">
1374
- <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1375
812
 
1376
- </div>
1377
- <div class="io-description">
1378
-
1379
- </div>
1380
- </td>
1381
- </tr>
1382
813
  </tbody>
1383
814
  </table>
1384
- </section>
1385
- <section data-compodoc="block-properties">
1386
-
1387
- <h3 id="inputs">
1388
- Properties
1389
- </h3>
1390
815
  <table class="table table-sm table-bordered">
1391
816
  <tbody>
1392
817
  <tr>
@@ -1575,183 +1000,6 @@
1575
1000
 
1576
1001
  </tbody>
1577
1002
  </table>
1578
- <table class="table table-sm table-bordered">
1579
- <tbody>
1580
- <tr>
1581
- <td class="col-md-4">
1582
- <a name="isCollapsible"></a>
1583
- <span class="name"><b>isCollapsible</b><a href="#isCollapsible"><span class="icon ion-ios-link"></span></a></span>
1584
- </td>
1585
- </tr>
1586
-
1587
- <tr>
1588
- <td class="col-md-4">
1589
- <span class="accessor"><b>get</b><code>isCollapsible()</code></span>
1590
- </td>
1591
- </tr>
1592
-
1593
- <tr>
1594
- <td class="col-md-4">
1595
- <span class="accessor"><b>set</b><code>isCollapsible(value: BooleanInput)</code></span>
1596
- </td>
1597
- </tr>
1598
- <tr>
1599
- <td class="col-md-4">
1600
-
1601
- <div class="io-description">
1602
- <b>Parameters :</b>
1603
- <table class="params">
1604
- <thead>
1605
- <tr>
1606
- <td>Name</td>
1607
- <td>Type</td>
1608
- <td>Optional</td>
1609
- </tr>
1610
- </thead>
1611
- <tbody>
1612
- <tr>
1613
- <td>value</td>
1614
-
1615
- <td>
1616
- <code>BooleanInput</code>
1617
- </td>
1618
-
1619
- <td>
1620
- No
1621
- </td>
1622
-
1623
- </tr>
1624
- </tbody>
1625
- </table>
1626
- </div>
1627
- <div>
1628
- </div>
1629
- <div class="io-description">
1630
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1631
-
1632
- </div>
1633
- </td>
1634
- </tr>
1635
- </tbody>
1636
- </table>
1637
- <table class="table table-sm table-bordered">
1638
- <tbody>
1639
- <tr>
1640
- <td class="col-md-4">
1641
- <a name="isCollapsed"></a>
1642
- <span class="name"><b>isCollapsed</b><a href="#isCollapsed"><span class="icon ion-ios-link"></span></a></span>
1643
- </td>
1644
- </tr>
1645
-
1646
- <tr>
1647
- <td class="col-md-4">
1648
- <span class="accessor"><b>get</b><code>isCollapsed()</code></span>
1649
- </td>
1650
- </tr>
1651
-
1652
- <tr>
1653
- <td class="col-md-4">
1654
- <span class="accessor"><b>set</b><code>isCollapsed(value: BooleanInput)</code></span>
1655
- </td>
1656
- </tr>
1657
- <tr>
1658
- <td class="col-md-4">
1659
-
1660
- <div class="io-description">
1661
- <b>Parameters :</b>
1662
- <table class="params">
1663
- <thead>
1664
- <tr>
1665
- <td>Name</td>
1666
- <td>Type</td>
1667
- <td>Optional</td>
1668
- </tr>
1669
- </thead>
1670
- <tbody>
1671
- <tr>
1672
- <td>value</td>
1673
-
1674
- <td>
1675
- <code>BooleanInput</code>
1676
- </td>
1677
-
1678
- <td>
1679
- No
1680
- </td>
1681
-
1682
- </tr>
1683
- </tbody>
1684
- </table>
1685
- </div>
1686
- <div>
1687
- </div>
1688
- <div class="io-description">
1689
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1690
-
1691
- </div>
1692
- </td>
1693
- </tr>
1694
- </tbody>
1695
- </table>
1696
- <table class="table table-sm table-bordered">
1697
- <tbody>
1698
- <tr>
1699
- <td class="col-md-4">
1700
- <a name="isActive"></a>
1701
- <span class="name"><b>isActive</b><a href="#isActive"><span class="icon ion-ios-link"></span></a></span>
1702
- </td>
1703
- </tr>
1704
-
1705
- <tr>
1706
- <td class="col-md-4">
1707
- <span class="accessor"><b>get</b><code>isActive()</code></span>
1708
- </td>
1709
- </tr>
1710
-
1711
- <tr>
1712
- <td class="col-md-4">
1713
- <span class="accessor"><b>set</b><code>isActive(value: BooleanInput)</code></span>
1714
- </td>
1715
- </tr>
1716
- <tr>
1717
- <td class="col-md-4">
1718
-
1719
- <div class="io-description">
1720
- <b>Parameters :</b>
1721
- <table class="params">
1722
- <thead>
1723
- <tr>
1724
- <td>Name</td>
1725
- <td>Type</td>
1726
- <td>Optional</td>
1727
- </tr>
1728
- </thead>
1729
- <tbody>
1730
- <tr>
1731
- <td>value</td>
1732
-
1733
- <td>
1734
- <code>BooleanInput</code>
1735
- </td>
1736
-
1737
- <td>
1738
- No
1739
- </td>
1740
-
1741
- </tr>
1742
- </tbody>
1743
- </table>
1744
- </div>
1745
- <div>
1746
- </div>
1747
- <div class="io-description">
1748
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1749
-
1750
- </div>
1751
- </td>
1752
- </tr>
1753
- </tbody>
1754
- </table>
1755
1003
  </section>
1756
1004
  </div>
1757
1005