carbon-components-angular 5.24.3 → 5.24.5
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 +2 -2
- package/docs/documentation/components/Notification.html +2 -2
- package/docs/documentation/components/Toast.html +115 -29
- package/docs/documentation/dependencies.html +1 -1
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/ThemeModule/dependencies.svg +13 -13
- package/docs/documentation/modules/ThemeModule.html +13 -13
- package/docs/documentation/modules/TilesModule/dependencies.svg +98 -98
- package/docs/documentation/modules/TilesModule.html +98 -98
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +45 -41
- package/docs/documentation/modules/TimePickerModule.html +45 -41
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +44 -40
- package/docs/documentation/modules/TimePickerSelectModule.html +44 -40
- package/docs/documentation/modules/ToggleModule/dependencies.svg +7 -7
- package/docs/documentation/modules/ToggleModule.html +7 -7
- package/docs/documentation/modules/TooltipModule/dependencies.svg +28 -28
- package/docs/documentation/modules/TooltipModule.html +28 -28
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +8 -8
- package/docs/documentation/modules/TreeviewModule.html +8 -8
- package/docs/documentation.json +136 -98
- package/docs/storybook/{901.fedd2c3b.iframe.bundle.js → 901.292c1079.iframe.bundle.js} +1 -1
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/main.c4f854e5.iframe.bundle.js +1 -0
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.4af5c4ee.iframe.bundle.js → runtime~main.54ad6862.iframe.bundle.js} +1 -1
- package/esm2020/notification/actionable-notification.component.mjs +3 -3
- package/esm2020/notification/notification.component.mjs +3 -3
- package/esm2020/notification/toast.component.mjs +19 -4
- package/fesm2015/carbon-components-angular-notification.mjs +23 -9
- package/fesm2015/carbon-components-angular-notification.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-notification.mjs +23 -9
- package/fesm2020/carbon-components-angular-notification.mjs.map +1 -1
- package/notification/toast.component.d.ts +2 -1
- package/package.json +3 -3
- package/telemetry.yml +8 -0
- package/docs/storybook/main.ff512697.iframe.bundle.js +0 -1
|
@@ -1572,7 +1572,7 @@
|
|
|
1572
1572
|
HostBinding
|
|
1573
1573
|
} from "@angular/core";
|
|
1574
1574
|
|
|
1575
|
-
import { of } from "rxjs";
|
|
1575
|
+
import { isObservable, of } from "rxjs";
|
|
1576
1576
|
import { ActionableContent, NotificationVariants } from "./notification-content.interface";
|
|
1577
1577
|
import { I18n } from "carbon-components-angular/i18n";
|
|
1578
1578
|
import { NotificationDisplayService } from "./notification-display.service";
|
|
@@ -1644,7 +1644,7 @@ export class ActionableNotification extends BaseNotification {
|
|
|
1644
1644
|
return this._notificationObj;
|
|
1645
1645
|
}
|
|
1646
1646
|
set notificationObj(obj: ActionableContent) {
|
|
1647
|
-
if (obj.closeLabel) {
|
|
1647
|
+
if (obj.closeLabel && !isObservable(obj.closeLabel)) {
|
|
1648
1648
|
obj.closeLabel = of(obj.closeLabel);
|
|
1649
1649
|
}
|
|
1650
1650
|
this._notificationObj = Object.assign({}, this.defaultNotificationObj, obj);
|
|
@@ -1500,7 +1500,7 @@
|
|
|
1500
1500
|
import { NotificationContent } from "./notification-content.interface";
|
|
1501
1501
|
import { I18n } from "carbon-components-angular/i18n";
|
|
1502
1502
|
import { NotificationDisplayService } from "./notification-display.service";
|
|
1503
|
-
import { of } from "rxjs";
|
|
1503
|
+
import { isObservable, of } from "rxjs";
|
|
1504
1504
|
import { BaseNotification } from "./base-notification.component";
|
|
1505
1505
|
|
|
1506
1506
|
/**
|
|
@@ -1549,7 +1549,7 @@ export class Notification extends BaseNotification {
|
|
|
1549
1549
|
return this._notificationObj;
|
|
1550
1550
|
}
|
|
1551
1551
|
set notificationObj(obj: NotificationContent) {
|
|
1552
|
-
if (obj.closeLabel) {
|
|
1552
|
+
if (obj.closeLabel && !isObservable(obj.closeLabel)) {
|
|
1553
1553
|
obj.closeLabel = of(obj.closeLabel);
|
|
1554
1554
|
}
|
|
1555
1555
|
this._notificationObj = Object.assign({}, this.defaultNotificationObj, obj);
|
|
@@ -134,7 +134,7 @@
|
|
|
134
134
|
*ngIf="!isCloseHidden"
|
|
135
135
|
class="cds--toast-notification__close-button"
|
|
136
136
|
type="button"
|
|
137
|
-
[attr.aria-label]="notificationObj.closeLabel"
|
|
137
|
+
[attr.aria-label]="notificationObj.closeLabel | async"
|
|
138
138
|
(click)="onClose()">
|
|
139
139
|
<svg cdsIcon="close" size="16" class="cds--toast-notification__close-icon"></svg>
|
|
140
140
|
</button>
|
|
@@ -305,6 +305,9 @@
|
|
|
305
305
|
<tr>
|
|
306
306
|
<td class="col-md-4">
|
|
307
307
|
<ul class="index-list">
|
|
308
|
+
<li>
|
|
309
|
+
<a href="#notificationObj" >notificationObj</a>
|
|
310
|
+
</li>
|
|
308
311
|
<li>
|
|
309
312
|
<a href="#isError" >isError</a>
|
|
310
313
|
</li>
|
|
@@ -347,7 +350,7 @@
|
|
|
347
350
|
</tr>
|
|
348
351
|
<tr>
|
|
349
352
|
<td class="col-md-4">
|
|
350
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
353
|
+
<div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">src/notification/toast.component.ts:74</a></div>
|
|
351
354
|
</td>
|
|
352
355
|
</tr>
|
|
353
356
|
|
|
@@ -415,7 +418,7 @@
|
|
|
415
418
|
</tr>
|
|
416
419
|
<tr>
|
|
417
420
|
<td class="col-md-2" colspan="2">
|
|
418
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
421
|
+
<div class="io-line">Defined in <a href="" data-line="53" class="link-to-prism">src/notification/toast.component.ts:53</a></div>
|
|
419
422
|
</td>
|
|
420
423
|
</tr>
|
|
421
424
|
<tr>
|
|
@@ -490,7 +493,7 @@
|
|
|
490
493
|
</tr>
|
|
491
494
|
<tr>
|
|
492
495
|
<td class="col-md-4">
|
|
493
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
496
|
+
<div class="io-line">Defined in <a href="" data-line="65" class="link-to-prism">src/notification/toast.component.ts:65</a></div>
|
|
494
497
|
</td>
|
|
495
498
|
</tr>
|
|
496
499
|
|
|
@@ -521,7 +524,7 @@
|
|
|
521
524
|
</tr>
|
|
522
525
|
<tr>
|
|
523
526
|
<td class="col-md-4">
|
|
524
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
527
|
+
<div class="io-line">Defined in <a href="" data-line="66" class="link-to-prism">src/notification/toast.component.ts:66</a></div>
|
|
525
528
|
</td>
|
|
526
529
|
</tr>
|
|
527
530
|
|
|
@@ -547,7 +550,7 @@
|
|
|
547
550
|
</tr>
|
|
548
551
|
<tr>
|
|
549
552
|
<td class="col-md-4">
|
|
550
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
553
|
+
<div class="io-line">Defined in <a href="" data-line="67" class="link-to-prism">src/notification/toast.component.ts:67</a></div>
|
|
551
554
|
</td>
|
|
552
555
|
</tr>
|
|
553
556
|
|
|
@@ -573,7 +576,7 @@
|
|
|
573
576
|
</tr>
|
|
574
577
|
<tr>
|
|
575
578
|
<td class="col-md-4">
|
|
576
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
579
|
+
<div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">src/notification/toast.component.ts:74</a></div>
|
|
577
580
|
</td>
|
|
578
581
|
</tr>
|
|
579
582
|
|
|
@@ -599,7 +602,7 @@
|
|
|
599
602
|
</tr>
|
|
600
603
|
<tr>
|
|
601
604
|
<td class="col-md-4">
|
|
602
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
605
|
+
<div class="io-line">Defined in <a href="" data-line="68" class="link-to-prism">src/notification/toast.component.ts:68</a></div>
|
|
603
606
|
</td>
|
|
604
607
|
</tr>
|
|
605
608
|
|
|
@@ -625,7 +628,7 @@
|
|
|
625
628
|
</tr>
|
|
626
629
|
<tr>
|
|
627
630
|
<td class="col-md-4">
|
|
628
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
631
|
+
<div class="io-line">Defined in <a href="" data-line="69" class="link-to-prism">src/notification/toast.component.ts:69</a></div>
|
|
629
632
|
</td>
|
|
630
633
|
</tr>
|
|
631
634
|
|
|
@@ -651,7 +654,7 @@
|
|
|
651
654
|
</tr>
|
|
652
655
|
<tr>
|
|
653
656
|
<td class="col-md-4">
|
|
654
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
657
|
+
<div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/notification/toast.component.ts:73</a></div>
|
|
655
658
|
</td>
|
|
656
659
|
</tr>
|
|
657
660
|
|
|
@@ -677,7 +680,7 @@
|
|
|
677
680
|
</tr>
|
|
678
681
|
<tr>
|
|
679
682
|
<td class="col-md-4">
|
|
680
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
683
|
+
<div class="io-line">Defined in <a href="" data-line="70" class="link-to-prism">src/notification/toast.component.ts:70</a></div>
|
|
681
684
|
</td>
|
|
682
685
|
</tr>
|
|
683
686
|
|
|
@@ -703,7 +706,7 @@
|
|
|
703
706
|
</tr>
|
|
704
707
|
<tr>
|
|
705
708
|
<td class="col-md-4">
|
|
706
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
709
|
+
<div class="io-line">Defined in <a href="" data-line="71" class="link-to-prism">src/notification/toast.component.ts:71</a></div>
|
|
707
710
|
</td>
|
|
708
711
|
</tr>
|
|
709
712
|
|
|
@@ -729,7 +732,7 @@
|
|
|
729
732
|
</tr>
|
|
730
733
|
<tr>
|
|
731
734
|
<td class="col-md-4">
|
|
732
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
735
|
+
<div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">src/notification/toast.component.ts:72</a></div>
|
|
733
736
|
</td>
|
|
734
737
|
</tr>
|
|
735
738
|
|
|
@@ -805,8 +808,8 @@
|
|
|
805
808
|
|
|
806
809
|
<tr>
|
|
807
810
|
<td class="col-md-4">
|
|
808
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
809
|
-
class="link-to-prism">src/notification/toast.component.ts:
|
|
811
|
+
<div class="io-line">Defined in <a href="" data-line="80"
|
|
812
|
+
class="link-to-prism">src/notification/toast.component.ts:80</a></div>
|
|
810
813
|
</td>
|
|
811
814
|
</tr>
|
|
812
815
|
|
|
@@ -1024,7 +1027,7 @@
|
|
|
1024
1027
|
</tr>
|
|
1025
1028
|
<tr>
|
|
1026
1029
|
<td class="col-md-4">
|
|
1027
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1030
|
+
<div class="io-line">Defined in <a href="" data-line="66" class="link-to-prism">src/notification/toast.component.ts:66</a></div>
|
|
1028
1031
|
</td>
|
|
1029
1032
|
</tr>
|
|
1030
1033
|
|
|
@@ -1057,7 +1060,7 @@
|
|
|
1057
1060
|
</tr>
|
|
1058
1061
|
<tr>
|
|
1059
1062
|
<td class="col-md-4">
|
|
1060
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1063
|
+
<div class="io-line">Defined in <a href="" data-line="47" class="link-to-prism">src/notification/toast.component.ts:47</a></div>
|
|
1061
1064
|
</td>
|
|
1062
1065
|
</tr>
|
|
1063
1066
|
|
|
@@ -1092,7 +1095,7 @@
|
|
|
1092
1095
|
</tr>
|
|
1093
1096
|
<tr>
|
|
1094
1097
|
<td class="col-md-4">
|
|
1095
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1098
|
+
<div class="io-line">Defined in <a href="" data-line="65" class="link-to-prism">src/notification/toast.component.ts:65</a></div>
|
|
1096
1099
|
</td>
|
|
1097
1100
|
</tr>
|
|
1098
1101
|
|
|
@@ -1269,6 +1272,78 @@
|
|
|
1269
1272
|
<h3 id="accessors">
|
|
1270
1273
|
Accessors
|
|
1271
1274
|
</h3>
|
|
1275
|
+
<table class="table table-sm table-bordered">
|
|
1276
|
+
<tbody>
|
|
1277
|
+
<tr>
|
|
1278
|
+
<td class="col-md-4">
|
|
1279
|
+
<a name="notificationObj"></a>
|
|
1280
|
+
<span class="name"><b>notificationObj</b><a href="#notificationObj"><span class="icon ion-ios-link"></span></a></span>
|
|
1281
|
+
</td>
|
|
1282
|
+
</tr>
|
|
1283
|
+
|
|
1284
|
+
<tr>
|
|
1285
|
+
<td class="col-md-4">
|
|
1286
|
+
<span class="accessor"><b>get</b><code>notificationObj()</code></span>
|
|
1287
|
+
</td>
|
|
1288
|
+
</tr>
|
|
1289
|
+
<tr>
|
|
1290
|
+
<td class="col-md-4">
|
|
1291
|
+
<div class="io-line">Defined in <a href="" data-line="60" class="link-to-prism">src/notification/toast.component.ts:60</a></div>
|
|
1292
|
+
</td>
|
|
1293
|
+
</tr>
|
|
1294
|
+
|
|
1295
|
+
<tr>
|
|
1296
|
+
<td class="col-md-4">
|
|
1297
|
+
<span class="accessor"><b>set</b><code>notificationObj(obj: <a href="../interfaces/ToastContent.html" target="_self">ToastContent</a>)</code></span>
|
|
1298
|
+
</td>
|
|
1299
|
+
</tr>
|
|
1300
|
+
<tr>
|
|
1301
|
+
<td class="col-md-4">
|
|
1302
|
+
<div class="io-line">Defined in <a href="" data-line="53" class="link-to-prism">src/notification/toast.component.ts:53</a></div>
|
|
1303
|
+
</td>
|
|
1304
|
+
</tr>
|
|
1305
|
+
<tr>
|
|
1306
|
+
<td class="col-md-4">
|
|
1307
|
+
<div class="io-description"><p>Can have <code>type</code>, <code>title</code>, <code>subtitle</code>, and <code>caption</code> members.</p>
|
|
1308
|
+
<p><code>type</code> can be one of <code>"error"</code>, <code>"info"</code>, <code>"info-square"</code>, <code>"warning"</code>, <code>"warning-alt"</code>, or <code>"success"</code></p>
|
|
1309
|
+
</div>
|
|
1310
|
+
|
|
1311
|
+
<div class="io-description">
|
|
1312
|
+
<b>Parameters :</b>
|
|
1313
|
+
<table class="params">
|
|
1314
|
+
<thead>
|
|
1315
|
+
<tr>
|
|
1316
|
+
<td>Name</td>
|
|
1317
|
+
<td>Type</td>
|
|
1318
|
+
<td>Optional</td>
|
|
1319
|
+
</tr>
|
|
1320
|
+
</thead>
|
|
1321
|
+
<tbody>
|
|
1322
|
+
<tr>
|
|
1323
|
+
<td>obj</td>
|
|
1324
|
+
|
|
1325
|
+
<td>
|
|
1326
|
+
<code><a href="../interfaces/ToastContent.html" target="_self" >ToastContent</a></code>
|
|
1327
|
+
</td>
|
|
1328
|
+
|
|
1329
|
+
<td>
|
|
1330
|
+
No
|
|
1331
|
+
</td>
|
|
1332
|
+
|
|
1333
|
+
</tr>
|
|
1334
|
+
</tbody>
|
|
1335
|
+
</table>
|
|
1336
|
+
</div>
|
|
1337
|
+
<div>
|
|
1338
|
+
</div>
|
|
1339
|
+
<div class="io-description">
|
|
1340
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1341
|
+
|
|
1342
|
+
</div>
|
|
1343
|
+
</td>
|
|
1344
|
+
</tr>
|
|
1345
|
+
</tbody>
|
|
1346
|
+
</table>
|
|
1272
1347
|
<table class="table table-sm table-bordered">
|
|
1273
1348
|
<tbody>
|
|
1274
1349
|
<tr>
|
|
@@ -1285,7 +1360,7 @@
|
|
|
1285
1360
|
</tr>
|
|
1286
1361
|
<tr>
|
|
1287
1362
|
<td class="col-md-4">
|
|
1288
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1363
|
+
<div class="io-line">Defined in <a href="" data-line="67" class="link-to-prism">src/notification/toast.component.ts:67</a></div>
|
|
1289
1364
|
</td>
|
|
1290
1365
|
</tr>
|
|
1291
1366
|
|
|
@@ -1307,7 +1382,7 @@
|
|
|
1307
1382
|
</tr>
|
|
1308
1383
|
<tr>
|
|
1309
1384
|
<td class="col-md-4">
|
|
1310
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1385
|
+
<div class="io-line">Defined in <a href="" data-line="68" class="link-to-prism">src/notification/toast.component.ts:68</a></div>
|
|
1311
1386
|
</td>
|
|
1312
1387
|
</tr>
|
|
1313
1388
|
|
|
@@ -1329,7 +1404,7 @@
|
|
|
1329
1404
|
</tr>
|
|
1330
1405
|
<tr>
|
|
1331
1406
|
<td class="col-md-4">
|
|
1332
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1407
|
+
<div class="io-line">Defined in <a href="" data-line="69" class="link-to-prism">src/notification/toast.component.ts:69</a></div>
|
|
1333
1408
|
</td>
|
|
1334
1409
|
</tr>
|
|
1335
1410
|
|
|
@@ -1351,7 +1426,7 @@
|
|
|
1351
1426
|
</tr>
|
|
1352
1427
|
<tr>
|
|
1353
1428
|
<td class="col-md-4">
|
|
1354
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1429
|
+
<div class="io-line">Defined in <a href="" data-line="70" class="link-to-prism">src/notification/toast.component.ts:70</a></div>
|
|
1355
1430
|
</td>
|
|
1356
1431
|
</tr>
|
|
1357
1432
|
|
|
@@ -1373,7 +1448,7 @@
|
|
|
1373
1448
|
</tr>
|
|
1374
1449
|
<tr>
|
|
1375
1450
|
<td class="col-md-4">
|
|
1376
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1451
|
+
<div class="io-line">Defined in <a href="" data-line="71" class="link-to-prism">src/notification/toast.component.ts:71</a></div>
|
|
1377
1452
|
</td>
|
|
1378
1453
|
</tr>
|
|
1379
1454
|
|
|
@@ -1395,7 +1470,7 @@
|
|
|
1395
1470
|
</tr>
|
|
1396
1471
|
<tr>
|
|
1397
1472
|
<td class="col-md-4">
|
|
1398
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1473
|
+
<div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">src/notification/toast.component.ts:72</a></div>
|
|
1399
1474
|
</td>
|
|
1400
1475
|
</tr>
|
|
1401
1476
|
|
|
@@ -1417,7 +1492,7 @@
|
|
|
1417
1492
|
</tr>
|
|
1418
1493
|
<tr>
|
|
1419
1494
|
<td class="col-md-4">
|
|
1420
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1495
|
+
<div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/notification/toast.component.ts:73</a></div>
|
|
1421
1496
|
</td>
|
|
1422
1497
|
</tr>
|
|
1423
1498
|
|
|
@@ -1439,7 +1514,7 @@
|
|
|
1439
1514
|
</tr>
|
|
1440
1515
|
<tr>
|
|
1441
1516
|
<td class="col-md-4">
|
|
1442
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1517
|
+
<div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">src/notification/toast.component.ts:74</a></div>
|
|
1443
1518
|
</td>
|
|
1444
1519
|
</tr>
|
|
1445
1520
|
|
|
@@ -1457,6 +1532,7 @@
|
|
|
1457
1532
|
HostBinding
|
|
1458
1533
|
} from "@angular/core";
|
|
1459
1534
|
|
|
1535
|
+
import { isObservable, of } from "rxjs";
|
|
1460
1536
|
import { ToastContent } from "./notification-content.interface";
|
|
1461
1537
|
import { NotificationDisplayService } from "./notification-display.service";
|
|
1462
1538
|
import { I18n } from "carbon-components-angular/i18n";
|
|
@@ -1488,7 +1564,7 @@ import { BaseNotification } from "./base-notification.component";
|
|
|
1488
1564
|
*ngIf="!isCloseHidden"
|
|
1489
1565
|
class="cds--toast-notification__close-button"
|
|
1490
1566
|
type="button"
|
|
1491
|
-
[attr.aria-label]="notificationObj.closeLabel"
|
|
1567
|
+
[attr.aria-label]="notificationObj.closeLabel | async"
|
|
1492
1568
|
(click)="onClose()">
|
|
1493
1569
|
<svg cdsIcon="close" size="16" class="cds--toast-notification__close-icon"></svg>
|
|
1494
1570
|
</button>
|
|
@@ -1501,7 +1577,17 @@ export class Toast extends BaseNotification implements OnInit {
|
|
|
1501
1577
|
*
|
|
1502
1578
|
* `type` can be one of `"error"`, `"info"`, `"info-square"`, `"warning"`, `"warning-alt"`, or `"success"`
|
|
1503
1579
|
*/
|
|
1504
|
-
@Input() notificationObj: ToastContent
|
|
1580
|
+
@Input() set notificationObj(obj: ToastContent) {
|
|
1581
|
+
if (obj.closeLabel && !isObservable(obj.closeLabel)) {
|
|
1582
|
+
obj.closeLabel = of(obj.closeLabel);
|
|
1583
|
+
}
|
|
1584
|
+
this._notificationObj = Object.assign({}, this.defaultNotificationObj, obj);
|
|
1585
|
+
}
|
|
1586
|
+
|
|
1587
|
+
get notificationObj(): ToastContent {
|
|
1588
|
+
return this._notificationObj as ToastContent;
|
|
1589
|
+
}
|
|
1590
|
+
|
|
1505
1591
|
|
|
1506
1592
|
@HostBinding("attr.id") toastID = `toast-${Toast.toastCount++}`;
|
|
1507
1593
|
@HostBinding("class.cds--toast-notification") toastClass = true;
|
|
@@ -1554,7 +1640,7 @@ export class Toast extends BaseNotification implements OnInit {
|
|
|
1554
1640
|
<script src="../js/libs/htmlparser.js"></script>
|
|
1555
1641
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
1556
1642
|
<script>
|
|
1557
|
-
var COMPONENT_TEMPLATE = '<div><svg [cdsIcon]="iconDictionary[notificationObj.type]" size="20" *ngIf="notificationObj.type" class="cds--toast-notification__icon"></svg><div class="cds--toast-notification__details"> <h3 *ngIf="!notificationObj.template" cdsToastTitle [innerHTML]="notificationObj.title"></h3> <div *ngIf="!notificationObj.template" cdsToastSubtitle> <span [innerHTML]="notificationObj.subtitle"></span> </div> <p *ngIf="!notificationObj.template" cdsToastCaption [innerHTML]="notificationObj.caption"></p> <ng-container *ngTemplateOutlet="notificationObj.template; context: { $implicit: notificationObj }"></ng-container></div><button *ngIf="!isCloseHidden" class="cds--toast-notification__close-button" type="button" [attr.aria-label]="notificationObj.closeLabel" (click)="onClose()"> <svg cdsIcon="close" size="16" class="cds--toast-notification__close-icon"></svg></button> </div>'
|
|
1643
|
+
var COMPONENT_TEMPLATE = '<div><svg [cdsIcon]="iconDictionary[notificationObj.type]" size="20" *ngIf="notificationObj.type" class="cds--toast-notification__icon"></svg><div class="cds--toast-notification__details"> <h3 *ngIf="!notificationObj.template" cdsToastTitle [innerHTML]="notificationObj.title"></h3> <div *ngIf="!notificationObj.template" cdsToastSubtitle> <span [innerHTML]="notificationObj.subtitle"></span> </div> <p *ngIf="!notificationObj.template" cdsToastCaption [innerHTML]="notificationObj.caption"></p> <ng-container *ngTemplateOutlet="notificationObj.template; context: { $implicit: notificationObj }"></ng-container></div><button *ngIf="!isCloseHidden" class="cds--toast-notification__close-button" type="button" [attr.aria-label]="notificationObj.closeLabel | async" (click)="onClose()"> <svg cdsIcon="close" size="16" class="cds--toast-notification__close-icon"></svg></button> </div>'
|
|
1558
1644
|
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': '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-context-menu, ibm-context-menu'},{'name': 'ContextMenuDividerComponent', 'selector': 'cds-context-menu-divider, ibm-context-menu-divider'},{'name': 'ContextMenuGroupComponent', 'selector': 'cds-context-menu-group, ibm-context-menu-group'},{'name': 'ContextMenuItemComponent', 'selector': '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': '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': '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': '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'}];
|
|
1559
1645
|
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': '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': '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': 'PopoverContainer', 'selector': '[cdsPopover], [ibmPopover]'},{'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': '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]'}];
|
|
1560
1646
|
var ACTUAL_COMPONENT = {'name': 'Toast'};
|