@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
package/docs/components/EuiAlertComponent.html CHANGED
@@ -109,6 +109,16 @@
109
109
  </p>
110
110
 
111
111
 
112
+ <p class="comment">
113
+ <h3>Description</h3>
114
+ </p>
115
+ <p class="comment">
116
+ <p>Alert displays a short, important message to attract the user&#39;s attention without interrupting its task.</p>
117
+ <b>Example :</b><div><pre class="line-numbers"><code class="language-html"></code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-alert&gt;
118
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam accumsan semper lorem, ac mollis lacus tincidunt eu.
119
+ &lt;/eui-alert&gt;</code></pre></div><p>See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-alert">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-alert</a>.</p>
120
+
121
+ </p>
112
122
 
113
123
 
114
124
  <p class="comment">
@@ -380,6 +390,12 @@
380
390
 
381
391
  </td>
382
392
  </tr>
393
+ <tr>
394
+ <td class="col-md-4">
395
+ <div class="io-description"><p>Sets the <code>aria-describedby</code> attribute for the host element.</p>
396
+ </div>
397
+ </td>
398
+ </tr>
383
399
  </tbody>
384
400
  </table>
385
401
  <table class="table table-sm table-bordered">
@@ -401,6 +417,12 @@
401
417
  <i>Default value : </i><code>&#x27;eui-alert&#x27;</code>
402
418
  </td>
403
419
  </tr>
420
+ <tr>
421
+ <td class="col-md-4">
422
+ <div class="io-description"><p>Sets the <code>data-e2e</code> attribute for the host element. Default: <code>eui-alert</code>.</p>
423
+ </div>
424
+ </td>
425
+ </tr>
404
426
  </tbody>
405
427
  </table>
406
428
  <table class="table table-sm table-bordered">
@@ -422,6 +444,12 @@
422
444
  <i>Default value : </i><code>false</code>
423
445
  </td>
424
446
  </tr>
447
+ <tr>
448
+ <td class="col-md-4">
449
+ <div class="io-description"><p>Removes the left border and icon from the alert.</p>
450
+ </div>
451
+ </td>
452
+ </tr>
425
453
  </tbody>
426
454
  </table>
427
455
  <table class="table table-sm table-bordered">
@@ -443,6 +471,12 @@
443
471
  <i>Default value : </i><code>false</code>
444
472
  </td>
445
473
  </tr>
474
+ <tr>
475
+ <td class="col-md-4">
476
+ <div class="io-description"><p>Allows the alert to be closed by the user.</p>
477
+ </div>
478
+ </td>
479
+ </tr>
446
480
  </tbody>
447
481
  </table>
448
482
  <table class="table table-sm table-bordered">
@@ -464,6 +498,12 @@
464
498
  <i>Default value : </i><code>false</code>
465
499
  </td>
466
500
  </tr>
501
+ <tr>
502
+ <td class="col-md-4">
503
+ <div class="io-description"><p>Allows the alert to be focused by the user.</p>
504
+ </div>
505
+ </td>
506
+ </tr>
467
507
  </tbody>
468
508
  </table>
469
509
  <table class="table table-sm table-bordered">
@@ -485,6 +525,12 @@
485
525
  <i>Default value : </i><code>false</code>
486
526
  </td>
487
527
  </tr>
528
+ <tr>
529
+ <td class="col-md-4">
530
+ <div class="io-description"><p>Removes the left border and icon from the alert.</p>
531
+ </div>
532
+ </td>
533
+ </tr>
488
534
  </tbody>
489
535
  </table>
490
536
  <table class="table table-sm table-bordered">
@@ -506,6 +552,12 @@
506
552
  <i>Default value : </i><code>true</code>
507
553
  </td>
508
554
  </tr>
555
+ <tr>
556
+ <td class="col-md-4">
557
+ <div class="io-description"><p>Controls the visibility of the alert. Default: true</p>
558
+ </div>
559
+ </td>
560
+ </tr>
509
561
  </tbody>
510
562
  </table>
511
563
  </section>
@@ -525,6 +577,12 @@
525
577
 
526
578
  </td>
527
579
  </tr>
580
+ <tr>
581
+ <td class="col-md-4">
582
+ <div class="io-description"><p>Event emitted when the alert is closed.</p>
583
+ </div>
584
+ </td>
585
+ </tr>
528
586
  </tbody>
529
587
  </table>
530
588
  </section>
@@ -552,6 +610,12 @@
552
610
  </td>
553
611
  </tr>
554
612
 
613
+ <tr>
614
+ <td class="col-md-4">
615
+ <div class="io-description"><p>Sets the <code>role</code> attribute for the host element.</p>
616
+ </div>
617
+ </td>
618
+ </tr>
555
619
 
556
620
  </tbody>
557
621
  </table>
@@ -573,6 +637,12 @@
573
637
  </td>
574
638
  </tr>
575
639
 
640
+ <tr>
641
+ <td class="col-md-4">
642
+ <div class="io-description"><p>Sets the <code>tabindex</code> attribute for the host element.</p>
643
+ </div>
644
+ </td>
645
+ </tr>
576
646
 
577
647
  </tbody>
578
648
  </table>
@@ -594,6 +664,12 @@
594
664
  </td>
595
665
  </tr>
596
666
 
667
+ <tr>
668
+ <td class="col-md-4">
669
+ <div class="io-description"><p>Sets the <code>class</code> attribute for the host element.</p>
670
+ </div>
671
+ </td>
672
+ </tr>
597
673
 
598
674
  </tbody>
599
675
  </table>
@@ -627,6 +703,8 @@
627
703
 
628
704
  <tr>
629
705
  <td class="col-md-4">
706
+ <div class="io-description"><p>Hide the alert and emits the <code>closeAlert</code> event when the close button is clicked.</p>
707
+ </div>
630
708
 
631
709
  <div class="io-description">
632
710
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
@@ -712,6 +790,12 @@
712
790
  </td>
713
791
  </tr>
714
792
 
793
+ <tr>
794
+ <td class="col-md-4">
795
+ <div class="io-description"><p>Content for the alert title given by <code>&lt;eui-alert-title&gt;</code>.</p>
796
+ </div>
797
+ </td>
798
+ </tr>
715
799
 
716
800
  </tbody>
717
801
  </table>
@@ -770,6 +854,12 @@
770
854
  </td>
771
855
  </tr>
772
856
 
857
+ <tr>
858
+ <td class="col-md-4">
859
+ <div class="io-description"><p>Sets the <code>role</code> attribute for the host element.</p>
860
+ </div>
861
+ </td>
862
+ </tr>
773
863
 
774
864
  </tbody>
775
865
  </table>
@@ -793,6 +883,19 @@
793
883
  <span class="accessor"><b>get</b><code>cssClasses()</code></span>
794
884
  </td>
795
885
  </tr>
886
+ <tr>
887
+ <td class="col-md-4">
888
+ <div class="io-description"><p>Sets the <code>class</code> attribute for the host element.</p>
889
+ </div>
890
+
891
+ <div>
892
+ </div>
893
+ <div class="io-description">
894
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
895
+
896
+ </div>
897
+ </td>
898
+ </tr>
796
899
 
797
900
  </tbody>
798
901
  </table>
@@ -810,6 +913,19 @@
810
913
  <span class="accessor"><b>get</b><code>ariaDescribedBy()</code></span>
811
914
  </td>
812
915
  </tr>
916
+ <tr>
917
+ <td class="col-md-4">
918
+ <div class="io-description"><p>Sets the <code>aria-describedby</code> attribute for the host element.</p>
919
+ </div>
920
+
921
+ <div>
922
+ </div>
923
+ <div class="io-description">
924
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
925
+
926
+ </div>
927
+ </td>
928
+ </tr>
813
929
 
814
930
  </tbody>
815
931
  </table>
@@ -827,6 +943,19 @@
827
943
  <span class="accessor"><b>get</b><code>tabindex()</code></span>
828
944
  </td>
829
945
  </tr>
946
+ <tr>
947
+ <td class="col-md-4">
948
+ <div class="io-description"><p>Sets the <code>tabindex</code> attribute for the host element.</p>
949
+ </div>
950
+
951
+ <div>
952
+ </div>
953
+ <div class="io-description">
954
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
955
+
956
+ </div>
957
+ </td>
958
+ </tr>
830
959
 
831
960
  </tbody>
832
961
  </table>
package/docs/components/EuiAlertTitleComponent.html CHANGED
@@ -225,6 +225,12 @@
225
225
  </td>
226
226
  </tr>
227
227
 
228
+ <tr>
229
+ <td class="col-md-4">
230
+ <div class="io-description"><p>Sets the <code>class</code> attribute for the host element.</p>
231
+ </div>
232
+ </td>
233
+ </tr>
228
234
 
229
235
  </tbody>
230
236
  </table>
@@ -270,6 +276,12 @@
270
276
  </td>
271
277
  </tr>
272
278
 
279
+ <tr>
280
+ <td class="col-md-4">
281
+ <div class="io-description"><p>Sets the <code>class</code> attribute for the host element.</p>
282
+ </div>
283
+ </td>
284
+ </tr>
273
285
 
274
286
  </tbody>
275
287
  </table>
package/docs/components/EuiChipComponent.html CHANGED
@@ -109,6 +109,15 @@
109
109
  </p>
110
110
 
111
111
 
112
+ <p class="comment">
113
+ <h3>Description</h3>
114
+ </p>
115
+ <p class="comment">
116
+ <p>Chips are compact elements that allow users to enter information, select a choice, filter content or trigger an action.
117
+ The eui-chip component can also be displayed dynamically as a group of multiple interactive elements, see eui-chip-list.</p>
118
+ <b>Example :</b><div><pre class="line-numbers"><code class="language-html"></code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-chip&gt;Chip label&lt;/eui-chip&gt;</code></pre></div><p>See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-chip">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-chip</a>.</p>
119
+
120
+ </p>
112
121
 
113
122
 
114
123
  <p class="comment">
@@ -255,7 +264,7 @@
255
264
  <a href="#isFilled" >isFilled</a>
256
265
  </li>
257
266
  <li>
258
- <a href="#isSquared" >isSquared</a>
267
+ <a href="#isSquared" class="deprecated-name">isSquared</a>
259
268
  </li>
260
269
  <li>
261
270
  <a href="#tooltipMessage" >tooltipMessage</a>
@@ -393,6 +402,12 @@
393
402
  <i>Default value : </i><code>&#x27;Chip content&#x27;</code>
394
403
  </td>
395
404
  </tr>
405
+ <tr>
406
+ <td class="col-md-4">
407
+ <div class="io-description"><p>Sets the <code>aria-label</code> attribute for the host element.</p>
408
+ </div>
409
+ </td>
410
+ </tr>
396
411
  </tbody>
397
412
  </table>
398
413
  <table class="table table-sm table-bordered">
@@ -421,6 +436,12 @@
421
436
  }</code>
422
437
  </td>
423
438
  </tr>
439
+ <tr>
440
+ <td class="col-md-4">
441
+ <div class="io-description"><p>Sets the data of the chip like tooltip configuration.</p>
442
+ </div>
443
+ </td>
444
+ </tr>
424
445
  </tbody>
425
446
  </table>
426
447
  <table class="table table-sm table-bordered">
@@ -442,6 +463,12 @@
442
463
  <i>Default value : </i><code>&#x27;eui-chip&#x27;</code>
443
464
  </td>
444
465
  </tr>
466
+ <tr>
467
+ <td class="col-md-4">
468
+ <div class="io-description"><p>Sets the <code>data-e2e</code> attribute for the host element.</p>
469
+ </div>
470
+ </td>
471
+ </tr>
445
472
  </tbody>
446
473
  </table>
447
474
  <table class="table table-sm table-bordered">
@@ -463,6 +490,12 @@
463
490
  <i>Default value : </i><code>null</code>
464
491
  </td>
465
492
  </tr>
493
+ <tr>
494
+ <td class="col-md-4">
495
+ <div class="io-description"><p>Sets the euiInternalId of the chip.</p>
496
+ </div>
497
+ </td>
498
+ </tr>
466
499
  </tbody>
467
500
  </table>
468
501
  <table class="table table-sm table-bordered">
@@ -479,6 +512,12 @@
479
512
 
480
513
  </td>
481
514
  </tr>
515
+ <tr>
516
+ <td class="col-md-4">
517
+ <div class="io-description"><p>Sets the id of the chip.</p>
518
+ </div>
519
+ </td>
520
+ </tr>
482
521
  </tbody>
483
522
  </table>
484
523
  <table class="table table-sm table-bordered">
@@ -500,6 +539,12 @@
500
539
  <i>Default value : </i><code>false</code>
501
540
  </td>
502
541
  </tr>
542
+ <tr>
543
+ <td class="col-md-4">
544
+ <div class="io-description"><p>Wether the chip can be removed.</p>
545
+ </div>
546
+ </td>
547
+ </tr>
503
548
  </tbody>
504
549
  </table>
505
550
  <table class="table table-sm table-bordered">
@@ -521,6 +566,12 @@
521
566
  <i>Default value : </i><code>false</code>
522
567
  </td>
523
568
  </tr>
569
+ <tr>
570
+ <td class="col-md-4">
571
+ <div class="io-description"><p>Wether the chip is filled with color.</p>
572
+ </div>
573
+ </td>
574
+ </tr>
524
575
  </tbody>
525
576
  </table>
526
577
  <table class="table table-sm table-bordered">
@@ -558,6 +609,12 @@
558
609
 
559
610
  </td>
560
611
  </tr>
612
+ <tr>
613
+ <td class="col-md-4">
614
+ <div class="io-description"><p>Sets the label of the tooltip to diaply on hover.</p>
615
+ </div>
616
+ </td>
617
+ </tr>
561
618
  </tbody>
562
619
  </table>
563
620
  </section>
@@ -577,6 +634,12 @@
577
634
 
578
635
  </td>
579
636
  </tr>
637
+ <tr>
638
+ <td class="col-md-4">
639
+ <div class="io-description"><p>Event emitted when the chip is removed.</p>
640
+ </div>
641
+ </td>
642
+ </tr>
580
643
  </tbody>
581
644
  </table>
582
645
  </section>
@@ -604,6 +667,12 @@
604
667
  </td>
605
668
  </tr>
606
669
 
670
+ <tr>
671
+ <td class="col-md-4">
672
+ <div class="io-description"><p>Sets the <code>role</code> attribute for the host element.</p>
673
+ </div>
674
+ </td>
675
+ </tr>
607
676
 
608
677
  </tbody>
609
678
  </table>
@@ -625,6 +694,12 @@
625
694
  </td>
626
695
  </tr>
627
696
 
697
+ <tr>
698
+ <td class="col-md-4">
699
+ <div class="io-description"><p>Sets the <code>class</code> attribute for the host element.</p>
700
+ </div>
701
+ </td>
702
+ </tr>
628
703
 
629
704
  </tbody>
630
705
  </table>
@@ -660,6 +735,8 @@
660
735
 
661
736
  <tr>
662
737
  <td class="col-md-4">
738
+ <div class="io-description"><p>Remove chip handler</p>
739
+ </div>
663
740
 
664
741
  <div class="io-description">
665
742
  <b>Parameters :</b>
@@ -670,6 +747,7 @@
670
747
  <td>Name</td>
671
748
  <td>Type</td>
672
749
  <td>Optional</td>
750
+ <td>Description</td>
673
751
  </tr>
674
752
  </thead>
675
753
  <tbody>
@@ -684,6 +762,10 @@
684
762
  </td>
685
763
 
686
764
 
765
+ <td>
766
+ <p>Click event</p>
767
+
768
+ </td>
687
769
  </tr>
688
770
  </tbody>
689
771
  </table>
@@ -786,6 +868,12 @@
786
868
  </td>
787
869
  </tr>
788
870
 
871
+ <tr>
872
+ <td class="col-md-4">
873
+ <div class="io-description"><p>Icon declares by user in the chip</p>
874
+ </div>
875
+ </td>
876
+ </tr>
789
877
 
790
878
  </tbody>
791
879
  </table>
@@ -822,6 +910,12 @@
822
910
  </td>
823
911
  </tr>
824
912
 
913
+ <tr>
914
+ <td class="col-md-4">
915
+ <div class="io-description"><p>Sets the <code>role</code> attribute for the host element.</p>
916
+ </div>
917
+ </td>
918
+ </tr>
825
919
 
826
920
  </tbody>
827
921
  </table>
@@ -845,6 +939,19 @@
845
939
  <span class="accessor"><b>get</b><code>cssClasses()</code></span>
846
940
  </td>
847
941
  </tr>
942
+ <tr>
943
+ <td class="col-md-4">
944
+ <div class="io-description"><p>Sets the <code>class</code> attribute for the host element.</p>
945
+ </div>
946
+
947
+ <div>
948
+ </div>
949
+ <div class="io-description">
950
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
951
+
952
+ </div>
953
+ </td>
954
+ </tr>
848
955
 
849
956
  </tbody>
850
957
  </table>