carbon-components-angular 5.58.0 → 5.58.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/documentation/components/ActionableNotification.html +80 -41
- package/docs/documentation/components/Notification.html +76 -37
- package/docs/documentation/coverage.html +6 -6
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/ComboBoxModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ComboBoxModule.html +4 -4
- package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +37 -41
- package/docs/documentation/modules/DatePickerInputModule.html +37 -41
- package/docs/documentation/modules/DialogModule/dependencies.svg +34 -34
- package/docs/documentation/modules/DialogModule.html +34 -34
- package/docs/documentation/modules/FileUploaderModule/dependencies.svg +36 -36
- package/docs/documentation/modules/FileUploaderModule.html +36 -36
- package/docs/documentation/modules/NumberModule/dependencies.svg +4 -4
- package/docs/documentation/modules/NumberModule.html +4 -4
- package/docs/documentation/modules/RadioModule/dependencies.svg +48 -48
- package/docs/documentation/modules/RadioModule.html +48 -48
- package/docs/documentation/modules/SelectModule/dependencies.svg +43 -43
- package/docs/documentation/modules/SelectModule.html +43 -43
- package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SliderModule.html +4 -4
- package/docs/documentation/modules/TabsModule/dependencies.svg +69 -69
- package/docs/documentation/modules/TabsModule.html +69 -69
- package/docs/documentation/modules/TagModule/dependencies.svg +39 -39
- package/docs/documentation/modules/TagModule.html +39 -39
- package/docs/documentation/modules/ThemeModule/dependencies.svg +13 -13
- package/docs/documentation/modules/ThemeModule.html +13 -13
- package/docs/documentation/modules/TilesModule/dependencies.svg +91 -91
- package/docs/documentation/modules/TilesModule.html +91 -91
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +42 -38
- package/docs/documentation/modules/TimePickerModule.html +42 -38
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +41 -45
- package/docs/documentation/modules/TimePickerSelectModule.html +41 -45
- package/docs/documentation/modules/ToggleModule/dependencies.svg +18 -18
- package/docs/documentation/modules/ToggleModule.html +18 -18
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +37 -37
- package/docs/documentation/modules/ToggletipModule.html +37 -37
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +36 -36
- package/docs/documentation/modules/TreeviewModule.html +36 -36
- package/docs/documentation.json +88 -68
- package/docs/storybook/901.9e4e376b.iframe.bundle.js +1 -0
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/main.bb78eaa7.iframe.bundle.js +1 -0
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.89fec306.iframe.bundle.js → runtime~main.d514f8b8.iframe.bundle.js} +1 -1
- package/esm2020/notification/actionable-notification.component.mjs +18 -7
- package/esm2020/notification/notification.component.mjs +17 -6
- package/fesm2015/carbon-components-angular-notification.mjs +33 -11
- package/fesm2015/carbon-components-angular-notification.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-notification.mjs +33 -11
- package/fesm2020/carbon-components-angular-notification.mjs.map +1 -1
- package/notification/actionable-notification.component.d.ts +1 -0
- package/notification/notification.component.d.ts +1 -0
- package/package.json +1 -1
- package/docs/storybook/901.32dc2d61.iframe.bundle.js +0 -1
- package/docs/storybook/main.622b2392.iframe.bundle.js +0 -1
|
@@ -185,7 +185,12 @@
|
|
|
185
185
|
class="cds--inline-notification__icon">
|
|
186
186
|
</svg>
|
|
187
187
|
<div class="cds--inline-notification__text-wrapper">
|
|
188
|
-
<div
|
|
188
|
+
<div
|
|
189
|
+
cdsNotificationTitle
|
|
190
|
+
*ngIf="!notificationObj.template"
|
|
191
|
+
[innerHTML]="notificationObj.title"
|
|
192
|
+
[id]="notificationID">
|
|
193
|
+
</div>
|
|
189
194
|
<div *ngIf="!notificationObj.template" cdsNotificationSubtitle>
|
|
190
195
|
<span [innerHTML]="notificationObj.message"></span>
|
|
191
196
|
</div>
|
|
@@ -237,9 +242,12 @@
|
|
|
237
242
|
<a href="#notificationCount" >notificationCount</a>
|
|
238
243
|
</li>
|
|
239
244
|
<li>
|
|
240
|
-
<span class="modifier"></span>
|
|
241
245
|
<a href="#notificationID" >notificationID</a>
|
|
242
246
|
</li>
|
|
247
|
+
<li>
|
|
248
|
+
<span class="modifier"></span>
|
|
249
|
+
<a href="#notificationLabel" >notificationLabel</a>
|
|
250
|
+
</li>
|
|
243
251
|
<li>
|
|
244
252
|
<span class="modifier">Protected</span>
|
|
245
253
|
<a href="#_notificationObj" >_notificationObj</a>
|
|
@@ -319,7 +327,7 @@
|
|
|
319
327
|
<td class="col-md-4">
|
|
320
328
|
<ul class="index-list">
|
|
321
329
|
<li>
|
|
322
|
-
<a href="#attr.
|
|
330
|
+
<a href="#attr.aria-labelledBy" >attr.aria-labelledBy</a>
|
|
323
331
|
</li>
|
|
324
332
|
<li>
|
|
325
333
|
<a href="#class.cds--inline-notification" >class.cds--inline-notification</a>
|
|
@@ -409,7 +417,7 @@
|
|
|
409
417
|
</tr>
|
|
410
418
|
<tr>
|
|
411
419
|
<td class="col-md-4">
|
|
412
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
420
|
+
<div class="io-line">Defined in <a href="" data-line="80" class="link-to-prism">src/notification/notification.component.ts:80</a></div>
|
|
413
421
|
</td>
|
|
414
422
|
</tr>
|
|
415
423
|
|
|
@@ -477,7 +485,7 @@
|
|
|
477
485
|
</tr>
|
|
478
486
|
<tr>
|
|
479
487
|
<td class="col-md-2" colspan="2">
|
|
480
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
488
|
+
<div class="io-line">Defined in <a href="" data-line="60" class="link-to-prism">src/notification/notification.component.ts:60</a></div>
|
|
481
489
|
</td>
|
|
482
490
|
</tr>
|
|
483
491
|
<tr>
|
|
@@ -533,10 +541,10 @@
|
|
|
533
541
|
<tbody>
|
|
534
542
|
<tr>
|
|
535
543
|
<td class="col-md-4">
|
|
536
|
-
<a name="attr.
|
|
544
|
+
<a name="attr.aria-labelledBy"></a>
|
|
537
545
|
<span class="name">
|
|
538
|
-
<span ><b>attr.
|
|
539
|
-
<a href="#attr.
|
|
546
|
+
<span ><b>attr.aria-labelledBy</b></span>
|
|
547
|
+
<a href="#attr.aria-labelledBy"><span class="icon ion-ios-link"></span></a>
|
|
540
548
|
</span>
|
|
541
549
|
</td>
|
|
542
550
|
</tr>
|
|
@@ -548,12 +556,12 @@
|
|
|
548
556
|
</tr>
|
|
549
557
|
<tr>
|
|
550
558
|
<td class="col-md-4">
|
|
551
|
-
<i>Default value : </i><code
|
|
559
|
+
<i>Default value : </i><code>this.notificationID</code>
|
|
552
560
|
</td>
|
|
553
561
|
</tr>
|
|
554
562
|
<tr>
|
|
555
563
|
<td class="col-md-4">
|
|
556
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
564
|
+
<div class="io-line">Defined in <a href="" data-line="71" class="link-to-prism">src/notification/notification.component.ts:71</a></div>
|
|
557
565
|
</td>
|
|
558
566
|
</tr>
|
|
559
567
|
|
|
@@ -584,7 +592,7 @@
|
|
|
584
592
|
</tr>
|
|
585
593
|
<tr>
|
|
586
594
|
<td class="col-md-4">
|
|
587
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
595
|
+
<div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">src/notification/notification.component.ts:72</a></div>
|
|
588
596
|
</td>
|
|
589
597
|
</tr>
|
|
590
598
|
|
|
@@ -610,7 +618,7 @@
|
|
|
610
618
|
</tr>
|
|
611
619
|
<tr>
|
|
612
620
|
<td class="col-md-4">
|
|
613
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
621
|
+
<div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/notification/notification.component.ts:73</a></div>
|
|
614
622
|
</td>
|
|
615
623
|
</tr>
|
|
616
624
|
|
|
@@ -636,7 +644,7 @@
|
|
|
636
644
|
</tr>
|
|
637
645
|
<tr>
|
|
638
646
|
<td class="col-md-4">
|
|
639
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
647
|
+
<div class="io-line">Defined in <a href="" data-line="80" class="link-to-prism">src/notification/notification.component.ts:80</a></div>
|
|
640
648
|
</td>
|
|
641
649
|
</tr>
|
|
642
650
|
|
|
@@ -662,7 +670,7 @@
|
|
|
662
670
|
</tr>
|
|
663
671
|
<tr>
|
|
664
672
|
<td class="col-md-4">
|
|
665
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
673
|
+
<div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">src/notification/notification.component.ts:74</a></div>
|
|
666
674
|
</td>
|
|
667
675
|
</tr>
|
|
668
676
|
|
|
@@ -688,7 +696,7 @@
|
|
|
688
696
|
</tr>
|
|
689
697
|
<tr>
|
|
690
698
|
<td class="col-md-4">
|
|
691
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
699
|
+
<div class="io-line">Defined in <a href="" data-line="75" class="link-to-prism">src/notification/notification.component.ts:75</a></div>
|
|
692
700
|
</td>
|
|
693
701
|
</tr>
|
|
694
702
|
|
|
@@ -714,7 +722,7 @@
|
|
|
714
722
|
</tr>
|
|
715
723
|
<tr>
|
|
716
724
|
<td class="col-md-4">
|
|
717
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
725
|
+
<div class="io-line">Defined in <a href="" data-line="79" class="link-to-prism">src/notification/notification.component.ts:79</a></div>
|
|
718
726
|
</td>
|
|
719
727
|
</tr>
|
|
720
728
|
|
|
@@ -740,7 +748,7 @@
|
|
|
740
748
|
</tr>
|
|
741
749
|
<tr>
|
|
742
750
|
<td class="col-md-4">
|
|
743
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
751
|
+
<div class="io-line">Defined in <a href="" data-line="76" class="link-to-prism">src/notification/notification.component.ts:76</a></div>
|
|
744
752
|
</td>
|
|
745
753
|
</tr>
|
|
746
754
|
|
|
@@ -766,7 +774,7 @@
|
|
|
766
774
|
</tr>
|
|
767
775
|
<tr>
|
|
768
776
|
<td class="col-md-4">
|
|
769
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
777
|
+
<div class="io-line">Defined in <a href="" data-line="77" class="link-to-prism">src/notification/notification.component.ts:77</a></div>
|
|
770
778
|
</td>
|
|
771
779
|
</tr>
|
|
772
780
|
|
|
@@ -792,7 +800,7 @@
|
|
|
792
800
|
</tr>
|
|
793
801
|
<tr>
|
|
794
802
|
<td class="col-md-4">
|
|
795
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
803
|
+
<div class="io-line">Defined in <a href="" data-line="78" class="link-to-prism">src/notification/notification.component.ts:78</a></div>
|
|
796
804
|
</td>
|
|
797
805
|
</tr>
|
|
798
806
|
|
|
@@ -1048,7 +1056,7 @@
|
|
|
1048
1056
|
</tr>
|
|
1049
1057
|
<tr>
|
|
1050
1058
|
<td class="col-md-4">
|
|
1051
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1059
|
+
<div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">src/notification/notification.component.ts:72</a></div>
|
|
1052
1060
|
</td>
|
|
1053
1061
|
</tr>
|
|
1054
1062
|
|
|
@@ -1081,7 +1089,7 @@
|
|
|
1081
1089
|
</tr>
|
|
1082
1090
|
<tr>
|
|
1083
1091
|
<td class="col-md-4">
|
|
1084
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1092
|
+
<div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/notification/notification.component.ts:52</a></div>
|
|
1085
1093
|
</td>
|
|
1086
1094
|
</tr>
|
|
1087
1095
|
|
|
@@ -1094,7 +1102,6 @@
|
|
|
1094
1102
|
<td class="col-md-4">
|
|
1095
1103
|
<a name="notificationID"></a>
|
|
1096
1104
|
<span class="name">
|
|
1097
|
-
<span class="modifier"></span>
|
|
1098
1105
|
<span ><b>notificationID</b></span>
|
|
1099
1106
|
<a href="#notificationID"><span class="icon ion-ios-link"></span></a>
|
|
1100
1107
|
</span>
|
|
@@ -1104,19 +1111,45 @@
|
|
|
1104
1111
|
<td class="col-md-4">
|
|
1105
1112
|
<i>Default value : </i><code>`notification-${Notification.notificationCount++}`</code>
|
|
1106
1113
|
</td>
|
|
1114
|
+
</tr>
|
|
1115
|
+
<tr>
|
|
1116
|
+
<td class="col-md-4">
|
|
1117
|
+
<div class="io-line">Defined in <a href="" data-line="70" class="link-to-prism">src/notification/notification.component.ts:70</a></div>
|
|
1118
|
+
</td>
|
|
1119
|
+
</tr>
|
|
1120
|
+
|
|
1121
|
+
|
|
1122
|
+
</tbody>
|
|
1123
|
+
</table>
|
|
1124
|
+
<table class="table table-sm table-bordered">
|
|
1125
|
+
<tbody>
|
|
1126
|
+
<tr>
|
|
1127
|
+
<td class="col-md-4">
|
|
1128
|
+
<a name="notificationLabel"></a>
|
|
1129
|
+
<span class="name">
|
|
1130
|
+
<span class="modifier"></span>
|
|
1131
|
+
<span ><b>notificationLabel</b></span>
|
|
1132
|
+
<a href="#notificationLabel"><span class="icon ion-ios-link"></span></a>
|
|
1133
|
+
</span>
|
|
1134
|
+
</td>
|
|
1135
|
+
</tr>
|
|
1136
|
+
<tr>
|
|
1137
|
+
<td class="col-md-4">
|
|
1138
|
+
<i>Default value : </i><code>this.notificationID</code>
|
|
1139
|
+
</td>
|
|
1107
1140
|
</tr>
|
|
1108
1141
|
<tr>
|
|
1109
1142
|
<td class="col-md-4">
|
|
1110
1143
|
<b>Decorators : </b>
|
|
1111
1144
|
<br />
|
|
1112
1145
|
<code>
|
|
1113
|
-
@HostBinding('attr.
|
|
1146
|
+
@HostBinding('attr.aria-labelledBy')<br />
|
|
1114
1147
|
</code>
|
|
1115
1148
|
</td>
|
|
1116
1149
|
</tr>
|
|
1117
1150
|
<tr>
|
|
1118
1151
|
<td class="col-md-4">
|
|
1119
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1152
|
+
<div class="io-line">Defined in <a href="" data-line="71" class="link-to-prism">src/notification/notification.component.ts:71</a></div>
|
|
1120
1153
|
</td>
|
|
1121
1154
|
</tr>
|
|
1122
1155
|
|
|
@@ -1309,7 +1342,7 @@
|
|
|
1309
1342
|
</tr>
|
|
1310
1343
|
<tr>
|
|
1311
1344
|
<td class="col-md-4">
|
|
1312
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1345
|
+
<div class="io-line">Defined in <a href="" data-line="60" class="link-to-prism">src/notification/notification.component.ts:60</a></div>
|
|
1313
1346
|
</td>
|
|
1314
1347
|
</tr>
|
|
1315
1348
|
<tr>
|
|
@@ -1333,7 +1366,7 @@
|
|
|
1333
1366
|
</tr>
|
|
1334
1367
|
<tr>
|
|
1335
1368
|
<td class="col-md-4">
|
|
1336
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1369
|
+
<div class="io-line">Defined in <a href="" data-line="63" class="link-to-prism">src/notification/notification.component.ts:63</a></div>
|
|
1337
1370
|
</td>
|
|
1338
1371
|
</tr>
|
|
1339
1372
|
<tr>
|
|
@@ -1391,7 +1424,7 @@
|
|
|
1391
1424
|
</tr>
|
|
1392
1425
|
<tr>
|
|
1393
1426
|
<td class="col-md-4">
|
|
1394
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1427
|
+
<div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/notification/notification.component.ts:73</a></div>
|
|
1395
1428
|
</td>
|
|
1396
1429
|
</tr>
|
|
1397
1430
|
|
|
@@ -1413,7 +1446,7 @@
|
|
|
1413
1446
|
</tr>
|
|
1414
1447
|
<tr>
|
|
1415
1448
|
<td class="col-md-4">
|
|
1416
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1449
|
+
<div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">src/notification/notification.component.ts:74</a></div>
|
|
1417
1450
|
</td>
|
|
1418
1451
|
</tr>
|
|
1419
1452
|
|
|
@@ -1435,7 +1468,7 @@
|
|
|
1435
1468
|
</tr>
|
|
1436
1469
|
<tr>
|
|
1437
1470
|
<td class="col-md-4">
|
|
1438
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1471
|
+
<div class="io-line">Defined in <a href="" data-line="75" class="link-to-prism">src/notification/notification.component.ts:75</a></div>
|
|
1439
1472
|
</td>
|
|
1440
1473
|
</tr>
|
|
1441
1474
|
|
|
@@ -1457,7 +1490,7 @@
|
|
|
1457
1490
|
</tr>
|
|
1458
1491
|
<tr>
|
|
1459
1492
|
<td class="col-md-4">
|
|
1460
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1493
|
+
<div class="io-line">Defined in <a href="" data-line="76" class="link-to-prism">src/notification/notification.component.ts:76</a></div>
|
|
1461
1494
|
</td>
|
|
1462
1495
|
</tr>
|
|
1463
1496
|
|
|
@@ -1479,7 +1512,7 @@
|
|
|
1479
1512
|
</tr>
|
|
1480
1513
|
<tr>
|
|
1481
1514
|
<td class="col-md-4">
|
|
1482
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1515
|
+
<div class="io-line">Defined in <a href="" data-line="77" class="link-to-prism">src/notification/notification.component.ts:77</a></div>
|
|
1483
1516
|
</td>
|
|
1484
1517
|
</tr>
|
|
1485
1518
|
|
|
@@ -1501,7 +1534,7 @@
|
|
|
1501
1534
|
</tr>
|
|
1502
1535
|
<tr>
|
|
1503
1536
|
<td class="col-md-4">
|
|
1504
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1537
|
+
<div class="io-line">Defined in <a href="" data-line="78" class="link-to-prism">src/notification/notification.component.ts:78</a></div>
|
|
1505
1538
|
</td>
|
|
1506
1539
|
</tr>
|
|
1507
1540
|
|
|
@@ -1523,7 +1556,7 @@
|
|
|
1523
1556
|
</tr>
|
|
1524
1557
|
<tr>
|
|
1525
1558
|
<td class="col-md-4">
|
|
1526
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1559
|
+
<div class="io-line">Defined in <a href="" data-line="79" class="link-to-prism">src/notification/notification.component.ts:79</a></div>
|
|
1527
1560
|
</td>
|
|
1528
1561
|
</tr>
|
|
1529
1562
|
|
|
@@ -1545,7 +1578,7 @@
|
|
|
1545
1578
|
</tr>
|
|
1546
1579
|
<tr>
|
|
1547
1580
|
<td class="col-md-4">
|
|
1548
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1581
|
+
<div class="io-line">Defined in <a href="" data-line="80" class="link-to-prism">src/notification/notification.component.ts:80</a></div>
|
|
1549
1582
|
</td>
|
|
1550
1583
|
</tr>
|
|
1551
1584
|
|
|
@@ -1584,7 +1617,12 @@ import { BaseNotification } from "./base-notification.component";
|
|
|
1584
1617
|
class="cds--inline-notification__icon">
|
|
1585
1618
|
</svg>
|
|
1586
1619
|
<div class="cds--inline-notification__text-wrapper">
|
|
1587
|
-
<div
|
|
1620
|
+
<div
|
|
1621
|
+
cdsNotificationTitle
|
|
1622
|
+
*ngIf="!notificationObj.template"
|
|
1623
|
+
[innerHTML]="notificationObj.title"
|
|
1624
|
+
[id]="notificationID">
|
|
1625
|
+
</div>
|
|
1588
1626
|
<div *ngIf="!notificationObj.template" cdsNotificationSubtitle>
|
|
1589
1627
|
<span [innerHTML]="notificationObj.message"></span>
|
|
1590
1628
|
</div>
|
|
@@ -1620,7 +1658,8 @@ export class Notification extends BaseNotification {
|
|
|
1620
1658
|
this._notificationObj = Object.assign({}, this.defaultNotificationObj, obj);
|
|
1621
1659
|
}
|
|
1622
1660
|
|
|
1623
|
-
|
|
1661
|
+
notificationID = `notification-${Notification.notificationCount++}`;
|
|
1662
|
+
@HostBinding("attr.aria-labelledBy") notificationLabel = this.notificationID;
|
|
1624
1663
|
@HostBinding("class.cds--inline-notification") notificationClass = true;
|
|
1625
1664
|
@HostBinding("class.cds--inline-notification--error") get isError() { return this.notificationObj.type === "error"; }
|
|
1626
1665
|
@HostBinding("class.cds--inline-notification--info") get isInfo() { return this.notificationObj.type === "info"; }
|
|
@@ -1665,7 +1704,7 @@ export class Notification extends BaseNotification {
|
|
|
1665
1704
|
<script src="../js/libs/htmlparser.js"></script>
|
|
1666
1705
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
1667
1706
|
<script>
|
|
1668
|
-
var COMPONENT_TEMPLATE = '<div><div class="cds--inline-notification__details"> <svg [cdsIcon]="iconDictionary[notificationObj.type]" size="20" *ngIf="notificationObj.type" class="cds--inline-notification__icon"> </svg> <div class="cds--inline-notification__text-wrapper"> <div
|
|
1707
|
+
var COMPONENT_TEMPLATE = '<div><div class="cds--inline-notification__details"> <svg [cdsIcon]="iconDictionary[notificationObj.type]" size="20" *ngIf="notificationObj.type" class="cds--inline-notification__icon"> </svg> <div class="cds--inline-notification__text-wrapper"> <div cdsNotificationTitle *ngIf="!notificationObj.template" [innerHTML]="notificationObj.title" [id]="notificationID"> </div> <div *ngIf="!notificationObj.template" cdsNotificationSubtitle> <span [innerHTML]="notificationObj.message"></span> </div> <ng-container *ngTemplateOutlet="notificationObj.template; context: { $implicit: notificationObj}"></ng-container> </div></div><button *ngIf="!isCloseHidden" (click)="onClose()" class="cds--inline-notification__close-button" [attr.aria-label]="notificationObj.closeLabel | async" type="button"> <svg cdsIcon="close" size="16" class="cds--inline-notification__close-icon"></svg></button> </div>'
|
|
1669
1708
|
var COMPONENTS = [{'name': 'Accordion', 'selector': 'cds-accordion, ibm-accordion'},{'name': 'AccordionItem', 'selector': 'cds-accordion-item, ibm-accordion-item'},{'name': 'ActionableNotification', 'selector': 'cds-actionable-notification, ibm-actionable-notification'},{'name': 'AlertModal', 'selector': 'cds-alert-modal, ibm-alert-modal'},{'name': 'BaseIconButton', 'selector': ''},{'name': 'BaseNotification', 'selector': ''},{'name': 'BaseTabHeader', 'selector': ''},{'name': 'Breadcrumb', 'selector': 'cds-breadcrumb, ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'cds-breadcrumb-item, ibm-breadcrumb-item'},{'name': 'ButtonSet', 'selector': 'cds-button-set, ibm-button-set'},{'name': 'Checkbox', 'selector': 'cds-checkbox, ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'cds-clickable-tile, ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'cds-code-snippet, ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'cds-combo-box, ibm-combo-box'},{'name': 'ComboButtonComponent', 'selector': 'cds-combo-button'},{'name': 'ContainedList', 'selector': 'cds-contained-list, ibm-contained-list'},{'name': 'ContainedListItem', 'selector': 'cds-contained-list-item, ibm-contained-list-item'},{'name': 'ContentSwitcher', 'selector': 'cds-content-switcher, ibm-content-switcher'},{'name': 'ContextMenuComponent', 'selector': 'cds-menu, cds-context-menu, ibm-context-menu'},{'name': 'ContextMenuDividerComponent', 'selector': 'cds-menu-divider, cds-context-menu-divider, ibm-context-menu-divider'},{'name': 'ContextMenuGroupComponent', 'selector': 'cds-menu-group, cds-context-menu-group, ibm-context-menu-group'},{'name': 'ContextMenuItemComponent', 'selector': 'cds-menu-item, cds-context-menu-item, ibm-context-menu-item'},{'name': 'DatePicker', 'selector': 'cds-date-picker, ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'cds-date-picker-input, ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'cds-dialog, ibm-dialog'},{'name': 'Documentation', 'selector': 'cds-documentation'},{'name': 'Dropdown', 'selector': 'cds-dropdown, ibm-dropdown'},{'name': 'DropdownList', 'selector': 'cds-dropdown-list, ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'cds-expandable-tile, ibm-expandable-tile'},{'name': 'FileComponent', 'selector': 'cds-file, ibm-file'},{'name': 'FileUploader', 'selector': 'cds-file-uploader, ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'cds-hamburger, ibm-hamburger'},{'name': 'Header', 'selector': 'cds-header, ibm-header'},{'name': 'HeaderAction', 'selector': 'cds-header-action, ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'cds-header-global, ibm-header-global'},{'name': 'HeaderItem', 'selector': 'cds-header-item, ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'cds-header-menu, ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'cds-header-navigation, ibm-header-navigation'},{'name': 'IconButton', 'selector': 'cds-icon-button, ibm-icon-button'},{'name': 'InlineLoading', 'selector': 'cds-inline-loading, ibm-inline-loading'},{'name': 'Label', 'selector': 'cds-label, ibm-label'},{'name': 'ListColumn', 'selector': 'cds-list-column, ibm-list-column'},{'name': 'ListHeader', 'selector': 'cds-list-header, ibm-list-header'},{'name': 'ListRow', 'selector': 'cds-list-row, ibm-list-row'},{'name': 'Loading', 'selector': 'cds-loading, ibm-loading'},{'name': 'MenuButtonComponent', 'selector': 'cds-menu-button'},{'name': 'Modal', 'selector': 'cds-modal, ibm-modal'},{'name': 'ModalFooter', 'selector': 'cds-modal-footer, ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'cds-modal-header, ibm-modal-header'},{'name': 'Notification', 'selector': 'cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification'},{'name': 'NumberComponent', 'selector': 'cds-number, ibm-number'},{'name': 'OverflowMenu', 'selector': 'cds-overflow-menu, ibm-overflow-menu'},{'name': 'OverflowMenuCustomPane', 'selector': 'cds-overflow-custom-menu-pane, ibm-overflow-custom-menu-pane'},{'name': 'OverflowMenuOption', 'selector': 'cds-overflow-menu-option, ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'cds-overflow-menu-pane, ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'cds-overlay, ibm-overlay'},{'name': 'Pagination', 'selector': 'cds-pagination, ibm-pagination'},{'name': 'PaginationNav', 'selector': 'cds-pagination-nav, ibm-pagination-navm'},{'name': 'PaginationNavItem', 'selector': 'cds-pagination-nav-item, ibm-pagination-nav-item'},{'name': 'PaginationOverflow', 'selector': 'cds-pagination-overflow, ibm-pagination-overflow'},{'name': 'Panel', 'selector': 'cds-panel, ibm-panel'},{'name': 'PasswordInputLabelComponent', 'selector': 'cds-password-label, ibm-password-label'},{'name': 'Placeholder', 'selector': 'cds-placeholder, ibm-placeholder'},{'name': 'PopoverContent', 'selector': 'cds-popover-content, ibm-popover-content'},{'name': 'ProgressBar', 'selector': 'cds-progress-bar, ibm-progress-bar'},{'name': 'ProgressIndicator', 'selector': 'cds-progress-indicator, ibm-progress-indicator'},{'name': 'Radio', 'selector': 'cds-radio, ibm-radio'},{'name': 'RadioGroup', 'selector': 'cds-radio-group, ibm-radio-group'},{'name': 'Search', 'selector': 'cds-search, ibm-search'},{'name': 'Select', 'selector': 'cds-select, ibm-select'},{'name': 'SelectionTile', 'selector': 'cds-selection-tile, ibm-selection-tile'},{'name': 'SideNav', 'selector': 'cds-sidenav, ibm-sidenav'},{'name': 'SideNavItem', 'selector': 'cds-sidenav-item, ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'cds-sidenav-menu, ibm-sidenav-menu'},{'name': 'SkeletonPlaceholder', 'selector': 'cds-skeleton-placeholder, ibm-skeleton-placeholder'},{'name': 'SkeletonText', 'selector': 'cds-skeleton-text, ibm-skeleton-text'},{'name': 'Slider', 'selector': 'cds-slider, ibm-slider'},{'name': 'StructuredList', 'selector': 'cds-structured-list, ibm-structured-list'},{'name': 'SwitcherList', 'selector': 'cds-switcher-list, ibm-switcher-list'},{'name': 'SwitcherListItem', 'selector': 'cds-switcher-list-item, ibm-switcher-list-item'},{'name': 'Tab', 'selector': 'cds-tab, ibm-tab'},{'name': 'TabHeaderGroup', 'selector': 'cds-tab-header-group, ibm-tab-header-group'},{'name': 'TabHeaders', 'selector': 'cds-tab-headers, ibm-tab-headers'},{'name': 'Table', 'selector': 'cds-table, ibm-table'},{'name': 'TableBody', 'selector': '[cdsTableBody], [ibmTableBody]'},{'name': 'TableCheckbox', 'selector': '[cdsTableCheckbox], [ibmTableCheckbox]'},{'name': 'TableContainer', 'selector': 'cds-table-container, ibm-table-container'},{'name': 'TableData', 'selector': '[cdsTableData], [ibmTableData]'},{'name': 'TableExpandButton', 'selector': '[cdsTableExpandButton], [ibmTableExpandButton]'},{'name': 'TableExpandedRow', 'selector': '[cdsTableExpandedRow], [ibmTableExpandedRow]'},{'name': 'TableHead', 'selector': '[cdsTableHead], [ibmTableHead]'},{'name': 'TableHeadCell', 'selector': '[cdsTableHeadCell], [ibmTableHeadCell]'},{'name': 'TableHeadCheckbox', 'selector': '[cdsTableHeadCheckbox], [ibmTableHeadCheckbox]'},{'name': 'TableHeader', 'selector': 'cds-table-header, ibm-table-header'},{'name': 'TableHeadExpand', 'selector': '[cdsTableHeadExpand], [ibmTableHeadExpand]'},{'name': 'TableRadio', 'selector': '[cdsTableRadio], [ibmTableRadio]'},{'name': 'TableRowComponent', 'selector': '[cdsTableRow], [ibmTableRow]'},{'name': 'TableToolbar', 'selector': 'cds-table-toolbar, ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'cds-table-toolbar-actions, ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'cds-table-toolbar-content, ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'cds-table-toolbar-search, ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'cds-tabs, ibm-tabs'},{'name': 'TabSkeleton', 'selector': 'cds-tabs-skeleton, ibm-tabs-skeleton'},{'name': 'Tag', 'selector': 'cds-tag, ibm-tag'},{'name': 'TagFilter', 'selector': 'cds-tag-filter, ibm-tag-filter'},{'name': 'TagOperationalComponent', 'selector': 'cds-tag-operational, ibm-tag-operational'},{'name': 'TagSelectableComponent', 'selector': 'cds-tag-selectable, ibm-tag-selectable'},{'name': 'TextareaLabelComponent', 'selector': 'cds-textarea-label, ibm-textarea-label'},{'name': 'TextInputLabelComponent', 'selector': 'cds-text-label, ibm-text-label'},{'name': 'Tile', 'selector': 'cds-tile, ibm-tile'},{'name': 'TileGroup', 'selector': 'cds-tile-group, ibm-tile-group'},{'name': 'TimePicker', 'selector': 'cds-timepicker, ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'cds-timepicker-select, ibm-timepicker-select'},{'name': 'Toast', 'selector': 'cds-toast, ibm-toast'},{'name': 'Toggle', 'selector': 'cds-toggle, ibm-toggle'},{'name': 'Toggletip', 'selector': 'cds-toggletip, ibm-toggletip'},{'name': 'Tooltip', 'selector': 'cds-tooltip, ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'cds-tooltip-definition, ibm-tooltip-definition'},{'name': 'TreeNodeComponent', 'selector': 'cds-tree-node'},{'name': 'TreeViewComponent', 'selector': 'cds-tree-view'}];
|
|
1670
1709
|
var DIRECTIVES = [{'name': 'AbstractDropdownView', 'selector': '[cdsAbstractDropdownView], [ibmAbstractDropdownView]'},{'name': 'ActionableButton', 'selector': '[cdsActionableButton], [ibmActionableButton]'},{'name': 'ActionableSubtitle', 'selector': '[cdsActionableSubtitle], [ibmActionableSubtitle]'},{'name': 'ActionableTitle', 'selector': '[cdsActionableTitle], [ibmActionableTitle]'},{'name': 'BaseModal', 'selector': '[cdsBaseModal], [ibmBaseModal]'},{'name': 'Button', 'selector': '[cdsButton], [ibmButton]'},{'name': 'ClickableTileIconDirective', 'selector': '[cdsClickableTileIcon], [ibmClickableTileIcon]'},{'name': 'ColumnDirective', 'selector': '[cdsCol], [ibmCol]'},{'name': 'ContentSwitcherOption', 'selector': '[cdsContentOption], [ibmContentOption]'},{'name': 'DialogDirective', 'selector': '[cdsDialog], [ibmDialog]'},{'name': 'ExpandableTileAboveFoldDirective', 'selector': '[cdsAboveFold], [ibmAboveFold]'},{'name': 'ExpandableTileBelowFoldDirective', 'selector': '[cdsBelowFold], [ibmBelowFold]'},{'name': 'ExpandedRowHover', 'selector': '[cdsExpandedRowHover], [ibmExpandedRowHover]'},{'name': 'GridDirective', 'selector': '[cdsGrid], [ibmGrid]'},{'name': 'IconDirective', 'selector': '[cdsIcon], [ibmIcon]'},{'name': 'LayerDirective', 'selector': '[cdsLayer], [ibmLayer]'},{'name': 'Link', 'selector': '[cdsLink], [ibmLink]'},{'name': 'LinkIconDirective', 'selector': '[ibmLinkIcon], [cdsLinkIcon]'},{'name': 'List', 'selector': '[cdsList], [ibmList]'},{'name': 'ListItemDirective', 'selector': '[cdsListItem], [ibmListItem]'},{'name': 'ModalContent', 'selector': '[cdsModalContent], [ibmModalContent]'},{'name': 'ModalContentText', 'selector': '[cdsModalContentText], [ibmModalContentText]'},{'name': 'ModalHeaderHeading', 'selector': '[cdsModalHeaderHeading], [ibmModalHeaderHeading]'},{'name': 'ModalHeaderLabel', 'selector': '[cdsModalHeaderLabel], [ibmModalHeaderLabel]'},{'name': 'NotificationSubtitle', 'selector': '[cdsNotificationSubtitle], [ibmNotificationSubtitle]'},{'name': 'NotificationTitle', 'selector': '[cdsNotificationTitle], [ibmNotificationTitle]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[cdsOverflowMenu], [ibmOverflowMenu]'},{'name': 'PasswordInput', 'selector': '[cdsPassword], [ibmPassword]'},{'name': 'PopoverContainer', 'selector': '[cdsPopover], [ibmPopover]'},{'name': 'RouterLinkExtendedDirective', 'selector': '[routerLink]'},{'name': 'RowDirective', 'selector': '[cdsRow], [ibmRow]'},{'name': 'ScrollableList', 'selector': '[cdsScrollableList], [ibmScrollableList]'},{'name': 'StackDirective', 'selector': '[cdsStack], [ibmStack]'},{'name': 'TabHeader', 'selector': '[cdsTabHeader], [ibmTabHeader]'},{'name': 'TableDirective', 'selector': '[cdsTable], [ibmTable]'},{'name': 'TableHeadCellLabel', 'selector': '[cdsTableHeadCellLabel], [ibmTableHeadCellLabel]'},{'name': 'TableHeaderDescription', 'selector': '[cdsTableHeaderDescription], [ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[cdsTableHeaderTitle], [ibmTableHeaderTitle]'},{'name': 'TagIconDirective', 'selector': '[cdsTagIcon], [ibmTagIcon]'},{'name': 'TextArea', 'selector': '[cdsTextArea], [ibmTextArea]'},{'name': 'TextInput', 'selector': '[cdsText], [ibmText]'},{'name': 'ThemeDirective', 'selector': '[cdsTheme], [ibmTheme]'},{'name': 'ToastCaption', 'selector': '[cdsToastCaption], [ibmToastCaption]'},{'name': 'ToastSubtitle', 'selector': '[cdsToastSubtitle], [ibmToastSubtitle]'},{'name': 'ToastTitle', 'selector': '[cdsToastTitle], [ibmToastTitle]'},{'name': 'ToggletipAction', 'selector': '[cdsToggletipAction], [ibmToggletipAction]'},{'name': 'ToggletipButton', 'selector': '[cdsToggletipButton], [ibmToggletipButton]'},{'name': 'ToggletipContent', 'selector': '[cdsToggletipContent], [ibmToggletipContent]'},{'name': 'ToggletipLabel', 'selector': '[cdsToggletipLabel], [ibmToggletipLabel]'}];
|
|
1671
1710
|
var ACTUAL_COMPONENT = {'name': 'Notification'};
|
|
@@ -1641,9 +1641,9 @@
|
|
|
1641
1641
|
</td>
|
|
1642
1642
|
<td>component</td>
|
|
1643
1643
|
<td>ActionableNotification</td>
|
|
1644
|
-
<td align="right" data-sort="
|
|
1645
|
-
<span class="coverage-percent">
|
|
1646
|
-
<span class="coverage-count">(6/
|
|
1644
|
+
<td align="right" data-sort="22">
|
|
1645
|
+
<span class="coverage-percent">22 %</span>
|
|
1646
|
+
<span class="coverage-count">(6/27)</span>
|
|
1647
1647
|
</td>
|
|
1648
1648
|
</tr>
|
|
1649
1649
|
<tr class="low">
|
|
@@ -1785,9 +1785,9 @@
|
|
|
1785
1785
|
</td>
|
|
1786
1786
|
<td>component</td>
|
|
1787
1787
|
<td>Notification</td>
|
|
1788
|
-
<td align="right" data-sort="
|
|
1789
|
-
<span class="coverage-percent">
|
|
1790
|
-
<span class="coverage-count">(5/
|
|
1788
|
+
<td align="right" data-sort="19">
|
|
1789
|
+
<span class="coverage-percent">19 %</span>
|
|
1790
|
+
<span class="coverage-count">(5/26)</span>
|
|
1791
1791
|
</td>
|
|
1792
1792
|
</tr>
|
|
1793
1793
|
<tr class="good">
|