@eui/ecl 22.0.0-alpha.23 → 22.0.0-alpha.25
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.
- package/docs/changelog.html +25 -0
- package/docs/components/EclPopoverComponent.html +7 -184
- package/docs/directives/EclPopoverContentDirective.html +0 -45
- package/docs/directives/EclPopoverToggleDirective.html +5 -241
- package/docs/js/search/search_index.js +2 -2
- package/docs/json/EclPopoverToggleDirective.md +1 -1
- package/docs/json/documentation.json +62 -266
- package/docs/llms.txt +5 -5
- package/docs/miscellaneous/variables.html +20 -20
- package/docs/properties.html +1 -1
- package/fesm2022/eui-ecl-components-ecl-popover.mjs +46 -54
- package/fesm2022/eui-ecl-components-ecl-popover.mjs.map +1 -1
- package/package.json +1 -1
- package/types/eui-ecl-components-ecl-popover.d.ts +16 -15
- package/types/eui-ecl-components-ecl-popover.d.ts.map +1 -1
|
@@ -221,7 +221,7 @@
|
|
|
221
221
|
</li>
|
|
222
222
|
<li>
|
|
223
223
|
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
224
|
-
<span class="modifier"
|
|
224
|
+
<span class="modifier">Readonly</span>
|
|
225
225
|
<a href="#isExpanded" >isExpanded</a>
|
|
226
226
|
</li>
|
|
227
227
|
</ul>
|
|
@@ -245,13 +245,10 @@
|
|
|
245
245
|
</li>
|
|
246
246
|
<li>
|
|
247
247
|
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
248
|
-
<span class="modifier"></span>
|
|
249
248
|
<a href="#onClick" >onClick</a>
|
|
250
249
|
</li>
|
|
251
250
|
<li>
|
|
252
251
|
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
253
|
-
<span class="modifier"></span>
|
|
254
|
-
<span class="modifier"></span>
|
|
255
252
|
<a href="#onKeyboardActivate" >onKeyboardActivate</a>
|
|
256
253
|
</li>
|
|
257
254
|
<li>
|
|
@@ -304,48 +301,7 @@
|
|
|
304
301
|
</tbody>
|
|
305
302
|
</table>
|
|
306
303
|
|
|
307
|
-
<table class="table table-sm table-bordered index-table">
|
|
308
|
-
<tbody>
|
|
309
|
-
<tr>
|
|
310
|
-
<td class="col-md-3">
|
|
311
|
-
<h6><b>HostBindings</b></h6>
|
|
312
|
-
</td>
|
|
313
|
-
<td class="col-md-9">
|
|
314
|
-
<ul class="index-list">
|
|
315
|
-
<li>
|
|
316
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.aria-expanded" >attr.aria-expanded</a>
|
|
317
|
-
</li>
|
|
318
|
-
<li>
|
|
319
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
|
|
320
|
-
</li>
|
|
321
|
-
</ul>
|
|
322
|
-
</td>
|
|
323
|
-
</tr>
|
|
324
|
-
</tbody>
|
|
325
|
-
</table>
|
|
326
304
|
|
|
327
|
-
<table class="table table-sm table-bordered index-table">
|
|
328
|
-
<tbody>
|
|
329
|
-
<tr>
|
|
330
|
-
<td class="col-md-3">
|
|
331
|
-
<h6><b>HostListeners</b></h6>
|
|
332
|
-
</td>
|
|
333
|
-
<td class="col-md-9">
|
|
334
|
-
<ul class="index-list">
|
|
335
|
-
<li>
|
|
336
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">HL</span><a href="#keydown.enter" >keydown.enter</a>
|
|
337
|
-
</li>
|
|
338
|
-
<li>
|
|
339
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">HL</span><a href="#keydown.space" >keydown.space</a>
|
|
340
|
-
</li>
|
|
341
|
-
<li>
|
|
342
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">HL</span><a href="#mouseup" >mouseup</a>
|
|
343
|
-
</li>
|
|
344
|
-
</ul>
|
|
345
|
-
</td>
|
|
346
|
-
</tr>
|
|
347
|
-
</tbody>
|
|
348
|
-
</table>
|
|
349
305
|
|
|
350
306
|
<table class="table table-sm table-bordered index-table">
|
|
351
307
|
<tbody>
|
|
@@ -429,12 +385,6 @@
|
|
|
429
385
|
<b>click</b>
|
|
430
386
|
</td>
|
|
431
387
|
</tr>
|
|
432
|
-
<tr>
|
|
433
|
-
<td class="col-md-4">
|
|
434
|
-
<i>Type : </i> <code><a href="https://angular.dev/api/core/EventEmitter" target="_blank" >EventEmitter</a></code>
|
|
435
|
-
|
|
436
|
-
</td>
|
|
437
|
-
</tr>
|
|
438
388
|
<tr>
|
|
439
389
|
<td class="col-md-4">
|
|
440
390
|
<div class="io-description"><p>Event emitted when the toggle element is clicked with the left mouse button.</p>
|
|
@@ -445,166 +395,8 @@
|
|
|
445
395
|
</table>
|
|
446
396
|
</section>
|
|
447
397
|
|
|
448
|
-
<section data-compodoc="block-properties">
|
|
449
|
-
<h3>HostBindings</h3> <table class="table table-sm table-bordered">
|
|
450
|
-
<tbody>
|
|
451
|
-
<tr>
|
|
452
|
-
<td class="col-md-4">
|
|
453
|
-
<a name="attr.aria-expanded"></a>
|
|
454
|
-
<span class="name">
|
|
455
|
-
<span ><b>attr.aria-expanded</b></span>
|
|
456
|
-
<a href="#attr.aria-expanded"><span class="icon ion-ios-link"></span></a>
|
|
457
|
-
</span>
|
|
458
|
-
</td>
|
|
459
|
-
</tr>
|
|
460
|
-
<tr>
|
|
461
|
-
<td class="col-md-4">
|
|
462
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
463
|
-
|
|
464
|
-
</td>
|
|
465
|
-
</tr>
|
|
466
|
-
<tr>
|
|
467
|
-
<td class="col-md-4">
|
|
468
|
-
<i>Default value : </i><code>false</code>
|
|
469
|
-
</td>
|
|
470
|
-
</tr>
|
|
471
|
-
|
|
472
|
-
<tr>
|
|
473
|
-
<td class="col-md-4">
|
|
474
|
-
<div class="io-description"><p>Sets the <code>aria-expanded</code> attribute to reflect the popover's open state.
|
|
475
|
-
This should be updated by the parent popover component.</p>
|
|
476
|
-
</div>
|
|
477
|
-
</td>
|
|
478
|
-
</tr>
|
|
479
|
-
|
|
480
|
-
</tbody>
|
|
481
|
-
</table>
|
|
482
|
-
<table class="table table-sm table-bordered">
|
|
483
|
-
<tbody>
|
|
484
|
-
<tr>
|
|
485
|
-
<td class="col-md-4">
|
|
486
|
-
<a name="class"></a>
|
|
487
|
-
<span class="name">
|
|
488
|
-
<span ><b>class</b></span>
|
|
489
|
-
<a href="#class"><span class="icon ion-ios-link"></span></a>
|
|
490
|
-
</span>
|
|
491
|
-
</td>
|
|
492
|
-
</tr>
|
|
493
|
-
<tr>
|
|
494
|
-
<td class="col-md-4">
|
|
495
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
496
|
-
|
|
497
|
-
</td>
|
|
498
|
-
</tr>
|
|
499
|
-
|
|
500
|
-
<tr>
|
|
501
|
-
<td class="col-md-4">
|
|
502
|
-
<div class="io-description"><p>Host binding that applies the appropriate CSS class to the toggle element.</p>
|
|
503
|
-
</div>
|
|
504
|
-
</td>
|
|
505
|
-
</tr>
|
|
506
|
-
|
|
507
|
-
</tbody>
|
|
508
|
-
</table>
|
|
509
|
-
</section>
|
|
510
|
-
|
|
511
|
-
<section data-compodoc="block-host-listener">
|
|
512
|
-
<h3>HostListeners</h3> <table class="table table-sm table-bordered">
|
|
513
|
-
<tbody>
|
|
514
|
-
<tr>
|
|
515
|
-
<td class="col-md-4">
|
|
516
|
-
<a name="keydown.enter"></a>
|
|
517
|
-
<span class="name">
|
|
518
|
-
<b>
|
|
519
|
-
keydown.enter
|
|
520
|
-
</b>
|
|
521
|
-
<a href="#keydown.enter"><span class="icon ion-ios-link"></span></a>
|
|
522
|
-
</span>
|
|
523
|
-
</td>
|
|
524
|
-
</tr>
|
|
525
|
-
<tr>
|
|
526
|
-
<td class="col-md-4">
|
|
527
|
-
<i>Arguments : </i><code>'$event' </code>
|
|
528
|
-
</td>
|
|
529
|
-
</tr>
|
|
530
|
-
|
|
531
398
|
|
|
532
399
|
|
|
533
|
-
|
|
534
|
-
<tr>
|
|
535
|
-
<td class="col-md-4">
|
|
536
|
-
<div class="io-description"><p>Triggers the click event on Enter or Space keydown and prevents default behavior.</p>
|
|
537
|
-
</div>
|
|
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="keydown.space"></a>
|
|
548
|
-
<span class="name">
|
|
549
|
-
<b>
|
|
550
|
-
keydown.space
|
|
551
|
-
</b>
|
|
552
|
-
<a href="#keydown.space"><span class="icon ion-ios-link"></span></a>
|
|
553
|
-
</span>
|
|
554
|
-
</td>
|
|
555
|
-
</tr>
|
|
556
|
-
<tr>
|
|
557
|
-
<td class="col-md-4">
|
|
558
|
-
<i>Arguments : </i><code>'$event' </code>
|
|
559
|
-
</td>
|
|
560
|
-
</tr>
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
<tr>
|
|
566
|
-
<td class="col-md-4">
|
|
567
|
-
<div class="io-description"><p>Triggers the click event on Enter or Space keydown and prevents default behavior.</p>
|
|
568
|
-
</div>
|
|
569
|
-
|
|
570
|
-
</td>
|
|
571
|
-
</tr>
|
|
572
|
-
</tbody>
|
|
573
|
-
</table>
|
|
574
|
-
<table class="table table-sm table-bordered">
|
|
575
|
-
<tbody>
|
|
576
|
-
<tr>
|
|
577
|
-
<td class="col-md-4">
|
|
578
|
-
<a name="mouseup"></a>
|
|
579
|
-
<span class="name">
|
|
580
|
-
<b>
|
|
581
|
-
mouseup
|
|
582
|
-
</b>
|
|
583
|
-
<a href="#mouseup"><span class="icon ion-ios-link"></span></a>
|
|
584
|
-
</span>
|
|
585
|
-
</td>
|
|
586
|
-
</tr>
|
|
587
|
-
<tr>
|
|
588
|
-
<td class="col-md-4">
|
|
589
|
-
<i>Arguments : </i><code>'$event' </code>
|
|
590
|
-
</td>
|
|
591
|
-
</tr>
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
<tr>
|
|
597
|
-
<td class="col-md-4">
|
|
598
|
-
<div class="io-description"><p>Emits the <code>click</code> event only for left mouse button clicks.
|
|
599
|
-
Used by the popover component to toggle visibility.</p>
|
|
600
|
-
</div>
|
|
601
|
-
|
|
602
|
-
</td>
|
|
603
|
-
</tr>
|
|
604
|
-
</tbody>
|
|
605
|
-
</table>
|
|
606
|
-
</section>
|
|
607
|
-
|
|
608
400
|
<section data-compodoc="block-methods">
|
|
609
401
|
|
|
610
402
|
<h3 id="methods">
|
|
@@ -652,7 +444,6 @@ Used internally by the popover to query attributes.</p>
|
|
|
652
444
|
<td class="col-md-4">
|
|
653
445
|
<a name="onClick"></a>
|
|
654
446
|
<span class="name">
|
|
655
|
-
<span class="modifier"></span>
|
|
656
447
|
<span ><b>onClick</b></span>
|
|
657
448
|
<a href="#onClick"><span class="icon ion-ios-link"></span></a>
|
|
658
449
|
</span>
|
|
@@ -660,18 +451,10 @@ Used internally by the popover to query attributes.</p>
|
|
|
660
451
|
</tr>
|
|
661
452
|
<tr>
|
|
662
453
|
<td class="col-md-4">
|
|
663
|
-
|
|
664
|
-
<code>onClick(evt: MouseEvent)</code>
|
|
454
|
+
<code>onClick(evt: MouseEvent)</code>
|
|
665
455
|
</td>
|
|
666
456
|
</tr>
|
|
667
457
|
|
|
668
|
-
<tr>
|
|
669
|
-
<td class="col-md-4">
|
|
670
|
-
<b>Decorators : </b>
|
|
671
|
-
<br />
|
|
672
|
-
<code>@HostListener('mouseup', ['$event'])<br /></code>
|
|
673
|
-
</td>
|
|
674
|
-
</tr>
|
|
675
458
|
|
|
676
459
|
|
|
677
460
|
|
|
@@ -725,8 +508,6 @@ Used by the popover component to toggle visibility.</p>
|
|
|
725
508
|
<td class="col-md-4">
|
|
726
509
|
<a name="onKeyboardActivate"></a>
|
|
727
510
|
<span class="name">
|
|
728
|
-
<span class="modifier"></span>
|
|
729
|
-
<span class="modifier"></span>
|
|
730
511
|
<span ><b>onKeyboardActivate</b></span>
|
|
731
512
|
<a href="#onKeyboardActivate"><span class="icon ion-ios-link"></span></a>
|
|
732
513
|
</span>
|
|
@@ -734,18 +515,10 @@ Used by the popover component to toggle visibility.</p>
|
|
|
734
515
|
</tr>
|
|
735
516
|
<tr>
|
|
736
517
|
<td class="col-md-4">
|
|
737
|
-
|
|
738
|
-
<code>onKeyboardActivate(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
|
|
518
|
+
<code>onKeyboardActivate(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
|
|
739
519
|
</td>
|
|
740
520
|
</tr>
|
|
741
521
|
|
|
742
|
-
<tr>
|
|
743
|
-
<td class="col-md-4">
|
|
744
|
-
<b>Decorators : </b>
|
|
745
|
-
<br />
|
|
746
|
-
<code>@HostListener('keydown.enter', ['$event'])<br />@HostListener('keydown.space', ['$event'])<br /></code>
|
|
747
|
-
</td>
|
|
748
|
-
</tr>
|
|
749
522
|
|
|
750
523
|
|
|
751
524
|
|
|
@@ -892,7 +665,7 @@ Used by the popover component to toggle visibility.</p>
|
|
|
892
665
|
<td class="col-md-4">
|
|
893
666
|
<a name="isExpanded"></a>
|
|
894
667
|
<span class="name">
|
|
895
|
-
<span class="modifier"
|
|
668
|
+
<span class="modifier">Readonly</span>
|
|
896
669
|
<span ><b>isExpanded</b></span>
|
|
897
670
|
<a href="#isExpanded"><span class="icon ion-ios-link"></span></a>
|
|
898
671
|
</span>
|
|
@@ -906,16 +679,7 @@ Used by the popover component to toggle visibility.</p>
|
|
|
906
679
|
</tr>
|
|
907
680
|
<tr>
|
|
908
681
|
<td class="col-md-4">
|
|
909
|
-
<i>Default value : </i><code>false</code>
|
|
910
|
-
</td>
|
|
911
|
-
</tr>
|
|
912
|
-
<tr>
|
|
913
|
-
<td class="col-md-4">
|
|
914
|
-
<b>Decorators : </b>
|
|
915
|
-
<br />
|
|
916
|
-
<code>
|
|
917
|
-
@HostBinding('attr.aria-expanded')<br />
|
|
918
|
-
</code>
|
|
682
|
+
<i>Default value : </i><code>signal(false)</code>
|
|
919
683
|
</td>
|
|
920
684
|
</tr>
|
|
921
685
|
|