@eui/components 19.0.4-snapshot-1738753092246 → 19.0.4

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/EuiAlertComponent.html +129 -0
  2. package/docs/components/EuiAlertTitleComponent.html +12 -0
  3. package/docs/components/EuiChipComponent.html +108 -1
  4. package/docs/components/EuiPaginatorComponent.html +204 -0
  5. package/docs/dependencies.html +2 -2
  6. package/docs/js/menu-wc.js +12 -12
  7. package/docs/js/menu-wc_es5.js +1 -1
  8. package/docs/js/search/search_index.js +2 -2
  9. package/docs/modules/EuiAlertModule.html +11 -0
  10. package/docs/modules/EuiChipModule.html +11 -0
  11. package/docs/modules/EuiPaginatorModule.html +11 -0
  12. package/eui-alert/components/eui-alert-title.component.d.ts +1 -0
  13. package/eui-alert/components/eui-alert-title.component.d.ts.map +1 -1
  14. package/eui-alert/eui-alert.component.d.ts +74 -0
  15. package/eui-alert/eui-alert.component.d.ts.map +1 -1
  16. package/eui-alert/eui-alert.module.d.ts +12 -0
  17. package/eui-alert/eui-alert.module.d.ts.map +1 -1
  18. package/eui-chip/eui-chip.component.d.ts +71 -0
  19. package/eui-chip/eui-chip.component.d.ts.map +1 -1
  20. package/eui-chip/eui-chip.module.d.ts +12 -0
  21. package/eui-chip/eui-chip.module.d.ts.map +1 -1
  22. package/eui-paginator/eui-paginator.component.d.ts +148 -4
  23. package/eui-paginator/eui-paginator.component.d.ts.map +1 -1
  24. package/eui-paginator/eui-paginator.module.d.ts +12 -0
  25. package/eui-paginator/eui-paginator.module.d.ts.map +1 -1
  26. package/eui-timepicker/eui-timepicker.component.d.ts.map +1 -1
  27. package/fesm2022/eui-components-eui-alert.mjs +84 -2
  28. package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
  29. package/fesm2022/eui-components-eui-chip.mjs +74 -0
  30. package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
  31. package/fesm2022/eui-components-eui-date-range-selector.mjs +4 -4
  32. package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
  33. package/fesm2022/eui-components-eui-paginator.mjs +152 -5
  34. package/fesm2022/eui-components-eui-paginator.mjs.map +1 -1
  35. package/fesm2022/eui-components-eui-timepicker.mjs +35 -28
  36. package/fesm2022/eui-components-eui-timepicker.mjs.map +1 -1
  37. package/package.json +4 -4
@@ -109,6 +109,34 @@
109
109
  </p>
110
110
 
111
111
 
112
+ <p class="comment">
113
+ <h3>Description</h3>
114
+ </p>
115
+ <p class="comment">
116
+ <p>The eui-paginator component is in charge of the pagination by splitting up content or data into several pages and adding visual controls for better user experience like:</p>
117
+ <ul>
118
+ <li>identifying the current page : clearly identify which page the user is on by displaying the current page number.</li>
119
+ <li>providing context into how many pages there are in total : can help provide clarity around the data displayed.</li>
120
+ <li>providing various options for navigating : previous and next chevrons or links are the most useful way for the user to move forward or backward through pages of data.</li>
121
+ <li>items per page : allows to select the amount of data displayed per page.</li>
122
+ </ul>
123
+ <p> Best practices &amp; Usage
124
+ Generally, pagination is recommended to be used if there are more than 25 items displayed in one view. The default number of displayed items may vary depending on the context.</p>
125
+ <p>The main benefits of using pagination :</p>
126
+ <ul>
127
+ <li>delivers structure and feedback over the displayed data</li>
128
+ <li>supports embedded navigation (and in particular back and forward, first and last)</li>
129
+ <li>pagination is accessible (see A11Y)</li>
130
+ <li>pagination typically means smaller, shorter pages and as a result reduced load times</li>
131
+ <li>compared to infinite scroll display, it helps to focus the user&#39;s mind and not continue to offer more and more choices.</li>
132
+ </ul>
133
+ <b>Example :</b><div><pre class="line-numbers"><code class="language-html">```typescript
134
+ public dataSource: any[] = [
135
+ { id: 0 },
136
+ ];</code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-none">```html
137
+ &lt;eui-paginator [length]=&quot;dataSource.length&quot;&gt;&lt;/eui-paginator&gt;</code></pre></div><p>See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-paginator">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-paginator</a>.</p>
138
+
139
+ </p>
112
140
 
113
141
 
114
142
  <p class="comment">
@@ -439,6 +467,12 @@
439
467
  <i>Default value : </i><code>&#x27;eui-paginator&#x27;</code>
440
468
  </td>
441
469
  </tr>
470
+ <tr>
471
+ <td class="col-md-4">
472
+ <div class="io-description"><p>Sets the <code>data-e2e</code> attribute for the host element.</p>
473
+ </div>
474
+ </td>
475
+ </tr>
442
476
  </tbody>
443
477
  </table>
444
478
  <table class="table table-sm table-bordered">
@@ -460,6 +494,12 @@
460
494
  <i>Default value : </i><code>false</code>
461
495
  </td>
462
496
  </tr>
497
+ <tr>
498
+ <td class="col-md-4">
499
+ <div class="io-description"><p>Wheter the datasource length is dynamic or not.</p>
500
+ </div>
501
+ </td>
502
+ </tr>
463
503
  </tbody>
464
504
  </table>
465
505
  <table class="table table-sm table-bordered">
@@ -481,6 +521,12 @@
481
521
  <i>Default value : </i><code>false</code>
482
522
  </td>
483
523
  </tr>
524
+ <tr>
525
+ <td class="col-md-4">
526
+ <div class="io-description"><p>Wheter the page number are displayed or not.</p>
527
+ </div>
528
+ </td>
529
+ </tr>
484
530
  </tbody>
485
531
  </table>
486
532
  <table class="table table-sm table-bordered">
@@ -502,6 +548,12 @@
502
548
  <i>Default value : </i><code>true</code>
503
549
  </td>
504
550
  </tr>
551
+ <tr>
552
+ <td class="col-md-4">
553
+ <div class="io-description"><p>Wheter the page size is displayed or not. Default: true.</p>
554
+ </div>
555
+ </td>
556
+ </tr>
505
557
  </tbody>
506
558
  </table>
507
559
  <table class="table table-sm table-bordered">
@@ -523,6 +575,13 @@
523
575
  <i>Default value : </i><code>false</code>
524
576
  </td>
525
577
  </tr>
578
+ <tr>
579
+ <td class="col-md-4">
580
+ <div class="io-description"><p>Wheter the paginator is in basic mode or not.
581
+ In this mode, the paginator will only display the previous and next buttons.</p>
582
+ </div>
583
+ </td>
584
+ </tr>
526
585
  </tbody>
527
586
  </table>
528
587
  <table class="table table-sm table-bordered">
@@ -544,6 +603,12 @@
544
603
  <i>Default value : </i><code>false</code>
545
604
  </td>
546
605
  </tr>
606
+ <tr>
607
+ <td class="col-md-4">
608
+ <div class="io-description"><p>Wheter the paginator is hidden or not.</p>
609
+ </div>
610
+ </td>
611
+ </tr>
547
612
  </tbody>
548
613
  </table>
549
614
  <table class="table table-sm table-bordered">
@@ -565,6 +630,12 @@
565
630
  <i>Default value : </i><code>0</code>
566
631
  </td>
567
632
  </tr>
633
+ <tr>
634
+ <td class="col-md-4">
635
+ <div class="io-description"><p>Sets the total number of items.</p>
636
+ </div>
637
+ </td>
638
+ </tr>
568
639
  </tbody>
569
640
  </table>
570
641
  <table class="table table-sm table-bordered">
@@ -586,6 +657,12 @@
586
657
  <i>Default value : </i><code>5</code>
587
658
  </td>
588
659
  </tr>
660
+ <tr>
661
+ <td class="col-md-4">
662
+ <div class="io-description"><p>In combination with <code>hasPageNumberNavigation</code>, sets the number of page numbers displayed in the paginator.</p>
663
+ </div>
664
+ </td>
665
+ </tr>
589
666
  </tbody>
590
667
  </table>
591
668
  <table class="table table-sm table-bordered">
@@ -607,6 +684,12 @@
607
684
  <i>Default value : </i><code>0</code>
608
685
  </td>
609
686
  </tr>
687
+ <tr>
688
+ <td class="col-md-4">
689
+ <div class="io-description"><p>Sets the current page number.</p>
690
+ </div>
691
+ </td>
692
+ </tr>
610
693
  </tbody>
611
694
  </table>
612
695
  <table class="table table-sm table-bordered">
@@ -628,6 +711,12 @@
628
711
  <i>Default value : </i><code>10</code>
629
712
  </td>
630
713
  </tr>
714
+ <tr>
715
+ <td class="col-md-4">
716
+ <div class="io-description"><p>Sets the number of items displayed in the page.</p>
717
+ </div>
718
+ </td>
719
+ </tr>
631
720
  </tbody>
632
721
  </table>
633
722
  <table class="table table-sm table-bordered">
@@ -649,6 +738,12 @@
649
738
  <i>Default value : </i><code>[5, 10, 25, 50, 100]</code>
650
739
  </td>
651
740
  </tr>
741
+ <tr>
742
+ <td class="col-md-4">
743
+ <div class="io-description"><p>Sets the page size options that will be displayed in the dropdown.</p>
744
+ </div>
745
+ </td>
746
+ </tr>
652
747
  </tbody>
653
748
  </table>
654
749
  </section>
@@ -668,6 +763,12 @@
668
763
 
669
764
  </td>
670
765
  </tr>
766
+ <tr>
767
+ <td class="col-md-4">
768
+ <div class="io-description"><p>Event emitted when the page has changed.</p>
769
+ </div>
770
+ </td>
771
+ </tr>
671
772
  </tbody>
672
773
  </table>
673
774
  </section>
@@ -690,6 +791,12 @@
690
791
  </td>
691
792
  </tr>
692
793
 
794
+ <tr>
795
+ <td class="col-md-4">
796
+ <div class="io-description"><p>Sets the <code>class</code> attribute for the host element.</p>
797
+ </div>
798
+ </td>
799
+ </tr>
693
800
 
694
801
  </tbody>
695
802
  </table>
@@ -725,6 +832,8 @@
725
832
 
726
833
  <tr>
727
834
  <td class="col-md-4">
835
+ <div class="io-description"><p>Changes the page size by the one provided as parameter.</p>
836
+ </div>
728
837
 
729
838
  <div class="io-description">
730
839
  <b>Parameters :</b>
@@ -735,6 +844,7 @@
735
844
  <td>Name</td>
736
845
  <td>Type</td>
737
846
  <td>Optional</td>
847
+ <td>Description</td>
738
848
  </tr>
739
849
  </thead>
740
850
  <tbody>
@@ -749,6 +859,10 @@
749
859
  </td>
750
860
 
751
861
 
862
+ <td>
863
+ <p>New page size.</p>
864
+
865
+ </td>
752
866
  </tr>
753
867
  </tbody>
754
868
  </table>
@@ -833,6 +947,8 @@
833
947
 
834
948
 
835
949
  <td>
950
+ <p><code>emitEvent</code>: When true or not provided, event is emitted. When false, no events are emitted</p>
951
+
836
952
  </td>
837
953
  </tr>
838
954
  </tbody>
@@ -873,6 +989,8 @@
873
989
 
874
990
  <tr>
875
991
  <td class="col-md-4">
992
+ <div class="io-description"><p>Calculates the range of items displayed in the paginator.</p>
993
+ </div>
876
994
 
877
995
  <div class="io-description">
878
996
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
@@ -906,6 +1024,9 @@
906
1024
 
907
1025
  <tr>
908
1026
  <td class="col-md-4">
1027
+ <div class="io-description"><p>Sets the page number to 0 (first page).</p>
1028
+ <p><code>emitEvent</code>: When true or not provided, event is emitted. When false, no events are emitted</p>
1029
+ </div>
909
1030
 
910
1031
  <div class="io-description">
911
1032
  <b>Parameters :</b>
@@ -916,6 +1037,7 @@
916
1037
  <td>Name</td>
917
1038
  <td>Type</td>
918
1039
  <td>Optional</td>
1040
+ <td>Description</td>
919
1041
  </tr>
920
1042
  </thead>
921
1043
  <tbody>
@@ -930,6 +1052,10 @@
930
1052
  </td>
931
1053
 
932
1054
 
1055
+ <td>
1056
+ <p><code>emitEvent</code>: When true or not provided, event is emitted. When false, no events are emitted</p>
1057
+
1058
+ </td>
933
1059
  </tr>
934
1060
  </tbody>
935
1061
  </table>
@@ -969,6 +1095,8 @@
969
1095
 
970
1096
  <tr>
971
1097
  <td class="col-md-4">
1098
+ <div class="io-description"><p>Sets the page number to last page.</p>
1099
+ </div>
972
1100
 
973
1101
  <div class="io-description">
974
1102
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
@@ -1002,6 +1130,8 @@
1002
1130
 
1003
1131
  <tr>
1004
1132
  <td class="col-md-4">
1133
+ <div class="io-description"><p>Sets the page number to current + 1.</p>
1134
+ </div>
1005
1135
 
1006
1136
  <div class="io-description">
1007
1137
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
@@ -1035,6 +1165,8 @@
1035
1165
 
1036
1166
  <tr>
1037
1167
  <td class="col-md-4">
1168
+ <div class="io-description"><p>Sets the page number to current - 1.</p>
1169
+ </div>
1038
1170
 
1039
1171
  <div class="io-description">
1040
1172
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
@@ -1068,6 +1200,9 @@
1068
1200
 
1069
1201
  <tr>
1070
1202
  <td class="col-md-4">
1203
+ <div class="io-description"><p>Sets the page number to the one provided as parameter.</p>
1204
+ <p><code>emitEvent</code>: When true or not provided, event is emitted. When false, no events are emitted</p>
1205
+ </div>
1071
1206
 
1072
1207
  <div class="io-description">
1073
1208
  <b>Parameters :</b>
@@ -1078,6 +1213,7 @@
1078
1213
  <td>Name</td>
1079
1214
  <td>Type</td>
1080
1215
  <td>Optional</td>
1216
+ <td>Description</td>
1081
1217
  </tr>
1082
1218
  </thead>
1083
1219
  <tbody>
@@ -1092,6 +1228,10 @@
1092
1228
  </td>
1093
1229
 
1094
1230
 
1231
+ <td>
1232
+ <p>New page</p>
1233
+
1234
+ </td>
1095
1235
  </tr>
1096
1236
  <tr>
1097
1237
  <td>options</td>
@@ -1104,6 +1244,10 @@
1104
1244
  </td>
1105
1245
 
1106
1246
 
1247
+ <td>
1248
+ <p><code>emitEvent</code>: When true or not provided, event is emitted. When false, no events are emitted</p>
1249
+
1250
+ </td>
1107
1251
  </tr>
1108
1252
  </tbody>
1109
1253
  </table>
@@ -1143,6 +1287,8 @@
1143
1287
 
1144
1288
  <tr>
1145
1289
  <td class="col-md-4">
1290
+ <div class="io-description"><p>Gives new value to the length of the datasource.</p>
1291
+ </div>
1146
1292
 
1147
1293
  <div class="io-description">
1148
1294
  <b>Parameters :</b>
@@ -1206,6 +1352,8 @@
1206
1352
 
1207
1353
  <tr>
1208
1354
  <td class="col-md-4">
1355
+ <div class="io-description"><p>Gives new values to page number, page size and number of pages.</p>
1356
+ </div>
1209
1357
 
1210
1358
  <div class="io-description">
1211
1359
  <b>Parameters :</b>
@@ -1297,6 +1445,12 @@
1297
1445
  </td>
1298
1446
  </tr>
1299
1447
 
1448
+ <tr>
1449
+ <td class="col-md-4">
1450
+ <div class="io-description"><p>Observable that emits the length of the datasource</p>
1451
+ </div>
1452
+ </td>
1453
+ </tr>
1300
1454
 
1301
1455
  </tbody>
1302
1456
  </table>
@@ -1319,6 +1473,12 @@
1319
1473
  </td>
1320
1474
  </tr>
1321
1475
 
1476
+ <tr>
1477
+ <td class="col-md-4">
1478
+ <div class="io-description"><p>The number of pages.</p>
1479
+ </div>
1480
+ </td>
1481
+ </tr>
1322
1482
 
1323
1483
  </tbody>
1324
1484
  </table>
@@ -1346,6 +1506,12 @@
1346
1506
  </td>
1347
1507
  </tr>
1348
1508
 
1509
+ <tr>
1510
+ <td class="col-md-4">
1511
+ <div class="io-description"><p>Observable that emits the current page number, the page size and the number of pages.</p>
1512
+ </div>
1513
+ </td>
1514
+ </tr>
1349
1515
 
1350
1516
  </tbody>
1351
1517
  </table>
@@ -1368,6 +1534,12 @@
1368
1534
  </td>
1369
1535
  </tr>
1370
1536
 
1537
+ <tr>
1538
+ <td class="col-md-4">
1539
+ <div class="io-description"><p>The range of items displayed in the paginator.</p>
1540
+ </div>
1541
+ </td>
1542
+ </tr>
1371
1543
 
1372
1544
  </tbody>
1373
1545
  </table>
@@ -1390,6 +1562,12 @@
1390
1562
  </td>
1391
1563
  </tr>
1392
1564
 
1565
+ <tr>
1566
+ <td class="col-md-4">
1567
+ <div class="io-description"><p>The range length of items displayed in the paginator.</p>
1568
+ </div>
1569
+ </td>
1570
+ </tr>
1393
1571
 
1394
1572
  </tbody>
1395
1573
  </table>
@@ -1413,6 +1591,19 @@
1413
1591
  <span class="accessor"><b>get</b><code>cssClasses()</code></span>
1414
1592
  </td>
1415
1593
  </tr>
1594
+ <tr>
1595
+ <td class="col-md-4">
1596
+ <div class="io-description"><p>Sets the <code>class</code> attribute for the host element.</p>
1597
+ </div>
1598
+
1599
+ <div>
1600
+ </div>
1601
+ <div class="io-description">
1602
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1603
+
1604
+ </div>
1605
+ </td>
1606
+ </tr>
1416
1607
 
1417
1608
  </tbody>
1418
1609
  </table>
@@ -1430,6 +1621,19 @@
1430
1621
  <span class="accessor"><b>get</b><code>pageNumberNavigation()</code></span>
1431
1622
  </td>
1432
1623
  </tr>
1624
+ <tr>
1625
+ <td class="col-md-4">
1626
+ <div class="io-description"><p>Returns the page number navigation array.</p>
1627
+ </div>
1628
+
1629
+ <div>
1630
+ </div>
1631
+ <div class="io-description">
1632
+ <b>Returns : </b> <code>number[]</code>
1633
+
1634
+ </div>
1635
+ </td>
1636
+ </tr>
1433
1637
 
1434
1638
  </tbody>
1435
1639
  </table>
@@ -266,9 +266,9 @@
266
266
  <li>
267
267
  <b>@stackblitz/sdk</b> : 1.11.0</li>
268
268
  <li>
269
- <b>@eui/styles</b> : 19.0.3</li>
269
+ <b>@eui/styles</b> : 19.0.4-snapshot-1738753092246</li>
270
270
  <li>
271
- <b>@eui/ecl</b> : 19.0.3</li>
271
+ <b>@eui/ecl</b> : 19.0.4-snapshot-1738753092246</li>
272
272
  <li>
273
273
  <b>@eui/tools</b> : ^6.0.0</li>
274
274
  </ul>
@@ -96,13 +96,13 @@ customElements.define('compodoc-menu', class extends HTMLElement {
96
96
  <a href="modules/EuiAlertModule.html" data-type="entity-link" >EuiAlertModule</a>
97
97
  <li class="chapter inner">
98
98
  <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
99
- 'data-bs-target="#components-links-module-EuiAlertModule-de5f5a13d675cd93e0d03e4c073a4dc7cf7f4b0a522a13468ca97d5bdc441c6cbe74d07e53d820493ac44110be63ac2d0ecf2e0d1c4d9d026c3ee4b5f478aa18"' : 'data-bs-target="#xs-components-links-module-EuiAlertModule-de5f5a13d675cd93e0d03e4c073a4dc7cf7f4b0a522a13468ca97d5bdc441c6cbe74d07e53d820493ac44110be63ac2d0ecf2e0d1c4d9d026c3ee4b5f478aa18"' }>
99
+ 'data-bs-target="#components-links-module-EuiAlertModule-39b15d60806c522bbbe0e2023c5521ab817f8100c89ef4fe18a1015b195a31b93744b79e01056a3cf6fbc04729f56758d5b38a9cab28804d16506704df0198da"' : 'data-bs-target="#xs-components-links-module-EuiAlertModule-39b15d60806c522bbbe0e2023c5521ab817f8100c89ef4fe18a1015b195a31b93744b79e01056a3cf6fbc04729f56758d5b38a9cab28804d16506704df0198da"' }>
100
100
  <span class="icon ion-md-cog"></span>
101
101
  <span>Components</span>
102
102
  <span class="icon ion-ios-arrow-down"></span>
103
103
  </div>
104
- <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiAlertModule-de5f5a13d675cd93e0d03e4c073a4dc7cf7f4b0a522a13468ca97d5bdc441c6cbe74d07e53d820493ac44110be63ac2d0ecf2e0d1c4d9d026c3ee4b5f478aa18"' :
105
- 'id="xs-components-links-module-EuiAlertModule-de5f5a13d675cd93e0d03e4c073a4dc7cf7f4b0a522a13468ca97d5bdc441c6cbe74d07e53d820493ac44110be63ac2d0ecf2e0d1c4d9d026c3ee4b5f478aa18"' }>
104
+ <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiAlertModule-39b15d60806c522bbbe0e2023c5521ab817f8100c89ef4fe18a1015b195a31b93744b79e01056a3cf6fbc04729f56758d5b38a9cab28804d16506704df0198da"' :
105
+ 'id="xs-components-links-module-EuiAlertModule-39b15d60806c522bbbe0e2023c5521ab817f8100c89ef4fe18a1015b195a31b93744b79e01056a3cf6fbc04729f56758d5b38a9cab28804d16506704df0198da"' }>
106
106
  <li class="link">
107
107
  <a href="components/EuiAlertComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiAlertComponent</a>
108
108
  </li>
@@ -113,13 +113,13 @@ customElements.define('compodoc-menu', class extends HTMLElement {
113
113
  </li>
114
114
  <li class="chapter inner">
115
115
  <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
116
- 'data-bs-target="#directives-links-module-EuiAlertModule-de5f5a13d675cd93e0d03e4c073a4dc7cf7f4b0a522a13468ca97d5bdc441c6cbe74d07e53d820493ac44110be63ac2d0ecf2e0d1c4d9d026c3ee4b5f478aa18"' : 'data-bs-target="#xs-directives-links-module-EuiAlertModule-de5f5a13d675cd93e0d03e4c073a4dc7cf7f4b0a522a13468ca97d5bdc441c6cbe74d07e53d820493ac44110be63ac2d0ecf2e0d1c4d9d026c3ee4b5f478aa18"' }>
116
+ 'data-bs-target="#directives-links-module-EuiAlertModule-39b15d60806c522bbbe0e2023c5521ab817f8100c89ef4fe18a1015b195a31b93744b79e01056a3cf6fbc04729f56758d5b38a9cab28804d16506704df0198da"' : 'data-bs-target="#xs-directives-links-module-EuiAlertModule-39b15d60806c522bbbe0e2023c5521ab817f8100c89ef4fe18a1015b195a31b93744b79e01056a3cf6fbc04729f56758d5b38a9cab28804d16506704df0198da"' }>
117
117
  <span class="icon ion-md-code-working"></span>
118
118
  <span>Directives</span>
119
119
  <span class="icon ion-ios-arrow-down"></span>
120
120
  </div>
121
- <ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-EuiAlertModule-de5f5a13d675cd93e0d03e4c073a4dc7cf7f4b0a522a13468ca97d5bdc441c6cbe74d07e53d820493ac44110be63ac2d0ecf2e0d1c4d9d026c3ee4b5f478aa18"' :
122
- 'id="xs-directives-links-module-EuiAlertModule-de5f5a13d675cd93e0d03e4c073a4dc7cf7f4b0a522a13468ca97d5bdc441c6cbe74d07e53d820493ac44110be63ac2d0ecf2e0d1c4d9d026c3ee4b5f478aa18"' }>
121
+ <ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-EuiAlertModule-39b15d60806c522bbbe0e2023c5521ab817f8100c89ef4fe18a1015b195a31b93744b79e01056a3cf6fbc04729f56758d5b38a9cab28804d16506704df0198da"' :
122
+ 'id="xs-directives-links-module-EuiAlertModule-39b15d60806c522bbbe0e2023c5521ab817f8100c89ef4fe18a1015b195a31b93744b79e01056a3cf6fbc04729f56758d5b38a9cab28804d16506704df0198da"' }>
123
123
  <li class="link">
124
124
  <a href="directives/BaseStatesDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >BaseStatesDirective</a>
125
125
  </li>
@@ -698,13 +698,13 @@ customElements.define('compodoc-menu', class extends HTMLElement {
698
698
  <a href="modules/EuiChipModule.html" data-type="entity-link" >EuiChipModule</a>
699
699
  <li class="chapter inner">
700
700
  <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
701
- 'data-bs-target="#components-links-module-EuiChipModule-d6c8295b04e7320ea0f8cbe7ab942b6168e2ee6494df9e90f35f9e11b0840550e05fc7d9045414172d2e85b6c5e5c079c99c19c4cedea9e2608bee466d401758"' : 'data-bs-target="#xs-components-links-module-EuiChipModule-d6c8295b04e7320ea0f8cbe7ab942b6168e2ee6494df9e90f35f9e11b0840550e05fc7d9045414172d2e85b6c5e5c079c99c19c4cedea9e2608bee466d401758"' }>
701
+ 'data-bs-target="#components-links-module-EuiChipModule-4bc931afb52fd14462468ce77a82b4388d6e41a4ca2a34eba4c0b58125dbe153492a68a29ab905ec023c762e9e8462b7b6b1d52b6cfc9c5ee0c3f31134f83cc6"' : 'data-bs-target="#xs-components-links-module-EuiChipModule-4bc931afb52fd14462468ce77a82b4388d6e41a4ca2a34eba4c0b58125dbe153492a68a29ab905ec023c762e9e8462b7b6b1d52b6cfc9c5ee0c3f31134f83cc6"' }>
702
702
  <span class="icon ion-md-cog"></span>
703
703
  <span>Components</span>
704
704
  <span class="icon ion-ios-arrow-down"></span>
705
705
  </div>
706
- <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiChipModule-d6c8295b04e7320ea0f8cbe7ab942b6168e2ee6494df9e90f35f9e11b0840550e05fc7d9045414172d2e85b6c5e5c079c99c19c4cedea9e2608bee466d401758"' :
707
- 'id="xs-components-links-module-EuiChipModule-d6c8295b04e7320ea0f8cbe7ab942b6168e2ee6494df9e90f35f9e11b0840550e05fc7d9045414172d2e85b6c5e5c079c99c19c4cedea9e2608bee466d401758"' }>
706
+ <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiChipModule-4bc931afb52fd14462468ce77a82b4388d6e41a4ca2a34eba4c0b58125dbe153492a68a29ab905ec023c762e9e8462b7b6b1d52b6cfc9c5ee0c3f31134f83cc6"' :
707
+ 'id="xs-components-links-module-EuiChipModule-4bc931afb52fd14462468ce77a82b4388d6e41a4ca2a34eba4c0b58125dbe153492a68a29ab905ec023c762e9e8462b7b6b1d52b6cfc9c5ee0c3f31134f83cc6"' }>
708
708
  <li class="link">
709
709
  <a href="components/EuiChipComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiChipComponent</a>
710
710
  </li>
@@ -1699,13 +1699,13 @@ customElements.define('compodoc-menu', class extends HTMLElement {
1699
1699
  <a href="modules/EuiPaginatorModule.html" data-type="entity-link" >EuiPaginatorModule</a>
1700
1700
  <li class="chapter inner">
1701
1701
  <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
1702
- 'data-bs-target="#components-links-module-EuiPaginatorModule-66728fd51b1f6db21d221b3c01b620e89b1a85408207a269961ac1780c4f8c7bd56c736604db1bde9b2bf64a9417d22cbf1f897e980d89e2a9cba9365cacc750"' : 'data-bs-target="#xs-components-links-module-EuiPaginatorModule-66728fd51b1f6db21d221b3c01b620e89b1a85408207a269961ac1780c4f8c7bd56c736604db1bde9b2bf64a9417d22cbf1f897e980d89e2a9cba9365cacc750"' }>
1702
+ 'data-bs-target="#components-links-module-EuiPaginatorModule-0d2fa3395bd1034a955d81a00816f0568c931d16807875e15c5e0dbb25937fcf682743686cdeef92c4b2f3eff576fb1c0385ed351216e7ee8f106e9d3c77a3b3"' : 'data-bs-target="#xs-components-links-module-EuiPaginatorModule-0d2fa3395bd1034a955d81a00816f0568c931d16807875e15c5e0dbb25937fcf682743686cdeef92c4b2f3eff576fb1c0385ed351216e7ee8f106e9d3c77a3b3"' }>
1703
1703
  <span class="icon ion-md-cog"></span>
1704
1704
  <span>Components</span>
1705
1705
  <span class="icon ion-ios-arrow-down"></span>
1706
1706
  </div>
1707
- <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiPaginatorModule-66728fd51b1f6db21d221b3c01b620e89b1a85408207a269961ac1780c4f8c7bd56c736604db1bde9b2bf64a9417d22cbf1f897e980d89e2a9cba9365cacc750"' :
1708
- 'id="xs-components-links-module-EuiPaginatorModule-66728fd51b1f6db21d221b3c01b620e89b1a85408207a269961ac1780c4f8c7bd56c736604db1bde9b2bf64a9417d22cbf1f897e980d89e2a9cba9365cacc750"' }>
1707
+ <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiPaginatorModule-0d2fa3395bd1034a955d81a00816f0568c931d16807875e15c5e0dbb25937fcf682743686cdeef92c4b2f3eff576fb1c0385ed351216e7ee8f106e9d3c77a3b3"' :
1708
+ 'id="xs-components-links-module-EuiPaginatorModule-0d2fa3395bd1034a955d81a00816f0568c931d16807875e15c5e0dbb25937fcf682743686cdeef92c4b2f3eff576fb1c0385ed351216e7ee8f106e9d3c77a3b3"' }>
1709
1709
  <li class="link">
1710
1710
  <a href="components/EuiPaginatorComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiPaginatorComponent</a>
1711
1711
  </li>