@eui/components 17.2.1-snapshot-1708395642178 → 17.2.1
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/components/EuiDateRangeSelectorComponent.html +25 -326
- package/docs/components/EuiNotificationItemComponent.html +21 -1
- package/docs/components/EuiTabsComponent.html +1 -1
- package/docs/components/EuiTreeListComponent.html +41 -1
- package/docs/components/EuiTreeListToolbarComponent.html +1 -1
- package/docs/dependencies.html +2 -2
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +18 -44
- package/esm2022/eui-tabs/eui-tabs.component.mjs +3 -3
- package/esm2022/eui-tree-list/eui-tree-list.component.mjs +9 -3
- package/esm2022/eui-tree-list/toolbar/toolbar.component.mjs +3 -3
- package/esm2022/layout/eui-notifications/eui-notification-item.component.mjs +6 -3
- package/eui-date-range-selector/eui-date-range-selector.component.d.ts +10 -16
- package/eui-date-range-selector/eui-date-range-selector.component.d.ts.map +1 -1
- package/eui-tree-list/eui-tree-list.component.d.ts +2 -0
- package/eui-tree-list/eui-tree-list.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-date-range-selector.mjs +17 -43
- package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs +2 -2
- package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree-list.mjs +10 -4
- package/fesm2022/eui-components-eui-tree-list.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +5 -2
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/layout/eui-notifications/eui-notification-item.component.d.ts +1 -0
- package/layout/eui-notifications/eui-notification-item.component.d.ts.map +1 -1
- package/package.json +31 -31
|
@@ -351,32 +351,6 @@
|
|
|
351
351
|
|
|
352
352
|
|
|
353
353
|
|
|
354
|
-
<tr>
|
|
355
|
-
<td class="col-md-4">
|
|
356
|
-
<h6><b>Accessors</b></h6>
|
|
357
|
-
</td>
|
|
358
|
-
</tr>
|
|
359
|
-
<tr>
|
|
360
|
-
<td class="col-md-4">
|
|
361
|
-
<ul class="index-list">
|
|
362
|
-
<li>
|
|
363
|
-
<a href="#islongDateFormat" >islongDateFormat</a>
|
|
364
|
-
</li>
|
|
365
|
-
<li>
|
|
366
|
-
<a href="#isClearable" >isClearable</a>
|
|
367
|
-
</li>
|
|
368
|
-
<li>
|
|
369
|
-
<a href="#isReadOnly" >isReadOnly</a>
|
|
370
|
-
</li>
|
|
371
|
-
<li>
|
|
372
|
-
<a href="#isDisabled" >isDisabled</a>
|
|
373
|
-
</li>
|
|
374
|
-
<li>
|
|
375
|
-
<a href="#isResponsive" >isResponsive</a>
|
|
376
|
-
</li>
|
|
377
|
-
</ul>
|
|
378
|
-
</td>
|
|
379
|
-
</tr>
|
|
380
354
|
</tbody>
|
|
381
355
|
</table>
|
|
382
356
|
</section>
|
|
@@ -578,6 +552,11 @@
|
|
|
578
552
|
|
|
579
553
|
</td>
|
|
580
554
|
</tr>
|
|
555
|
+
<tr>
|
|
556
|
+
<td class="col-md-4">
|
|
557
|
+
<i>Default value : </i><code>false</code>
|
|
558
|
+
</td>
|
|
559
|
+
</tr>
|
|
581
560
|
</tbody>
|
|
582
561
|
</table>
|
|
583
562
|
<table class="table table-sm table-bordered">
|
|
@@ -594,6 +573,11 @@
|
|
|
594
573
|
|
|
595
574
|
</td>
|
|
596
575
|
</tr>
|
|
576
|
+
<tr>
|
|
577
|
+
<td class="col-md-4">
|
|
578
|
+
<i>Default value : </i><code>false</code>
|
|
579
|
+
</td>
|
|
580
|
+
</tr>
|
|
597
581
|
</tbody>
|
|
598
582
|
</table>
|
|
599
583
|
<table class="table table-sm table-bordered">
|
|
@@ -610,6 +594,11 @@
|
|
|
610
594
|
|
|
611
595
|
</td>
|
|
612
596
|
</tr>
|
|
597
|
+
<tr>
|
|
598
|
+
<td class="col-md-4">
|
|
599
|
+
<i>Default value : </i><code>false</code>
|
|
600
|
+
</td>
|
|
601
|
+
</tr>
|
|
613
602
|
</tbody>
|
|
614
603
|
</table>
|
|
615
604
|
<table class="table table-sm table-bordered">
|
|
@@ -626,6 +615,11 @@
|
|
|
626
615
|
|
|
627
616
|
</td>
|
|
628
617
|
</tr>
|
|
618
|
+
<tr>
|
|
619
|
+
<td class="col-md-4">
|
|
620
|
+
<i>Default value : </i><code>false</code>
|
|
621
|
+
</td>
|
|
622
|
+
</tr>
|
|
629
623
|
</tbody>
|
|
630
624
|
</table>
|
|
631
625
|
<table class="table table-sm table-bordered">
|
|
@@ -642,6 +636,11 @@
|
|
|
642
636
|
|
|
643
637
|
</td>
|
|
644
638
|
</tr>
|
|
639
|
+
<tr>
|
|
640
|
+
<td class="col-md-4">
|
|
641
|
+
<i>Default value : </i><code>false</code>
|
|
642
|
+
</td>
|
|
643
|
+
</tr>
|
|
645
644
|
</tbody>
|
|
646
645
|
</table>
|
|
647
646
|
<table class="table table-sm table-bordered">
|
|
@@ -1417,306 +1416,6 @@
|
|
|
1417
1416
|
</table>
|
|
1418
1417
|
</section>
|
|
1419
1418
|
|
|
1420
|
-
<section data-compodoc="block-accessors">
|
|
1421
|
-
<h3 id="accessors">
|
|
1422
|
-
Accessors
|
|
1423
|
-
</h3>
|
|
1424
|
-
<table class="table table-sm table-bordered">
|
|
1425
|
-
<tbody>
|
|
1426
|
-
<tr>
|
|
1427
|
-
<td class="col-md-4">
|
|
1428
|
-
<a name="islongDateFormat"></a>
|
|
1429
|
-
<span class="name"><b>islongDateFormat</b><a href="#islongDateFormat"><span class="icon ion-ios-link"></span></a></span>
|
|
1430
|
-
</td>
|
|
1431
|
-
</tr>
|
|
1432
|
-
|
|
1433
|
-
<tr>
|
|
1434
|
-
<td class="col-md-4">
|
|
1435
|
-
<span class="accessor"><b>get</b><code>islongDateFormat()</code></span>
|
|
1436
|
-
</td>
|
|
1437
|
-
</tr>
|
|
1438
|
-
|
|
1439
|
-
<tr>
|
|
1440
|
-
<td class="col-md-4">
|
|
1441
|
-
<span class="accessor"><b>set</b><code>islongDateFormat(value: BooleanInput)</code></span>
|
|
1442
|
-
</td>
|
|
1443
|
-
</tr>
|
|
1444
|
-
<tr>
|
|
1445
|
-
<td class="col-md-4">
|
|
1446
|
-
|
|
1447
|
-
<div class="io-description">
|
|
1448
|
-
<b>Parameters :</b>
|
|
1449
|
-
<table class="params">
|
|
1450
|
-
<thead>
|
|
1451
|
-
<tr>
|
|
1452
|
-
<td>Name</td>
|
|
1453
|
-
<td>Type</td>
|
|
1454
|
-
<td>Optional</td>
|
|
1455
|
-
</tr>
|
|
1456
|
-
</thead>
|
|
1457
|
-
<tbody>
|
|
1458
|
-
<tr>
|
|
1459
|
-
<td>value</td>
|
|
1460
|
-
|
|
1461
|
-
<td>
|
|
1462
|
-
<code>BooleanInput</code>
|
|
1463
|
-
</td>
|
|
1464
|
-
|
|
1465
|
-
<td>
|
|
1466
|
-
No
|
|
1467
|
-
</td>
|
|
1468
|
-
|
|
1469
|
-
</tr>
|
|
1470
|
-
</tbody>
|
|
1471
|
-
</table>
|
|
1472
|
-
</div>
|
|
1473
|
-
<div>
|
|
1474
|
-
</div>
|
|
1475
|
-
<div class="io-description">
|
|
1476
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1477
|
-
|
|
1478
|
-
</div>
|
|
1479
|
-
</td>
|
|
1480
|
-
</tr>
|
|
1481
|
-
</tbody>
|
|
1482
|
-
</table>
|
|
1483
|
-
<table class="table table-sm table-bordered">
|
|
1484
|
-
<tbody>
|
|
1485
|
-
<tr>
|
|
1486
|
-
<td class="col-md-4">
|
|
1487
|
-
<a name="isClearable"></a>
|
|
1488
|
-
<span class="name"><b>isClearable</b><a href="#isClearable"><span class="icon ion-ios-link"></span></a></span>
|
|
1489
|
-
</td>
|
|
1490
|
-
</tr>
|
|
1491
|
-
|
|
1492
|
-
<tr>
|
|
1493
|
-
<td class="col-md-4">
|
|
1494
|
-
<span class="accessor"><b>get</b><code>isClearable()</code></span>
|
|
1495
|
-
</td>
|
|
1496
|
-
</tr>
|
|
1497
|
-
|
|
1498
|
-
<tr>
|
|
1499
|
-
<td class="col-md-4">
|
|
1500
|
-
<span class="accessor"><b>set</b><code>isClearable(value: BooleanInput)</code></span>
|
|
1501
|
-
</td>
|
|
1502
|
-
</tr>
|
|
1503
|
-
<tr>
|
|
1504
|
-
<td class="col-md-4">
|
|
1505
|
-
|
|
1506
|
-
<div class="io-description">
|
|
1507
|
-
<b>Parameters :</b>
|
|
1508
|
-
<table class="params">
|
|
1509
|
-
<thead>
|
|
1510
|
-
<tr>
|
|
1511
|
-
<td>Name</td>
|
|
1512
|
-
<td>Type</td>
|
|
1513
|
-
<td>Optional</td>
|
|
1514
|
-
</tr>
|
|
1515
|
-
</thead>
|
|
1516
|
-
<tbody>
|
|
1517
|
-
<tr>
|
|
1518
|
-
<td>value</td>
|
|
1519
|
-
|
|
1520
|
-
<td>
|
|
1521
|
-
<code>BooleanInput</code>
|
|
1522
|
-
</td>
|
|
1523
|
-
|
|
1524
|
-
<td>
|
|
1525
|
-
No
|
|
1526
|
-
</td>
|
|
1527
|
-
|
|
1528
|
-
</tr>
|
|
1529
|
-
</tbody>
|
|
1530
|
-
</table>
|
|
1531
|
-
</div>
|
|
1532
|
-
<div>
|
|
1533
|
-
</div>
|
|
1534
|
-
<div class="io-description">
|
|
1535
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1536
|
-
|
|
1537
|
-
</div>
|
|
1538
|
-
</td>
|
|
1539
|
-
</tr>
|
|
1540
|
-
</tbody>
|
|
1541
|
-
</table>
|
|
1542
|
-
<table class="table table-sm table-bordered">
|
|
1543
|
-
<tbody>
|
|
1544
|
-
<tr>
|
|
1545
|
-
<td class="col-md-4">
|
|
1546
|
-
<a name="isReadOnly"></a>
|
|
1547
|
-
<span class="name"><b>isReadOnly</b><a href="#isReadOnly"><span class="icon ion-ios-link"></span></a></span>
|
|
1548
|
-
</td>
|
|
1549
|
-
</tr>
|
|
1550
|
-
|
|
1551
|
-
<tr>
|
|
1552
|
-
<td class="col-md-4">
|
|
1553
|
-
<span class="accessor"><b>get</b><code>isReadOnly()</code></span>
|
|
1554
|
-
</td>
|
|
1555
|
-
</tr>
|
|
1556
|
-
|
|
1557
|
-
<tr>
|
|
1558
|
-
<td class="col-md-4">
|
|
1559
|
-
<span class="accessor"><b>set</b><code>isReadOnly(value: BooleanInput)</code></span>
|
|
1560
|
-
</td>
|
|
1561
|
-
</tr>
|
|
1562
|
-
<tr>
|
|
1563
|
-
<td class="col-md-4">
|
|
1564
|
-
|
|
1565
|
-
<div class="io-description">
|
|
1566
|
-
<b>Parameters :</b>
|
|
1567
|
-
<table class="params">
|
|
1568
|
-
<thead>
|
|
1569
|
-
<tr>
|
|
1570
|
-
<td>Name</td>
|
|
1571
|
-
<td>Type</td>
|
|
1572
|
-
<td>Optional</td>
|
|
1573
|
-
</tr>
|
|
1574
|
-
</thead>
|
|
1575
|
-
<tbody>
|
|
1576
|
-
<tr>
|
|
1577
|
-
<td>value</td>
|
|
1578
|
-
|
|
1579
|
-
<td>
|
|
1580
|
-
<code>BooleanInput</code>
|
|
1581
|
-
</td>
|
|
1582
|
-
|
|
1583
|
-
<td>
|
|
1584
|
-
No
|
|
1585
|
-
</td>
|
|
1586
|
-
|
|
1587
|
-
</tr>
|
|
1588
|
-
</tbody>
|
|
1589
|
-
</table>
|
|
1590
|
-
</div>
|
|
1591
|
-
<div>
|
|
1592
|
-
</div>
|
|
1593
|
-
<div class="io-description">
|
|
1594
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1595
|
-
|
|
1596
|
-
</div>
|
|
1597
|
-
</td>
|
|
1598
|
-
</tr>
|
|
1599
|
-
</tbody>
|
|
1600
|
-
</table>
|
|
1601
|
-
<table class="table table-sm table-bordered">
|
|
1602
|
-
<tbody>
|
|
1603
|
-
<tr>
|
|
1604
|
-
<td class="col-md-4">
|
|
1605
|
-
<a name="isDisabled"></a>
|
|
1606
|
-
<span class="name"><b>isDisabled</b><a href="#isDisabled"><span class="icon ion-ios-link"></span></a></span>
|
|
1607
|
-
</td>
|
|
1608
|
-
</tr>
|
|
1609
|
-
|
|
1610
|
-
<tr>
|
|
1611
|
-
<td class="col-md-4">
|
|
1612
|
-
<span class="accessor"><b>get</b><code>isDisabled()</code></span>
|
|
1613
|
-
</td>
|
|
1614
|
-
</tr>
|
|
1615
|
-
|
|
1616
|
-
<tr>
|
|
1617
|
-
<td class="col-md-4">
|
|
1618
|
-
<span class="accessor"><b>set</b><code>isDisabled(value: BooleanInput)</code></span>
|
|
1619
|
-
</td>
|
|
1620
|
-
</tr>
|
|
1621
|
-
<tr>
|
|
1622
|
-
<td class="col-md-4">
|
|
1623
|
-
|
|
1624
|
-
<div class="io-description">
|
|
1625
|
-
<b>Parameters :</b>
|
|
1626
|
-
<table class="params">
|
|
1627
|
-
<thead>
|
|
1628
|
-
<tr>
|
|
1629
|
-
<td>Name</td>
|
|
1630
|
-
<td>Type</td>
|
|
1631
|
-
<td>Optional</td>
|
|
1632
|
-
</tr>
|
|
1633
|
-
</thead>
|
|
1634
|
-
<tbody>
|
|
1635
|
-
<tr>
|
|
1636
|
-
<td>value</td>
|
|
1637
|
-
|
|
1638
|
-
<td>
|
|
1639
|
-
<code>BooleanInput</code>
|
|
1640
|
-
</td>
|
|
1641
|
-
|
|
1642
|
-
<td>
|
|
1643
|
-
No
|
|
1644
|
-
</td>
|
|
1645
|
-
|
|
1646
|
-
</tr>
|
|
1647
|
-
</tbody>
|
|
1648
|
-
</table>
|
|
1649
|
-
</div>
|
|
1650
|
-
<div>
|
|
1651
|
-
</div>
|
|
1652
|
-
<div class="io-description">
|
|
1653
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1654
|
-
|
|
1655
|
-
</div>
|
|
1656
|
-
</td>
|
|
1657
|
-
</tr>
|
|
1658
|
-
</tbody>
|
|
1659
|
-
</table>
|
|
1660
|
-
<table class="table table-sm table-bordered">
|
|
1661
|
-
<tbody>
|
|
1662
|
-
<tr>
|
|
1663
|
-
<td class="col-md-4">
|
|
1664
|
-
<a name="isResponsive"></a>
|
|
1665
|
-
<span class="name"><b>isResponsive</b><a href="#isResponsive"><span class="icon ion-ios-link"></span></a></span>
|
|
1666
|
-
</td>
|
|
1667
|
-
</tr>
|
|
1668
|
-
|
|
1669
|
-
<tr>
|
|
1670
|
-
<td class="col-md-4">
|
|
1671
|
-
<span class="accessor"><b>get</b><code>isResponsive()</code></span>
|
|
1672
|
-
</td>
|
|
1673
|
-
</tr>
|
|
1674
|
-
|
|
1675
|
-
<tr>
|
|
1676
|
-
<td class="col-md-4">
|
|
1677
|
-
<span class="accessor"><b>set</b><code>isResponsive(value: BooleanInput)</code></span>
|
|
1678
|
-
</td>
|
|
1679
|
-
</tr>
|
|
1680
|
-
<tr>
|
|
1681
|
-
<td class="col-md-4">
|
|
1682
|
-
|
|
1683
|
-
<div class="io-description">
|
|
1684
|
-
<b>Parameters :</b>
|
|
1685
|
-
<table class="params">
|
|
1686
|
-
<thead>
|
|
1687
|
-
<tr>
|
|
1688
|
-
<td>Name</td>
|
|
1689
|
-
<td>Type</td>
|
|
1690
|
-
<td>Optional</td>
|
|
1691
|
-
</tr>
|
|
1692
|
-
</thead>
|
|
1693
|
-
<tbody>
|
|
1694
|
-
<tr>
|
|
1695
|
-
<td>value</td>
|
|
1696
|
-
|
|
1697
|
-
<td>
|
|
1698
|
-
<code>BooleanInput</code>
|
|
1699
|
-
</td>
|
|
1700
|
-
|
|
1701
|
-
<td>
|
|
1702
|
-
No
|
|
1703
|
-
</td>
|
|
1704
|
-
|
|
1705
|
-
</tr>
|
|
1706
|
-
</tbody>
|
|
1707
|
-
</table>
|
|
1708
|
-
</div>
|
|
1709
|
-
<div>
|
|
1710
|
-
</div>
|
|
1711
|
-
<div class="io-description">
|
|
1712
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1713
|
-
|
|
1714
|
-
</div>
|
|
1715
|
-
</td>
|
|
1716
|
-
</tr>
|
|
1717
|
-
</tbody>
|
|
1718
|
-
</table>
|
|
1719
|
-
</section>
|
|
1720
1419
|
</div>
|
|
1721
1420
|
|
|
1722
1421
|
|
|
@@ -272,6 +272,9 @@
|
|
|
272
272
|
<li>
|
|
273
273
|
<a href="#isShowMarkAsRead" >isShowMarkAsRead</a>
|
|
274
274
|
</li>
|
|
275
|
+
<li>
|
|
276
|
+
<a href="#iconColor" >iconColor</a>
|
|
277
|
+
</li>
|
|
275
278
|
</ul>
|
|
276
279
|
</td>
|
|
277
280
|
</tr>
|
|
@@ -652,6 +655,23 @@
|
|
|
652
655
|
</tr>
|
|
653
656
|
</tbody>
|
|
654
657
|
</table>
|
|
658
|
+
<table class="table table-sm table-bordered">
|
|
659
|
+
<tbody>
|
|
660
|
+
<tr>
|
|
661
|
+
<td class="col-md-4">
|
|
662
|
+
<a name="iconColor"></a>
|
|
663
|
+
<span class="name"><b>iconColor</b><a href="#iconColor"><span class="icon ion-ios-link"></span></a></span>
|
|
664
|
+
</td>
|
|
665
|
+
</tr>
|
|
666
|
+
|
|
667
|
+
<tr>
|
|
668
|
+
<td class="col-md-4">
|
|
669
|
+
<span class="accessor"><b>get</b><code>iconColor()</code></span>
|
|
670
|
+
</td>
|
|
671
|
+
</tr>
|
|
672
|
+
|
|
673
|
+
</tbody>
|
|
674
|
+
</table>
|
|
655
675
|
</section>
|
|
656
676
|
</div>
|
|
657
677
|
|
|
@@ -667,7 +687,7 @@
|
|
|
667
687
|
<script src="../js/libs/htmlparser.js"></script>
|
|
668
688
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
669
689
|
<script>
|
|
670
|
-
var COMPONENT_TEMPLATE = '<div><div class="eui-notification-item-content" (click)="onItemClick()" [ngClass]="{ \'eui-u-bg-color-white\': item.metadata?.read || !item.metadata }"> <div class="eui-notification-item-content-top eui-u-font-s"> <div *ngIf="item.metadata?.date" class="eui-notification-item-content-top__date"> <span class="eui-notification-item-content-top__date-icon eui-u-mr-s">
|
|
690
|
+
var COMPONENT_TEMPLATE = '<div><div class="eui-notification-item-content" (click)="onItemClick()" [ngClass]="{ \'eui-u-bg-color-white\': item.metadata?.read || !item.metadata }"> <div class="eui-notification-item-content-top eui-u-font-s"> <div *ngIf="item.metadata?.date" class="eui-notification-item-content-top__date"> <span class="eui-notification-item-content-top__date-icon eui-u-mr-s"> <eui-icon-svg icon="eui-notifications" size="m" [fillColor]="iconColor"></eui-icon-svg> <span *ngIf="item.metadata?.new" class="eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-s eui-icon eui-icon-circle"></span> </span> <span class="eui-u-color-grey-dark">{{ item.metadata?.date | date: dateFormat }}</span> </div> <div *ngIf="item.metadata?.important" class="eui-u-font-bold eui-u-color-grey-dark"> <eui-icon-svg icon="eui-exclamation" fillColor="danger" class="eui-u-ml-xs"></eui-icon-svg> </div> </div> <span class="eui-notification-item-content-middle eui-u-cursor-pointer"> <ng-template [ngIf]="item.metadata?.url"> <a href="{{ item.metadata.url }}"> <div class="eui-notification-item-content-middle__label" [ngClass]="{ \'eui-u-font-bold\': !item.metadata || (item.metadata && !item.metadata.read) }"> {{ item.label | translate | euiTruncate: 200 }} </div> <div *ngIf="item.subLabel" class="eui-notification-item-content-middle__sub-label" [innerHTML]="item.subLabel | translate | euiTruncate: 200"></div> </a> </ng-template> <ng-template [ngIf]="item.metadata?.urlExternal"> <a href="{{ item.metadata.urlExternal }}" [target]="!item.metadata.urlExternalTarget ? \'_black\' : item.metadata.urlExternalTarget"> <div class="eui-notification-item-content-middle__label" [ngClass]="{ \'eui-u-font-bold\': !item.metadata || (item.metadata && !item.metadata.read) }"> {{ item.label | translate | euiTruncate: 200 }} </div> <div *ngIf="item.subLabel" class="eui-notification-item-content-middle__sub-label" [innerHTML]="item.subLabel | translate | euiTruncate: 200"></div> </a> </ng-template> <ng-template [ngIf]="!item.metadata?.url && !item.metadata?.urlExternal"> <div class="eui-notification-item-content-middle__label" [ngClass]="{ \'eui-u-font-bold\': !item.metadata || (item.metadata && !item.metadata.read) }"> {{ item.label | translate | euiTruncate: 200 }} </div> <div *ngIf="item.subLabel" class="eui-notification-item-content-middle__sub-label" [innerHTML]="item.subLabel | translate | euiTruncate: 200"></div> </ng-template> </span> <div class="eui-notification-item-content-bottom"> <a *ngIf="isShowMarkAsRead && item.metadata && !item.metadata.read" href="javascript:void(0)" (click)="onItemMarkAsRead($event)"> {{ markAsReadLabel ? markAsReadLabel : (\'eui.NOTIFICATIONMARKASREAD\' | translate) }} </a> </div></div></div>'
|
|
671
691
|
var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'CollapsedBreadcrumbComponent', 'selector': 'eui-collapsed-breadcrumb'},{'name': 'EuiAlertComponent', 'selector': 'div[euiAlert], eui-alert'},{'name': 'EuiAppBreadcrumbComponent', 'selector': 'eui-app-breadcrumb'},{'name': 'EuiAppComponent', 'selector': 'eui-app'},{'name': 'EuiAppFooterComponent', 'selector': 'eui-app-footer'},{'name': 'EuiAppHeaderComponent', 'selector': 'eui-app-header'},{'name': 'EuiAppSidebarBodyComponent', 'selector': 'eui-app-sidebar-body'},{'name': 'EuiAppSidebarComponent', 'selector': 'eui-app-sidebar'},{'name': 'EuiAppSidebarDrawerComponent', 'selector': 'eui-app-sidebar-drawer'},{'name': 'EuiAppSidebarFooterComponent', 'selector': 'eui-app-sidebar-footer'},{'name': 'EuiAppSidebarHeaderComponent', 'selector': 'eui-app-sidebar-header'},{'name': 'EuiAppSidebarHeaderUserProfileComponent', 'selector': 'eui-app-sidebar-header-user-profile'},{'name': 'EuiAppSidebarMenuComponent', 'selector': 'eui-app-sidebar-menu'},{'name': 'EuiAppToolbarComponent', 'selector': 'eui-app-toolbar'},{'name': 'EuiAppTopMessageComponent', 'selector': 'eui-app-top-message'},{'name': 'EuiAutocompleteAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteComponent', 'selector': 'eui-autocomplete, input[euiAutocomplete]'},{'name': 'EuiAutocompleteOptionComponent', 'selector': 'eui-autocomplete-option'},{'name': 'EuiAutocompleteOptionGroupComponent', 'selector': 'eui-autocomplete-option-group'},{'name': 'EuiAutocompleteTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAvatarBadgeComponent', 'selector': 'eui-avatar-badge'},{'name': 'EuiAvatarComponent', 'selector': 'div[euiAvatar], span[euiAvatar], eui-avatar'},{'name': 'EuiAvatarIconComponent', 'selector': 'eui-avatar-icon'},{'name': 'EuiAvatarImageComponent', 'selector': 'eui-avatar-image'},{'name': 'EuiAvatarListComponent', 'selector': 'eui-avatar-list'},{'name': 'EuiAvatarTextComponent', 'selector': 'eui-avatar-text'},{'name': 'EuiBadgeComponent', 'selector': 'div[euiBadge], span[euiBadge], eui-badge'},{'name': 'EuiBlockContentComponent', 'selector': 'eui-block-content'},{'name': 'EuiBlockDocumentComponent', 'selector': 'eui-block-document'},{'name': 'EuiBreadcrumbComponent', 'selector': 'eui-breadcrumb'},{'name': 'EuiBreadcrumbItemComponent', 'selector': 'eui-breadcrumb-item'},{'name': 'EuiButtonComponent', 'selector': 'button[euiButton], a[euiButton]'},{'name': 'EuiButtonGroupComponent', 'selector': 'eui-button-group'},{'name': 'EuiButtonsComponent', 'selector': 'eui-buttons'},{'name': 'EuiCardComponent', 'selector': 'eui-card'},{'name': 'EuiCardContentComponent', 'selector': 'eui-card-content'},{'name': 'EuiCardFooterActionButtonsComponent', 'selector': 'eui-card-footer-action-buttons'},{'name': 'EuiCardFooterActionIconsComponent', 'selector': 'eui-card-footer-action-icons'},{'name': 'EuiCardFooterComponent', 'selector': 'eui-card-footer'},{'name': 'EuiCardFooterMenuContentComponent', 'selector': 'eui-card-footer-menu-content'},{'name': 'EuiCardHeaderBodyComponent', 'selector': 'eui-card-header-body'},{'name': 'EuiCardHeaderComponent', 'selector': 'eui-card-header'},{'name': 'EuiCardHeaderLeftContentComponent', 'selector': 'eui-card-header-left-content'},{'name': 'EuiCardHeaderRightContentComponent', 'selector': 'eui-card-header-right-content'},{'name': 'EuiCardHeaderSubtitleComponent', 'selector': 'eui-card-header-subtitle'},{'name': 'EuiCardHeaderTitleComponent', 'selector': 'eui-card-header-title'},{'name': 'EuiCardMediaComponent', 'selector': 'eui-card-media'},{'name': 'EuiChipComponent', 'selector': 'eui-chip, span[euiChip], li[euiChip]'},{'name': 'EuiChipListComponent', 'selector': 'eui-chip-list, div[euiChipList], ul[euiChipList]'},{'name': 'EuiCommonHeaderComponent', 'selector': 'eui-common-header'},{'name': 'EuiDashboardButtonComponent', 'selector': 'eui-dashboard-button'},{'name': 'EuiDashboardCardComponent', 'selector': 'eui-dashboard-card'},{'name': 'EuiDatepickerComponent', 'selector': 'eui-datepicker'},{'name': 'EuiDateRangeSelectorComponent', 'selector': 'eui-date-range-selector'},{'name': 'EuiDialogComponent', 'selector': 'eui-dialog'},{'name': 'EuiDialogContainerComponent', 'selector': 'eui-dialog-container'},{'name': 'EuiDimmerComponent', 'selector': 'eui-dimmer'},{'name': 'EuiDisableContentComponent', 'selector': 'eui-disable-content'},{'name': 'EuiDiscussionThreadComponent', 'selector': 'eui-discussion-thread'},{'name': 'EuiDiscussionThreadItemComponent', 'selector': 'eui-discussion-thread-item'},{'name': 'EuiDropdownComponent', 'selector': 'eui-dropdown'},{'name': 'EuiDropdownItemComponent', 'selector': 'eui-dropdown-item, [euiDropdownItem]'},{'name': 'EuiEditorComponent', 'selector': 'eui-editor'},{'name': 'EuiEditorCountersComponent', 'selector': 'eui-editor-counters'},{'name': 'EuiEditorHtmlViewComponent', 'selector': 'eui-editor-html-view'},{'name': 'EuiEditorImageDialogComponent', 'selector': ''},{'name': 'EuiEditorJsonViewComponent', 'selector': 'eui-editor-json-view'},{'name': 'EuiExpandContentComponent', 'selector': 'eui-expand-content'},{'name': 'EuiFeedbackMessageComponent', 'selector': 'eui-feedback-message'},{'name': 'EuiFieldsetComponent', 'selector': 'eui-fieldset'},{'name': 'EuiFilePreviewComponent', 'selector': 'eui-file-preview'},{'name': 'EuiFileUploadComponent', 'selector': 'eui-file-upload'},{'name': 'EuiFileUploadProgressComponent', 'selector': 'eui-file-upload-progress'},{'name': 'EuiFooterComponent', 'selector': 'eui-footer'},{'name': 'EuiGrowlComponent', 'selector': 'eui-growl'},{'name': 'EuiHeaderAppComponent', 'selector': 'eui-header-app'},{'name': 'EuiHeaderAppNameComponent', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoComponent', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleComponent', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiHeaderComponent', 'selector': 'eui-header'},{'name': 'EuiHeaderEnvironmentComponent', 'selector': 'eui-header-environment'},{'name': 'EuiHeaderLogoComponent', 'selector': 'eui-header-logo'},{'name': 'EuiHeaderRightContentComponent', 'selector': 'eui-header-right-content'},{'name': 'EuiHeaderUserProfileComponent', 'selector': 'eui-header-user-profile'},{'name': 'EuiIconColorComponent', 'selector': 'eui-icon-colored, span[euiIconColored], [euiIconColored]'},{'name': 'EuiIconComponent', 'selector': 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon'},{'name': 'EuiIconSvgButtonComponent', 'selector': 'eui-icon-svg-button'},{'name': 'EuiIconSvgComponent', 'selector': 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]'},{'name': 'EuiIconToggleComponent', 'selector': 'eui-icon-toggle'},{'name': 'EuiInputCheckboxComponent', 'selector': 'input[euiInputCheckBox]'},{'name': 'EuiInputGroupComponent', 'selector': 'div[euiInputGroup]'},{'name': 'EuiInputNumberComponent', 'selector': 'input[euiInputNumber]'},{'name': 'EuiInputRadioComponent', 'selector': 'input[euiInputRadio]'},{'name': 'EuiInputTextComponent', 'selector': 'input[euiInputText]'},{'name': 'EuiLabelComponent', 'selector': 'label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,
|
|
672
692
|
label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel'},{'name': 'EuiLanguageSelectorComponent', 'selector': 'eui-language-selector'},{'name': 'EuiListComponent', 'selector': '[euiList], eui-list'},{'name': 'EuiListItemComponent', 'selector': '[euiListItem], eui-list-item'},{'name': 'EuiMenuComponent', 'selector': 'eui-menu'},{'name': 'EuiMenuItemComponent', 'selector': 'eui-menu-item'},{'name': 'EuiMessageBoxComponent', 'selector': 'eui-message-box'},{'name': 'EuiModalSelectorComponent', 'selector': 'eui-modal-selector'},{'name': 'EuiNotificationItemComponent', 'selector': 'eui-notification-item'},{'name': 'EuiNotificationItemV2Component', 'selector': 'eui-notification-item-v2'},{'name': 'EuiNotificationsComponent', 'selector': 'eui-notifications'},{'name': 'EuiNotificationsV2Component', 'selector': 'eui-notifications-v2'},{'name': 'EuiOverlayBodyComponent', 'selector': 'eui-overlay-body'},{'name': 'EuiOverlayComponent', 'selector': 'eui-overlay'},{'name': 'EuiOverlayFooterComponent', 'selector': 'eui-overlay-footer'},{'name': 'EuiOverlayHeaderComponent', 'selector': 'eui-overlay-header'},{'name': 'EuiOverlayHeaderTitleComponent', 'selector': 'eui-overlay-header-title'},{'name': 'EuiPageBreadcrumbComponent', 'selector': 'eui-page-breadcrumb'},{'name': 'EuiPageColumnComponent', 'selector': 'eui-page-column'},{'name': 'EuiPageColumnsComponent', 'selector': 'eui-page-columns'},{'name': 'EuiPageComponent', 'selector': 'eui-page'},{'name': 'EuiPageContentComponent', 'selector': 'eui-page-content'},{'name': 'EuiPageFooterComponent', 'selector': 'eui-page-footer'},{'name': 'EuiPageHeaderComponent', 'selector': 'eui-page-header'},{'name': 'EuiPageHeroHeaderComponent', 'selector': 'eui-page-hero-header'},{'name': 'EuiPageTopContentComponent', 'selector': 'eui-page-top-content'},{'name': 'EuiPaginatorComponent', 'selector': 'eui-paginator'},{'name': 'EuiPopoverComponent', 'selector': 'eui-popover'},{'name': 'EuiProgressBarComponent', 'selector': 'eui-progress-bar'},{'name': 'EuiProgressCircleComponent', 'selector': 'eui-progress-circle'},{'name': 'EuiResizableComponent', 'selector': 'eui-resizable'},{'name': 'EuiSearchComponent', 'selector': 'eui-search'},{'name': 'EuiSelectComponent', 'selector': 'select[euiSelect]'},{'name': 'EuiSidebarMenuComponent', 'selector': 'eui-sidebar-menu'},{'name': 'EuiSidebarToggleComponent', 'selector': 'eui-sidebar-toggle'},{'name': 'EuiSkeletonComponent', 'selector': 'eui-skeleton'},{'name': 'EuiSlideToggleComponent', 'selector': 'eui-slide-toggle'},{'name': 'EuiSlideToggleTestComponent', 'selector': 'eui-slide-toggle-test-component'},{'name': 'EuiTabComponent', 'selector': 'eui-tab'},{'name': 'EuiTabContentComponent', 'selector': 'eui-tab-content, euiTabContent'},{'name': 'EuiTabLabelComponent', 'selector': 'eui-tab-label, euiTabLabel'},{'name': 'EuiTableComponent', 'selector': 'eui-table, table[euiTable]'},{'name': 'EuiTableExpandableRowComponent', 'selector': 'tr[euiTableExpandableRow]'},{'name': 'EuiTableFilterComponent', 'selector': 'eui-table-filter'},{'name': 'EuiTableSelectableHeaderComponent', 'selector': 'tr[isSelectableHeader]'},{'name': 'EuiTableSelectableRowComponent', 'selector': 'tr[isSelectable]'},{'name': 'EuiTableSortableColComponent', 'selector': 'th[sortable]'},{'name': 'EuiTabsComponent', 'selector': 'eui-tabs'},{'name': 'EuiTextareaComponent', 'selector': 'textarea[euiTextArea]'},{'name': 'EuiTimebarComponent', 'selector': 'eui-timebar'},{'name': 'EuiTimelineComponent', 'selector': 'eui-timeline'},{'name': 'EuiTimelineItemComponent', 'selector': 'eui-timeline-item'},{'name': 'EuiTimepickerComponent', 'selector': 'eui-timepicker'},{'name': 'EuiToolbarAppComponent', 'selector': 'eui-toolbar-app'},{'name': 'EuiToolbarCenterComponent', 'selector': 'eui-toolbar-center'},{'name': 'EuiToolbarComponent', 'selector': 'eui-toolbar'},{'name': 'EuiToolbarEnvironmentComponent', 'selector': 'eui-toolbar-environment'},{'name': 'EuiToolbarItemComponent', 'selector': 'eui-toolbar-item'},{'name': 'EuiToolbarItemsComponent', 'selector': 'eui-toolbar-items'},{'name': 'EuiToolbarLogoComponent', 'selector': 'eui-toolbar-logo'},{'name': 'EuiToolbarMenuComponent', 'selector': 'eui-toolbar-menu'},{'name': 'EuiTooltipContainerComponent', 'selector': 'eui-tooltip-container.component'},{'name': 'EuiTreeComponent', 'selector': 'eui-tree'},{'name': 'EuiTreeListComponent', 'selector': 'eui-tree-list'},{'name': 'EuiTreeListItemComponent', 'selector': 'eui-tree-list-item'},{'name': 'EuiTreeListItemContentComponent', 'selector': 'eui-tree-list-item-content'},{'name': 'EuiTreeListToolbarComponent', 'selector': 'eui-tree-list-toolbar'},{'name': 'EuiUserProfileCardComponent', 'selector': 'eui-user-profile-card'},{'name': 'EuiUserProfileComponent', 'selector': 'eui-user-profile'},{'name': 'EuiUserProfileMenuComponent', 'selector': 'eui-user-profile-menu'},{'name': 'EuiUserProfileMenuItemComponent', 'selector': 'eui-user-profile-menu-item'},{'name': 'EuiWizardComponent', 'selector': 'eui-wizard'},{'name': 'EuiWizardStepComponent', 'selector': 'eui-wizard-step'},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'}];
|
|
673
693
|
var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseDirective', 'selector': '[euiBase]'},{'name': 'BaseStatesDirective', 'selector': '[euiBase]'},{'name': 'CollapsedButtonDirective', 'selector': 'collapsed-button'},{'name': 'EuiActionButtonsDirective', 'selector': 'eui-action-buttons'},{'name': 'EuiAlertTitleDirective', 'selector': 'eui-alert-title'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiButtonsActionsContentTagDirective', 'selector': 'euiButtonsActionsContent'},{'name': 'EuiButtonsLocalMenuContentTagDirective', 'selector': 'euiButtonsLocalMenuContent'},{'name': 'EuiChipListAppendContentDirective', 'selector': 'euiChipListAppendContent'},{'name': 'EuiClearableDirective', 'selector': 'input[euiClearable]'},{'name': 'EuiDashboardButtonIconDirective', 'selector': 'eui-dashboard-button-icon'},{'name': 'EuiDashboardButtonLabelDirective', 'selector': 'eui-dashboard-button-label'},{'name': 'EuiDialogFooterDirective', 'selector': 'eui-dialog-footer'},{'name': 'EuiDialogHeaderDirective', 'selector': 'eui-dialog-header'},{'name': 'EuiDropdownContentDirective', 'selector': 'eui-dropdown-content'},{'name': 'EuiDropdownTreeDirective', 'selector': 'eui-dropdown[euiDropdownTree]'},{'name': 'EuiEditorCustomToolbarTagDirective', 'selector': 'euiEditorCustomToolbar'},{'name': 'EuiEditorMaxlengthDirective', 'selector': '[formControlName][euiEditorMaxlength]'},{'name': 'EuiFieldsetLabelExtraContentTagDirective', 'selector': 'euiFieldsetLabelExtraContent'},{'name': 'EuiFieldsetLabelRightContentTagDirective', 'selector': 'euiFieldsetLabelRightContent'},{'name': 'EuiHasPermissionDirective', 'selector': '[euiHasPermission]'},{'name': 'EuiHeaderAppNameDirective', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoDirective', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleDirective', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiInputNumberDirective', 'selector': 'input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiLoadingDirective', 'selector': '[euiLoading]'},{'name': 'EuiMaxLengthDirective', 'selector': '
|
|
@@ -1615,7 +1615,7 @@
|
|
|
1615
1615
|
<script src="../js/libs/htmlparser.js"></script>
|
|
1616
1616
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
1617
1617
|
<script>
|
|
1618
|
-
var COMPONENT_TEMPLATE = '<div><div #host class="eui-tabs {{ styleClass }}" [class.eui-tabs--main-navigation]="isMainNavigation" [class.eui-tabs--vertical]="isVerticalTabs" attr.data-e2e="{{ e2eAttr }}"> <div class="eui-u-flex" [class.eui-tabs__wrapper--horizontal]="!isVerticalTabs" [class.eui-tabs__wrapper--vertical]="isVerticalTabs"> <div #euiTabsItems class="eui-tabs__items" [class.eui-tabs__items--horizontal]="!isVerticalTabs" [class.eui-tabs__items--scrolling]="scrolling" (cdkObserveContent)="onContentChanges()"> <div #euiTabsItemsWrapper class="eui-tabs__items-wrapper" [attr.data-offset]="currentOffset" role="tablist"> <ng-container *ngFor="let tab of tabs; let i = index"> <ng-container *ngIf="tab.isVisible"> <div tabindex="0" role="tab" class="eui-tab-item" [class.eui-tab-item--closable]="tab.isClosable" [class.eui-tab-item--active]="activeTabIndex === i" [class.eui-tab-item--disabled]="tab.isDisabled" [class.eui-tab-item--secondary]="tab.euiSecondary" [class.eui-tab-item--primary]="tab.euiPrimary" [class.eui-tab-item--info]="tab.euiInfo" [class.eui-tab-item--success]="tab.euiSuccess" [class.eui-tab-item--warning]="tab.euiWarning" [class.eui-tab-item--danger]="tab.euiDanger" [class.eui-tab-item--accent]="tab.euiAccent" [class.eui-tab-item--background-filled]="tab.hasBackgroundFilled" [attr.aria-disabled]="tab.isDisabled" (click)="changeTab(i)" [euiTooltip]="tab.tooltip" (keyup)="onKeyUp($event, i)"> <div class="eui-tab-item__label"> <ng-template [cdkPortalOutlet]="tab.templateLabel.templatePortal"></ng-template> </div> <button *ngIf="tab.isClosable" (click)="closeTab(i, $event)" euiButton euiIconButton euiBasicButton euiRounded euiSizeXS type="button"
|
|
1618
|
+
var COMPONENT_TEMPLATE = '<div><div #host class="eui-tabs {{ styleClass }}" [class.eui-tabs--main-navigation]="isMainNavigation" [class.eui-tabs--vertical]="isVerticalTabs" attr.data-e2e="{{ e2eAttr }}"> <div class="eui-u-flex" [class.eui-tabs__wrapper--horizontal]="!isVerticalTabs" [class.eui-tabs__wrapper--vertical]="isVerticalTabs"> <div #euiTabsItems class="eui-tabs__items" [class.eui-tabs__items--horizontal]="!isVerticalTabs" [class.eui-tabs__items--scrolling]="scrolling" (cdkObserveContent)="onContentChanges()"> <div #euiTabsItemsWrapper class="eui-tabs__items-wrapper" [attr.data-offset]="currentOffset" role="tablist"> <ng-container *ngFor="let tab of tabs; let i = index"> <ng-container *ngIf="tab.isVisible"> <div tabindex="0" role="tab" class="eui-tab-item" [class.eui-tab-item--closable]="tab.isClosable" [class.eui-tab-item--active]="activeTabIndex === i" [class.eui-tab-item--disabled]="tab.isDisabled" [class.eui-tab-item--secondary]="tab.euiSecondary" [class.eui-tab-item--primary]="tab.euiPrimary" [class.eui-tab-item--info]="tab.euiInfo" [class.eui-tab-item--success]="tab.euiSuccess" [class.eui-tab-item--warning]="tab.euiWarning" [class.eui-tab-item--danger]="tab.euiDanger" [class.eui-tab-item--accent]="tab.euiAccent" [class.eui-tab-item--background-filled]="tab.hasBackgroundFilled" [attr.aria-disabled]="tab.isDisabled" (click)="changeTab(i)" [euiTooltip]="tab.tooltip" (keyup)="onKeyUp($event, i)"> <div class="eui-tab-item__label"> <ng-template [cdkPortalOutlet]="tab.templateLabel.templatePortal"></ng-template> </div> <button *ngIf="tab.isClosable" (click)="closeTab(i, $event)" euiButton euiIconButton euiBasicButton euiRounded euiSizeXS type="button" aria-label="Close tab button" class="eui-u-ml-s"> <eui-icon-svg icon="eui-ecl-close" size="l" fillColor="grey-75" class="eui-tab__close-icon" aria-label="Close icon"> </eui-icon-svg> </button> </div> </ng-container> </ng-container> </div> <div class="eui-tabs__navigation"> <div class="eui-tabs__navigation__left-item"> <button (click)="goToLeft()" euiButton euiIconButton euiBasicButton type="button" [euiDisabled]="navigationLeftButtonDisabled" aria-label="Scroll left"> <eui-icon-svg icon="eui-chevron-back"></eui-icon-svg> </button> </div> <div class="eui-tabs__navigation__right-item"> <button (click)="goToRight()" euiButton euiIconButton euiBasicButton type="button" [euiDisabled]="navigationRightButtonDisabled" aria-label="Scroll right"> <eui-icon-svg icon="eui-chevron-forward"></eui-icon-svg> </button> </div> </div> </div> <div class="eui-tabs__right-content"> <ng-content select="euiTabsRightContent"></ng-content> </div> </div> <ng-container *ngFor="let tab of tabs; let i = index"> <div class="eui-tab-content-wrapper" tabindex="0" *ngIf="i === activeTabIndex && tab.templateContent"> <ng-template [cdkPortalOutlet]="tab.templateContent.templatePortal"></ng-template> </div> </ng-container></div></div>'
|
|
1619
1619
|
var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'CollapsedBreadcrumbComponent', 'selector': 'eui-collapsed-breadcrumb'},{'name': 'EuiAlertComponent', 'selector': 'div[euiAlert], eui-alert'},{'name': 'EuiAppBreadcrumbComponent', 'selector': 'eui-app-breadcrumb'},{'name': 'EuiAppComponent', 'selector': 'eui-app'},{'name': 'EuiAppFooterComponent', 'selector': 'eui-app-footer'},{'name': 'EuiAppHeaderComponent', 'selector': 'eui-app-header'},{'name': 'EuiAppSidebarBodyComponent', 'selector': 'eui-app-sidebar-body'},{'name': 'EuiAppSidebarComponent', 'selector': 'eui-app-sidebar'},{'name': 'EuiAppSidebarDrawerComponent', 'selector': 'eui-app-sidebar-drawer'},{'name': 'EuiAppSidebarFooterComponent', 'selector': 'eui-app-sidebar-footer'},{'name': 'EuiAppSidebarHeaderComponent', 'selector': 'eui-app-sidebar-header'},{'name': 'EuiAppSidebarHeaderUserProfileComponent', 'selector': 'eui-app-sidebar-header-user-profile'},{'name': 'EuiAppSidebarMenuComponent', 'selector': 'eui-app-sidebar-menu'},{'name': 'EuiAppToolbarComponent', 'selector': 'eui-app-toolbar'},{'name': 'EuiAppTopMessageComponent', 'selector': 'eui-app-top-message'},{'name': 'EuiAutocompleteAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteComponent', 'selector': 'eui-autocomplete, input[euiAutocomplete]'},{'name': 'EuiAutocompleteOptionComponent', 'selector': 'eui-autocomplete-option'},{'name': 'EuiAutocompleteOptionGroupComponent', 'selector': 'eui-autocomplete-option-group'},{'name': 'EuiAutocompleteTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAvatarBadgeComponent', 'selector': 'eui-avatar-badge'},{'name': 'EuiAvatarComponent', 'selector': 'div[euiAvatar], span[euiAvatar], eui-avatar'},{'name': 'EuiAvatarIconComponent', 'selector': 'eui-avatar-icon'},{'name': 'EuiAvatarImageComponent', 'selector': 'eui-avatar-image'},{'name': 'EuiAvatarListComponent', 'selector': 'eui-avatar-list'},{'name': 'EuiAvatarTextComponent', 'selector': 'eui-avatar-text'},{'name': 'EuiBadgeComponent', 'selector': 'div[euiBadge], span[euiBadge], eui-badge'},{'name': 'EuiBlockContentComponent', 'selector': 'eui-block-content'},{'name': 'EuiBlockDocumentComponent', 'selector': 'eui-block-document'},{'name': 'EuiBreadcrumbComponent', 'selector': 'eui-breadcrumb'},{'name': 'EuiBreadcrumbItemComponent', 'selector': 'eui-breadcrumb-item'},{'name': 'EuiButtonComponent', 'selector': 'button[euiButton], a[euiButton]'},{'name': 'EuiButtonGroupComponent', 'selector': 'eui-button-group'},{'name': 'EuiButtonsComponent', 'selector': 'eui-buttons'},{'name': 'EuiCardComponent', 'selector': 'eui-card'},{'name': 'EuiCardContentComponent', 'selector': 'eui-card-content'},{'name': 'EuiCardFooterActionButtonsComponent', 'selector': 'eui-card-footer-action-buttons'},{'name': 'EuiCardFooterActionIconsComponent', 'selector': 'eui-card-footer-action-icons'},{'name': 'EuiCardFooterComponent', 'selector': 'eui-card-footer'},{'name': 'EuiCardFooterMenuContentComponent', 'selector': 'eui-card-footer-menu-content'},{'name': 'EuiCardHeaderBodyComponent', 'selector': 'eui-card-header-body'},{'name': 'EuiCardHeaderComponent', 'selector': 'eui-card-header'},{'name': 'EuiCardHeaderLeftContentComponent', 'selector': 'eui-card-header-left-content'},{'name': 'EuiCardHeaderRightContentComponent', 'selector': 'eui-card-header-right-content'},{'name': 'EuiCardHeaderSubtitleComponent', 'selector': 'eui-card-header-subtitle'},{'name': 'EuiCardHeaderTitleComponent', 'selector': 'eui-card-header-title'},{'name': 'EuiCardMediaComponent', 'selector': 'eui-card-media'},{'name': 'EuiChipComponent', 'selector': 'eui-chip, span[euiChip], li[euiChip]'},{'name': 'EuiChipListComponent', 'selector': 'eui-chip-list, div[euiChipList], ul[euiChipList]'},{'name': 'EuiCommonHeaderComponent', 'selector': 'eui-common-header'},{'name': 'EuiDashboardButtonComponent', 'selector': 'eui-dashboard-button'},{'name': 'EuiDashboardCardComponent', 'selector': 'eui-dashboard-card'},{'name': 'EuiDatepickerComponent', 'selector': 'eui-datepicker'},{'name': 'EuiDateRangeSelectorComponent', 'selector': 'eui-date-range-selector'},{'name': 'EuiDialogComponent', 'selector': 'eui-dialog'},{'name': 'EuiDialogContainerComponent', 'selector': 'eui-dialog-container'},{'name': 'EuiDimmerComponent', 'selector': 'eui-dimmer'},{'name': 'EuiDisableContentComponent', 'selector': 'eui-disable-content'},{'name': 'EuiDiscussionThreadComponent', 'selector': 'eui-discussion-thread'},{'name': 'EuiDiscussionThreadItemComponent', 'selector': 'eui-discussion-thread-item'},{'name': 'EuiDropdownComponent', 'selector': 'eui-dropdown'},{'name': 'EuiDropdownItemComponent', 'selector': 'eui-dropdown-item, [euiDropdownItem]'},{'name': 'EuiEditorComponent', 'selector': 'eui-editor'},{'name': 'EuiEditorCountersComponent', 'selector': 'eui-editor-counters'},{'name': 'EuiEditorHtmlViewComponent', 'selector': 'eui-editor-html-view'},{'name': 'EuiEditorImageDialogComponent', 'selector': ''},{'name': 'EuiEditorJsonViewComponent', 'selector': 'eui-editor-json-view'},{'name': 'EuiExpandContentComponent', 'selector': 'eui-expand-content'},{'name': 'EuiFeedbackMessageComponent', 'selector': 'eui-feedback-message'},{'name': 'EuiFieldsetComponent', 'selector': 'eui-fieldset'},{'name': 'EuiFilePreviewComponent', 'selector': 'eui-file-preview'},{'name': 'EuiFileUploadComponent', 'selector': 'eui-file-upload'},{'name': 'EuiFileUploadProgressComponent', 'selector': 'eui-file-upload-progress'},{'name': 'EuiFooterComponent', 'selector': 'eui-footer'},{'name': 'EuiGrowlComponent', 'selector': 'eui-growl'},{'name': 'EuiHeaderAppComponent', 'selector': 'eui-header-app'},{'name': 'EuiHeaderAppNameComponent', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoComponent', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleComponent', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiHeaderComponent', 'selector': 'eui-header'},{'name': 'EuiHeaderEnvironmentComponent', 'selector': 'eui-header-environment'},{'name': 'EuiHeaderLogoComponent', 'selector': 'eui-header-logo'},{'name': 'EuiHeaderRightContentComponent', 'selector': 'eui-header-right-content'},{'name': 'EuiHeaderUserProfileComponent', 'selector': 'eui-header-user-profile'},{'name': 'EuiIconColorComponent', 'selector': 'eui-icon-colored, span[euiIconColored], [euiIconColored]'},{'name': 'EuiIconComponent', 'selector': 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon'},{'name': 'EuiIconSvgButtonComponent', 'selector': 'eui-icon-svg-button'},{'name': 'EuiIconSvgComponent', 'selector': 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]'},{'name': 'EuiIconToggleComponent', 'selector': 'eui-icon-toggle'},{'name': 'EuiInputCheckboxComponent', 'selector': 'input[euiInputCheckBox]'},{'name': 'EuiInputGroupComponent', 'selector': 'div[euiInputGroup]'},{'name': 'EuiInputNumberComponent', 'selector': 'input[euiInputNumber]'},{'name': 'EuiInputRadioComponent', 'selector': 'input[euiInputRadio]'},{'name': 'EuiInputTextComponent', 'selector': 'input[euiInputText]'},{'name': 'EuiLabelComponent', 'selector': 'label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,
|
|
1620
1620
|
label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel'},{'name': 'EuiLanguageSelectorComponent', 'selector': 'eui-language-selector'},{'name': 'EuiListComponent', 'selector': '[euiList], eui-list'},{'name': 'EuiListItemComponent', 'selector': '[euiListItem], eui-list-item'},{'name': 'EuiMenuComponent', 'selector': 'eui-menu'},{'name': 'EuiMenuItemComponent', 'selector': 'eui-menu-item'},{'name': 'EuiMessageBoxComponent', 'selector': 'eui-message-box'},{'name': 'EuiModalSelectorComponent', 'selector': 'eui-modal-selector'},{'name': 'EuiNotificationItemComponent', 'selector': 'eui-notification-item'},{'name': 'EuiNotificationItemV2Component', 'selector': 'eui-notification-item-v2'},{'name': 'EuiNotificationsComponent', 'selector': 'eui-notifications'},{'name': 'EuiNotificationsV2Component', 'selector': 'eui-notifications-v2'},{'name': 'EuiOverlayBodyComponent', 'selector': 'eui-overlay-body'},{'name': 'EuiOverlayComponent', 'selector': 'eui-overlay'},{'name': 'EuiOverlayFooterComponent', 'selector': 'eui-overlay-footer'},{'name': 'EuiOverlayHeaderComponent', 'selector': 'eui-overlay-header'},{'name': 'EuiOverlayHeaderTitleComponent', 'selector': 'eui-overlay-header-title'},{'name': 'EuiPageBreadcrumbComponent', 'selector': 'eui-page-breadcrumb'},{'name': 'EuiPageColumnComponent', 'selector': 'eui-page-column'},{'name': 'EuiPageColumnsComponent', 'selector': 'eui-page-columns'},{'name': 'EuiPageComponent', 'selector': 'eui-page'},{'name': 'EuiPageContentComponent', 'selector': 'eui-page-content'},{'name': 'EuiPageFooterComponent', 'selector': 'eui-page-footer'},{'name': 'EuiPageHeaderComponent', 'selector': 'eui-page-header'},{'name': 'EuiPageHeroHeaderComponent', 'selector': 'eui-page-hero-header'},{'name': 'EuiPageTopContentComponent', 'selector': 'eui-page-top-content'},{'name': 'EuiPaginatorComponent', 'selector': 'eui-paginator'},{'name': 'EuiPopoverComponent', 'selector': 'eui-popover'},{'name': 'EuiProgressBarComponent', 'selector': 'eui-progress-bar'},{'name': 'EuiProgressCircleComponent', 'selector': 'eui-progress-circle'},{'name': 'EuiResizableComponent', 'selector': 'eui-resizable'},{'name': 'EuiSearchComponent', 'selector': 'eui-search'},{'name': 'EuiSelectComponent', 'selector': 'select[euiSelect]'},{'name': 'EuiSidebarMenuComponent', 'selector': 'eui-sidebar-menu'},{'name': 'EuiSidebarToggleComponent', 'selector': 'eui-sidebar-toggle'},{'name': 'EuiSkeletonComponent', 'selector': 'eui-skeleton'},{'name': 'EuiSlideToggleComponent', 'selector': 'eui-slide-toggle'},{'name': 'EuiSlideToggleTestComponent', 'selector': 'eui-slide-toggle-test-component'},{'name': 'EuiTabComponent', 'selector': 'eui-tab'},{'name': 'EuiTabContentComponent', 'selector': 'eui-tab-content, euiTabContent'},{'name': 'EuiTabLabelComponent', 'selector': 'eui-tab-label, euiTabLabel'},{'name': 'EuiTableComponent', 'selector': 'eui-table, table[euiTable]'},{'name': 'EuiTableExpandableRowComponent', 'selector': 'tr[euiTableExpandableRow]'},{'name': 'EuiTableFilterComponent', 'selector': 'eui-table-filter'},{'name': 'EuiTableSelectableHeaderComponent', 'selector': 'tr[isSelectableHeader]'},{'name': 'EuiTableSelectableRowComponent', 'selector': 'tr[isSelectable]'},{'name': 'EuiTableSortableColComponent', 'selector': 'th[sortable]'},{'name': 'EuiTabsComponent', 'selector': 'eui-tabs'},{'name': 'EuiTextareaComponent', 'selector': 'textarea[euiTextArea]'},{'name': 'EuiTimebarComponent', 'selector': 'eui-timebar'},{'name': 'EuiTimelineComponent', 'selector': 'eui-timeline'},{'name': 'EuiTimelineItemComponent', 'selector': 'eui-timeline-item'},{'name': 'EuiTimepickerComponent', 'selector': 'eui-timepicker'},{'name': 'EuiToolbarAppComponent', 'selector': 'eui-toolbar-app'},{'name': 'EuiToolbarCenterComponent', 'selector': 'eui-toolbar-center'},{'name': 'EuiToolbarComponent', 'selector': 'eui-toolbar'},{'name': 'EuiToolbarEnvironmentComponent', 'selector': 'eui-toolbar-environment'},{'name': 'EuiToolbarItemComponent', 'selector': 'eui-toolbar-item'},{'name': 'EuiToolbarItemsComponent', 'selector': 'eui-toolbar-items'},{'name': 'EuiToolbarLogoComponent', 'selector': 'eui-toolbar-logo'},{'name': 'EuiToolbarMenuComponent', 'selector': 'eui-toolbar-menu'},{'name': 'EuiTooltipContainerComponent', 'selector': 'eui-tooltip-container.component'},{'name': 'EuiTreeComponent', 'selector': 'eui-tree'},{'name': 'EuiTreeListComponent', 'selector': 'eui-tree-list'},{'name': 'EuiTreeListItemComponent', 'selector': 'eui-tree-list-item'},{'name': 'EuiTreeListItemContentComponent', 'selector': 'eui-tree-list-item-content'},{'name': 'EuiTreeListToolbarComponent', 'selector': 'eui-tree-list-toolbar'},{'name': 'EuiUserProfileCardComponent', 'selector': 'eui-user-profile-card'},{'name': 'EuiUserProfileComponent', 'selector': 'eui-user-profile'},{'name': 'EuiUserProfileMenuComponent', 'selector': 'eui-user-profile-menu'},{'name': 'EuiUserProfileMenuItemComponent', 'selector': 'eui-user-profile-menu-item'},{'name': 'EuiWizardComponent', 'selector': 'eui-wizard'},{'name': 'EuiWizardStepComponent', 'selector': 'eui-wizard-step'},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'}];
|
|
1621
1621
|
var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseDirective', 'selector': '[euiBase]'},{'name': 'BaseStatesDirective', 'selector': '[euiBase]'},{'name': 'CollapsedButtonDirective', 'selector': 'collapsed-button'},{'name': 'EuiActionButtonsDirective', 'selector': 'eui-action-buttons'},{'name': 'EuiAlertTitleDirective', 'selector': 'eui-alert-title'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiButtonsActionsContentTagDirective', 'selector': 'euiButtonsActionsContent'},{'name': 'EuiButtonsLocalMenuContentTagDirective', 'selector': 'euiButtonsLocalMenuContent'},{'name': 'EuiChipListAppendContentDirective', 'selector': 'euiChipListAppendContent'},{'name': 'EuiClearableDirective', 'selector': 'input[euiClearable]'},{'name': 'EuiDashboardButtonIconDirective', 'selector': 'eui-dashboard-button-icon'},{'name': 'EuiDashboardButtonLabelDirective', 'selector': 'eui-dashboard-button-label'},{'name': 'EuiDialogFooterDirective', 'selector': 'eui-dialog-footer'},{'name': 'EuiDialogHeaderDirective', 'selector': 'eui-dialog-header'},{'name': 'EuiDropdownContentDirective', 'selector': 'eui-dropdown-content'},{'name': 'EuiDropdownTreeDirective', 'selector': 'eui-dropdown[euiDropdownTree]'},{'name': 'EuiEditorCustomToolbarTagDirective', 'selector': 'euiEditorCustomToolbar'},{'name': 'EuiEditorMaxlengthDirective', 'selector': '[formControlName][euiEditorMaxlength]'},{'name': 'EuiFieldsetLabelExtraContentTagDirective', 'selector': 'euiFieldsetLabelExtraContent'},{'name': 'EuiFieldsetLabelRightContentTagDirective', 'selector': 'euiFieldsetLabelRightContent'},{'name': 'EuiHasPermissionDirective', 'selector': '[euiHasPermission]'},{'name': 'EuiHeaderAppNameDirective', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoDirective', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleDirective', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiInputNumberDirective', 'selector': 'input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiLoadingDirective', 'selector': '[euiLoading]'},{'name': 'EuiMaxLengthDirective', 'selector': '
|