carbon-components-angular 3.17.2 → 3.17.3
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/Dropdown.html +10 -5
- package/docs/documentation/components/File.html +49 -6
- package/docs/documentation/components/FileUploader.html +39 -27
- package/docs/documentation/components/Header.html +428 -11
- package/docs/documentation/components/HeaderAction.html +6 -8
- package/docs/documentation/components/Notification.html +37 -5
- package/docs/documentation/components/Toast.html +77 -7
- package/docs/documentation/coverage.html +12 -12
- package/docs/documentation/interfaces/FileItem.html +66 -0
- package/docs/documentation/interfaces/NotificationContent.html +39 -0
- package/docs/documentation/interfaces/ToastContent.html +1 -0
- package/docs/documentation/js/menu-wc.js +1 -1
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/FileUploaderModule.html +3 -1
- package/docs/storybook/iframe.html +3 -3
- package/docs/storybook/{main.8bb53895aa13a93f113f.bundle.js → main.edce6b8dbd74b486e13b.bundle.js} +151 -58
- package/docs/storybook/main.edce6b8dbd74b486e13b.bundle.js.map +1 -0
- package/docs/storybook/{runtime~main.8bb53895aa13a93f113f.bundle.js → runtime~main.edce6b8dbd74b486e13b.bundle.js} +1 -1
- package/docs/storybook/{runtime~main.8bb53895aa13a93f113f.bundle.js.map → runtime~main.edce6b8dbd74b486e13b.bundle.js.map} +1 -1
- package/docs/storybook/{vendors~main.8bb53895aa13a93f113f.bundle.js → vendors~main.edce6b8dbd74b486e13b.bundle.js} +1 -1
- package/docs/storybook/{vendors~main.8bb53895aa13a93f113f.bundle.js.map → vendors~main.edce6b8dbd74b486e13b.bundle.js.map} +1 -1
- package/dropdown/dropdown.component.js +4 -0
- package/dropdown/dropdown.component.js.map +1 -1
- package/file-uploader/file-item.interface.d.ts +2 -0
- package/file-uploader/file-item.interface.js.map +1 -1
- package/file-uploader/file-uploader.component.js +3 -1
- package/file-uploader/file-uploader.component.js.map +1 -1
- package/file-uploader/file-uploader.component.metadata.json +1 -1
- package/file-uploader/file-uploader.component.ngfactory.js +9 -8
- package/file-uploader/file-uploader.component.ngfactory.js.map +1 -1
- package/file-uploader/file-uploader.module.js +3 -1
- package/file-uploader/file-uploader.module.js.map +1 -1
- package/file-uploader/file-uploader.module.metadata.json +1 -1
- package/file-uploader/file-uploader.module.ngfactory.js +2 -1
- package/file-uploader/file-uploader.module.ngfactory.js.map +1 -1
- package/file-uploader/file-uploader.module.ngsummary.json +1 -1
- package/file-uploader/file.component.d.ts +1 -0
- package/file-uploader/file.component.js +10 -2
- package/file-uploader/file.component.js.map +1 -1
- package/file-uploader/file.component.metadata.json +1 -1
- package/file-uploader/file.component.ngfactory.js +19 -16
- package/file-uploader/file.component.ngfactory.js.map +1 -1
- package/file-uploader/file.component.ngsummary.json +1 -1
- package/notification/notification-content.interface.d.ts +1 -0
- package/notification/notification-content.interface.js.map +1 -1
- package/notification/notification.component.d.ts +1 -0
- package/notification/notification.component.js +7 -1
- package/notification/notification.component.js.map +1 -1
- package/notification/notification.component.metadata.json +1 -1
- package/notification/notification.component.ngfactory.js +1 -1
- package/notification/notification.component.ngsummary.json +1 -1
- package/notification/toast.component.d.ts +1 -0
- package/notification/toast.component.js +7 -1
- package/notification/toast.component.js.map +1 -1
- package/notification/toast.component.metadata.json +1 -1
- package/notification/toast.component.ngfactory.js +1 -1
- package/notification/toast.component.ngsummary.json +1 -1
- package/package.json +1 -1
- package/ui-shell/header/header-action.component.js +1 -1
- package/ui-shell/header/header-action.component.js.map +1 -1
- package/ui-shell/header/header-action.component.metadata.json +1 -1
- package/ui-shell/header/header-action.component.ngfactory.js +5 -6
- package/ui-shell/header/header-action.component.ngfactory.js.map +1 -1
- package/ui-shell/header/header.component.d.ts +26 -1
- package/ui-shell/header/header.component.js +40 -5
- package/ui-shell/header/header.component.js.map +1 -1
- package/ui-shell/header/header.component.metadata.json +1 -1
- package/ui-shell/header/header.component.ngfactory.js +9 -3
- package/ui-shell/header/header.component.ngfactory.js.map +1 -1
- package/ui-shell/header/header.component.ngsummary.json +1 -1
- package/ui-shell/header/header.module.ngfactory.js.map +1 -1
- package/docs/storybook/main.8bb53895aa13a93f113f.bundle.js.map +0 -1
|
@@ -102,7 +102,6 @@
|
|
|
102
102
|
[title]="title"
|
|
103
103
|
(click)="onClick()">
|
|
104
104
|
<ng-content></ng-content>
|
|
105
|
-
<svg ibmIconClose20 class="bx--navigation-menu-panel-collapse-icon"></svg>
|
|
106
105
|
</button>
|
|
107
106
|
</code></pre></td>
|
|
108
107
|
</tr>
|
|
@@ -201,7 +200,7 @@
|
|
|
201
200
|
</tr>
|
|
202
201
|
<tr>
|
|
203
202
|
<td class="col-md-2" colspan="2">
|
|
204
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
203
|
+
<div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">src/ui-shell/header/header-action.component.ts:34</a></div>
|
|
205
204
|
</td>
|
|
206
205
|
</tr>
|
|
207
206
|
</tbody>
|
|
@@ -227,7 +226,7 @@
|
|
|
227
226
|
</tr>
|
|
228
227
|
<tr>
|
|
229
228
|
<td class="col-md-2" colspan="2">
|
|
230
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
229
|
+
<div class="io-line">Defined in <a href="" data-line="38" class="link-to-prism">src/ui-shell/header/header-action.component.ts:38</a></div>
|
|
231
230
|
</td>
|
|
232
231
|
</tr>
|
|
233
232
|
</tbody>
|
|
@@ -249,7 +248,7 @@
|
|
|
249
248
|
</tr>
|
|
250
249
|
<tr>
|
|
251
250
|
<td class="col-md-2" colspan="2">
|
|
252
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
251
|
+
<div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">src/ui-shell/header/header-action.component.ts:30</a></div>
|
|
253
252
|
</td>
|
|
254
253
|
</tr>
|
|
255
254
|
</tbody>
|
|
@@ -273,7 +272,7 @@
|
|
|
273
272
|
</tr>
|
|
274
273
|
<tr>
|
|
275
274
|
<td class="col-md-2" colspan="2">
|
|
276
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
275
|
+
<div class="io-line">Defined in <a href="" data-line="42" class="link-to-prism">src/ui-shell/header/header-action.component.ts:42</a></div>
|
|
277
276
|
</td>
|
|
278
277
|
</tr>
|
|
279
278
|
</tbody>
|
|
@@ -308,7 +307,7 @@
|
|
|
308
307
|
|
|
309
308
|
<tr>
|
|
310
309
|
<td class="col-md-4">
|
|
311
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
310
|
+
<div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">src/ui-shell/header/header-action.component.ts:44</a></div>
|
|
312
311
|
</td>
|
|
313
312
|
</tr>
|
|
314
313
|
|
|
@@ -353,7 +352,6 @@
|
|
|
353
352
|
[title]="title"
|
|
354
353
|
(click)="onClick()">
|
|
355
354
|
<ng-content></ng-content>
|
|
356
|
-
<svg ibmIconClose20 class="bx--navigation-menu-panel-collapse-icon"></svg>
|
|
357
355
|
</button>
|
|
358
356
|
`
|
|
359
357
|
})
|
|
@@ -411,7 +409,7 @@ export class HeaderAction {
|
|
|
411
409
|
<script src="../js/libs/htmlparser.js"></script>
|
|
412
410
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
413
411
|
<script>
|
|
414
|
-
var COMPONENT_TEMPLATE = '<div><button class="bx--header__action" [ngClass]="{ \'bx--header__action--active\': active }" [attr.aria-label]="title" [title]="title" (click)="onClick()"> <ng-content></ng-content
|
|
412
|
+
var COMPONENT_TEMPLATE = '<div><button class="bx--header__action" [ngClass]="{ \'bx--header__action--active\': active }" [attr.aria-label]="title" [title]="title" (click)="onClick()"> <ng-content></ng-content></button> </div>'
|
|
415
413
|
var COMPONENTS = [{'name': 'Accordion', 'selector': 'ibm-accordion'},{'name': 'AccordionItem', 'selector': 'ibm-accordion-item'},{'name': 'AlertModal', 'selector': 'ibm-alert-modal'},{'name': 'Breadcrumb', 'selector': 'ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'ibm-breadcrumb-item'},{'name': 'Checkbox', 'selector': 'ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'ibm-combo-box'},{'name': 'ContentSwitcher', 'selector': 'ibm-content-switcher'},{'name': 'DatePicker', 'selector': 'ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'ibm-dialog'},{'name': 'DialogPlaceholder', 'selector': 'ibm-dialog-placeholder'},{'name': 'Documentation', 'selector': 'ibm-documentation'},{'name': 'Dropdown', 'selector': 'ibm-dropdown'},{'name': 'DropdownList', 'selector': 'ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'ibm-expandable-tile'},{'name': 'File', 'selector': 'ibm-file'},{'name': 'FileUploader', 'selector': 'ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'ibm-hamburger'},{'name': 'Header', 'selector': 'ibm-header'},{'name': 'HeaderAction', 'selector': 'ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'ibm-header-global'},{'name': 'HeaderItem', 'selector': 'ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'ibm-header-navigation'},{'name': 'InlineLoading', 'selector': 'ibm-inline-loading'},{'name': 'Label', 'selector': 'ibm-label'},{'name': 'ListColumn', 'selector': 'ibm-list-column'},{'name': 'ListHeader', 'selector': 'ibm-list-header'},{'name': 'ListRow', 'selector': 'ibm-list-row'},{'name': 'Loading', 'selector': 'ibm-loading'},{'name': 'Modal', 'selector': 'ibm-modal'},{'name': 'ModalFooter', 'selector': 'ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'ibm-modal-header'},{'name': 'ModalPlaceholder', 'selector': 'ibm-modal-placeholder'},{'name': 'Notification', 'selector': 'ibm-notification'},{'name': 'NumberComponent', 'selector': 'ibm-number'},{'name': 'OverflowMenu', 'selector': 'ibm-overflow-menu'},{'name': 'OverflowMenuOption', 'selector': 'ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'ibm-overlay'},{'name': 'Pagination', 'selector': 'ibm-pagination'},{'name': 'Panel', 'selector': 'ibm-panel'},{'name': 'Placeholder', 'selector': 'ibm-placeholder'},{'name': 'ProductSwitcher', 'selector': 'ibm-product-switcher'},{'name': 'ProgressIndicator', 'selector': 'ibm-progress-indicator'},{'name': 'Radio', 'selector': 'ibm-radio'},{'name': 'RadioGroup', 'selector': 'ibm-radio-group'},{'name': 'Sample', 'selector': 'ibm-sample'},{'name': 'SampleSub', 'selector': 'ibm-sample-sub'},{'name': 'Search', 'selector': 'ibm-search'},{'name': 'Select', 'selector': 'ibm-select'},{'name': 'SelectionTile', 'selector': 'ibm-selection-tile'},{'name': 'SideNav', 'selector': 'ibm-sidenav'},{'name': 'SideNavHeader', 'selector': 'ibm-sidenav-header'},{'name': 'SideNavItem', 'selector': 'ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'ibm-sidenav-menu'},{'name': 'Slider', 'selector': 'ibm-slider'},{'name': 'StructuredList', 'selector': 'ibm-structured-list'},{'name': 'SwitcherList', 'selector': 'ibm-switcher-list, ibm-product-switcher-list'},{'name': 'SwitcherListItem', 'selector': 'ibm-switcher-list-item, ibm-product-switcher-list-item, ibm-product-switcher-item'},{'name': 'Tab', 'selector': 'ibm-tab'},{'name': 'TabHeaders', 'selector': 'ibm-tab-headers'},{'name': 'Table', 'selector': 'ibm-table'},{'name': 'TableBody', 'selector': '[ibmTableBody]'},{'name': 'TableCheckbox', 'selector': '[ibmTableCheckbox]'},{'name': 'TableContainer', 'selector': 'ibm-table-container'},{'name': 'TableData', 'selector': '[ibmTableData]'},{'name': 'TableExpandButton', 'selector': '[ibmTableExpandButton]'},{'name': 'TableExpandedRow', 'selector': '[ibmTableExpandedRow]'},{'name': 'TableHead', 'selector': '[ibmTableHead]'},{'name': 'TableHeadCell', 'selector': '[ibmTableHeadCell]'},{'name': 'TableHeadCheckbox', 'selector': '[ibmTableHeadCheckbox]'},{'name': 'TableHeader', 'selector': 'ibm-table-header'},{'name': 'TableHeadExpand', 'selector': '[ibmTableHeadExpand]'},{'name': 'TableRowComponent', 'selector': '[ibmTableRow]'},{'name': 'TableToolbar', 'selector': 'ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'ibm-tabs'},{'name': 'Tag', 'selector': 'ibm-tag'},{'name': 'TagFilter', 'selector': 'ibm-tag-filter'},{'name': 'Tile', 'selector': 'ibm-tile'},{'name': 'TileGroup', 'selector': 'ibm-tile-group'},{'name': 'TimePicker', 'selector': 'ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'ibm-timepicker-select'},{'name': 'Toast', 'selector': 'ibm-toast'},{'name': 'Toggle', 'selector': 'ibm-toggle'},{'name': 'Tooltip', 'selector': 'ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'ibm-tooltip-definition'},{'name': 'TooltipIcon', 'selector': 'ibm-tooltip-icon'}];
|
|
416
414
|
var DIRECTIVES = [{'name': 'Button', 'selector': '[ibmButton]'},{'name': 'ColumnDirective', 'selector': '[ibmCol]'},{'name': 'ContentSwitcherOption', 'selector': '[ibmContentOption]'},{'name': 'DataGridFocus', 'selector': '[ibmDataGridFocus]'},{'name': 'DialogDirective', 'selector': '[ibmDialog]'},{'name': 'EllipsisTooltip', 'selector': '[ibmEllipsisTooltip]'},{'name': 'ExpandedRowHover', 'selector': '[ibmExpandedRowHover]'},{'name': 'GridDirective', 'selector': '[ibmGrid]'},{'name': 'Link', 'selector': '[ibmLink]'},{'name': 'List', 'selector': '[ibmList]'},{'name': 'ListItemDirective', 'selector': '[ibmListItem]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[ibmOverflowMenu]'},{'name': 'RowDirective', 'selector': '[ibmRow]'},{'name': 'ScrollableList', 'selector': '[ibmScrollableList]'},{'name': 'TableDirective', 'selector': '[ibmTable]'},{'name': 'TableHeaderDescription', 'selector': '[ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[ibmTableHeaderTitle]'},{'name': 'TextArea', 'selector': '[ibmTextArea]'},{'name': 'TextInput', 'selector': '[ibmText]'},{'name': 'TooltipDirective', 'selector': '[ibmTooltip]'}];
|
|
417
415
|
var ACTUAL_COMPONENT = {'name': 'HeaderAction'};
|
|
@@ -239,6 +239,9 @@
|
|
|
239
239
|
<li>
|
|
240
240
|
<a href="#class.bx--inline-notification--info">class.bx--inline-notification--info</a>
|
|
241
241
|
</li>
|
|
242
|
+
<li>
|
|
243
|
+
<a href="#class.bx--inline-notification--low-contrast">class.bx--inline-notification--low-contrast</a>
|
|
244
|
+
</li>
|
|
242
245
|
<li>
|
|
243
246
|
<a href="#class.bx--inline-notification--success">class.bx--inline-notification--success</a>
|
|
244
247
|
</li>
|
|
@@ -279,7 +282,7 @@
|
|
|
279
282
|
</tr>
|
|
280
283
|
<tr>
|
|
281
284
|
<td class="col-md-4">
|
|
282
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
285
|
+
<div class="io-line">Defined in <a href="" data-line="96" class="link-to-prism">src/notification/notification.component.ts:96</a></div>
|
|
283
286
|
</td>
|
|
284
287
|
</tr>
|
|
285
288
|
|
|
@@ -535,6 +538,34 @@
|
|
|
535
538
|
</tr>
|
|
536
539
|
|
|
537
540
|
|
|
541
|
+
</tbody>
|
|
542
|
+
</table>
|
|
543
|
+
<table class="table table-sm table-bordered">
|
|
544
|
+
<tbody>
|
|
545
|
+
<tr>
|
|
546
|
+
<td class="col-md-4">
|
|
547
|
+
<a name="class.bx--inline-notification--low-contrast"></a>
|
|
548
|
+
<span class="name">
|
|
549
|
+
<b>
|
|
550
|
+
class.bx--inline-notification--low-contrast
|
|
551
|
+
</b>
|
|
552
|
+
<a href="#class.bx--inline-notification--low-contrast"><span class="icon ion-ios-link"></span></a>
|
|
553
|
+
</span>
|
|
554
|
+
</td>
|
|
555
|
+
</tr>
|
|
556
|
+
<tr>
|
|
557
|
+
<td class="col-md-4">
|
|
558
|
+
<code>class.bx--inline-notification--low-contrast: <code></code>
|
|
559
|
+
</code>
|
|
560
|
+
</td>
|
|
561
|
+
</tr>
|
|
562
|
+
<tr>
|
|
563
|
+
<td class="col-md-4">
|
|
564
|
+
<div class="io-line">Defined in <a href="" data-line="88" class="link-to-prism">src/notification/notification.component.ts:88</a></div>
|
|
565
|
+
</td>
|
|
566
|
+
</tr>
|
|
567
|
+
|
|
568
|
+
|
|
538
569
|
</tbody>
|
|
539
570
|
</table>
|
|
540
571
|
<table class="table table-sm table-bordered">
|
|
@@ -623,7 +654,7 @@
|
|
|
623
654
|
|
|
624
655
|
<tr>
|
|
625
656
|
<td class="col-md-4">
|
|
626
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
657
|
+
<div class="io-line">Defined in <a href="" data-line="107" class="link-to-prism">src/notification/notification.component.ts:107</a></div>
|
|
627
658
|
</td>
|
|
628
659
|
</tr>
|
|
629
660
|
|
|
@@ -661,7 +692,7 @@
|
|
|
661
692
|
|
|
662
693
|
<tr>
|
|
663
694
|
<td class="col-md-4">
|
|
664
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
695
|
+
<div class="io-line">Defined in <a href="" data-line="103" class="link-to-prism">src/notification/notification.component.ts:103</a></div>
|
|
665
696
|
</td>
|
|
666
697
|
</tr>
|
|
667
698
|
|
|
@@ -719,7 +750,7 @@
|
|
|
719
750
|
</tr>
|
|
720
751
|
<tr>
|
|
721
752
|
<td class="col-md-4">
|
|
722
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
753
|
+
<div class="io-line">Defined in <a href="" data-line="96" class="link-to-prism">src/notification/notification.component.ts:96</a></div>
|
|
723
754
|
</td>
|
|
724
755
|
</tr>
|
|
725
756
|
|
|
@@ -798,7 +829,7 @@
|
|
|
798
829
|
</tr>
|
|
799
830
|
<tr>
|
|
800
831
|
<td class="col-md-4">
|
|
801
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
832
|
+
<div class="io-line">Defined in <a href="" data-line="90" class="link-to-prism">src/notification/notification.component.ts:90</a></div>
|
|
802
833
|
</td>
|
|
803
834
|
</tr>
|
|
804
835
|
|
|
@@ -995,6 +1026,7 @@ export class Notification {
|
|
|
995
1026
|
@HostBinding("class.bx--inline-notification--info") get isInfo() { return this.notificationObj.type === "info"; }
|
|
996
1027
|
@HostBinding("class.bx--inline-notification--success") get isSuccess() { return this.notificationObj.type === "success"; }
|
|
997
1028
|
@HostBinding("class.bx--inline-notification--warning") get isWarning() { return this.notificationObj.type === "warning"; }
|
|
1029
|
+
@HostBinding("class.bx--inline-notification--low-contrast") get isLowContrast() { return this.notificationObj.lowContrast; }
|
|
998
1030
|
|
|
999
1031
|
protected defaultNotificationObj = {
|
|
1000
1032
|
title: "",
|
|
@@ -256,6 +256,9 @@
|
|
|
256
256
|
<li>
|
|
257
257
|
<a href="#class.bx--toast-notification--info">class.bx--toast-notification--info</a>
|
|
258
258
|
</li>
|
|
259
|
+
<li>
|
|
260
|
+
<a href="#class.bx--toast-notification--low-contrast">class.bx--toast-notification--low-contrast</a>
|
|
261
|
+
</li>
|
|
259
262
|
<li>
|
|
260
263
|
<a href="#class.bx--toast-notification--success">class.bx--toast-notification--success</a>
|
|
261
264
|
</li>
|
|
@@ -277,6 +280,9 @@
|
|
|
277
280
|
<li>
|
|
278
281
|
<a href="#class.bx--inline-notification--info">class.bx--inline-notification--info</a>
|
|
279
282
|
</li>
|
|
283
|
+
<li>
|
|
284
|
+
<a href="#class.bx--inline-notification--low-contrast">class.bx--inline-notification--low-contrast</a>
|
|
285
|
+
</li>
|
|
280
286
|
<li>
|
|
281
287
|
<a href="#class.bx--inline-notification--success">class.bx--inline-notification--success</a>
|
|
282
288
|
</li>
|
|
@@ -317,7 +323,7 @@
|
|
|
317
323
|
</tr>
|
|
318
324
|
<tr>
|
|
319
325
|
<td class="col-md-4">
|
|
320
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
326
|
+
<div class="io-line">Defined in <a href="" data-line="71" class="link-to-prism">src/notification/toast.component.ts:71</a></div>
|
|
321
327
|
</td>
|
|
322
328
|
</tr>
|
|
323
329
|
|
|
@@ -621,6 +627,34 @@
|
|
|
621
627
|
</tr>
|
|
622
628
|
|
|
623
629
|
|
|
630
|
+
</tbody>
|
|
631
|
+
</table>
|
|
632
|
+
<table class="table table-sm table-bordered">
|
|
633
|
+
<tbody>
|
|
634
|
+
<tr>
|
|
635
|
+
<td class="col-md-4">
|
|
636
|
+
<a name="class.bx--toast-notification--low-contrast"></a>
|
|
637
|
+
<span class="name">
|
|
638
|
+
<b>
|
|
639
|
+
class.bx--toast-notification--low-contrast
|
|
640
|
+
</b>
|
|
641
|
+
<a href="#class.bx--toast-notification--low-contrast"><span class="icon ion-ios-link"></span></a>
|
|
642
|
+
</span>
|
|
643
|
+
</td>
|
|
644
|
+
</tr>
|
|
645
|
+
<tr>
|
|
646
|
+
<td class="col-md-4">
|
|
647
|
+
<code>class.bx--toast-notification--low-contrast: <code></code>
|
|
648
|
+
</code>
|
|
649
|
+
</td>
|
|
650
|
+
</tr>
|
|
651
|
+
<tr>
|
|
652
|
+
<td class="col-md-4">
|
|
653
|
+
<div class="io-line">Defined in <a href="" data-line="66" class="link-to-prism">src/notification/toast.component.ts:66</a></div>
|
|
654
|
+
</td>
|
|
655
|
+
</tr>
|
|
656
|
+
|
|
657
|
+
|
|
624
658
|
</tbody>
|
|
625
659
|
</table>
|
|
626
660
|
<table class="table table-sm table-bordered">
|
|
@@ -862,6 +896,40 @@
|
|
|
862
896
|
</tr>
|
|
863
897
|
|
|
864
898
|
|
|
899
|
+
</tbody>
|
|
900
|
+
</table>
|
|
901
|
+
<table class="table table-sm table-bordered">
|
|
902
|
+
<tbody>
|
|
903
|
+
<tr>
|
|
904
|
+
<td class="col-md-4">
|
|
905
|
+
<a name="class.bx--inline-notification--low-contrast"></a>
|
|
906
|
+
<span class="name">
|
|
907
|
+
<b>
|
|
908
|
+
class.bx--inline-notification--low-contrast
|
|
909
|
+
</b>
|
|
910
|
+
<a href="#class.bx--inline-notification--low-contrast"><span class="icon ion-ios-link"></span></a>
|
|
911
|
+
</span>
|
|
912
|
+
</td>
|
|
913
|
+
</tr>
|
|
914
|
+
<tr>
|
|
915
|
+
<td class="col-md-4">
|
|
916
|
+
<code>class.bx--inline-notification--low-contrast: <code></code>
|
|
917
|
+
</code>
|
|
918
|
+
</td>
|
|
919
|
+
</tr>
|
|
920
|
+
<tr>
|
|
921
|
+
<td class="col-md-4">
|
|
922
|
+
<div class="io-line">Inherited from <code><a href="../components/Notification.html" target="_self" >Notification</a></code>
|
|
923
|
+
</div>
|
|
924
|
+
</td>
|
|
925
|
+
</tr>
|
|
926
|
+
<tr>
|
|
927
|
+
<td class="col-md-4">
|
|
928
|
+
<div class="io-line">Defined in Notification:88</div>
|
|
929
|
+
</td>
|
|
930
|
+
</tr>
|
|
931
|
+
|
|
932
|
+
|
|
865
933
|
</tbody>
|
|
866
934
|
</table>
|
|
867
935
|
<table class="table table-sm table-bordered">
|
|
@@ -962,7 +1030,7 @@
|
|
|
962
1030
|
|
|
963
1031
|
<tr>
|
|
964
1032
|
<td class="col-md-4">
|
|
965
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1033
|
+
<div class="io-line">Defined in <a href="" data-line="80" class="link-to-prism">src/notification/toast.component.ts:80</a></div>
|
|
966
1034
|
</td>
|
|
967
1035
|
</tr>
|
|
968
1036
|
|
|
@@ -1006,7 +1074,7 @@
|
|
|
1006
1074
|
</tr>
|
|
1007
1075
|
<tr>
|
|
1008
1076
|
<td class="col-md-4">
|
|
1009
|
-
<div class="io-line">Defined in Notification:
|
|
1077
|
+
<div class="io-line">Defined in Notification:107</div>
|
|
1010
1078
|
</td>
|
|
1011
1079
|
</tr>
|
|
1012
1080
|
|
|
@@ -1050,7 +1118,7 @@
|
|
|
1050
1118
|
</tr>
|
|
1051
1119
|
<tr>
|
|
1052
1120
|
<td class="col-md-4">
|
|
1053
|
-
<div class="io-line">Defined in Notification:
|
|
1121
|
+
<div class="io-line">Defined in Notification:103</div>
|
|
1054
1122
|
</td>
|
|
1055
1123
|
</tr>
|
|
1056
1124
|
|
|
@@ -1114,7 +1182,7 @@
|
|
|
1114
1182
|
</tr>
|
|
1115
1183
|
<tr>
|
|
1116
1184
|
<td class="col-md-4">
|
|
1117
|
-
<div class="io-line">Defined in Notification:
|
|
1185
|
+
<div class="io-line">Defined in Notification:96</div>
|
|
1118
1186
|
</td>
|
|
1119
1187
|
</tr>
|
|
1120
1188
|
|
|
@@ -1205,7 +1273,7 @@
|
|
|
1205
1273
|
</tr>
|
|
1206
1274
|
<tr>
|
|
1207
1275
|
<td class="col-md-4">
|
|
1208
|
-
<div class="io-line">Defined in Notification:
|
|
1276
|
+
<div class="io-line">Defined in Notification:90</div>
|
|
1209
1277
|
</td>
|
|
1210
1278
|
</tr>
|
|
1211
1279
|
|
|
@@ -1277,7 +1345,7 @@
|
|
|
1277
1345
|
</tr>
|
|
1278
1346
|
<tr>
|
|
1279
1347
|
<td class="col-md-4">
|
|
1280
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1348
|
+
<div class="io-line">Defined in <a href="" data-line="69" class="link-to-prism">src/notification/toast.component.ts:69</a></div>
|
|
1281
1349
|
</td>
|
|
1282
1350
|
</tr>
|
|
1283
1351
|
|
|
@@ -1353,6 +1421,8 @@ export class Toast extends Notification implements OnInit {
|
|
|
1353
1421
|
@HostBinding("class.bx--toast-notification--info") get isInfo() { return this.notificationObj["type"] === "info"; }
|
|
1354
1422
|
@HostBinding("class.bx--toast-notification--success") get isSuccess() { return this.notificationObj["type"] === "success"; }
|
|
1355
1423
|
@HostBinding("class.bx--toast-notification--warning") get isWarning() { return this.notificationObj["type"] === "warning"; }
|
|
1424
|
+
@HostBinding("class.bx--toast-notification--low-contrast") get isLowContrast() { return this.notificationObj.lowContrast; }
|
|
1425
|
+
|
|
1356
1426
|
|
|
1357
1427
|
get isExperimental() {
|
|
1358
1428
|
return this.experimental.isExperimental;
|
|
@@ -988,7 +988,7 @@
|
|
|
988
988
|
</td>
|
|
989
989
|
<td align="right" data-sort="0">
|
|
990
990
|
<span class="coverage-percent">0 %</span>
|
|
991
|
-
<span class="coverage-count">(0/
|
|
991
|
+
<span class="coverage-count">(0/6)</span>
|
|
992
992
|
</td>
|
|
993
993
|
</tr>
|
|
994
994
|
<tr class="good">
|
|
@@ -1034,9 +1034,9 @@
|
|
|
1034
1034
|
<td>
|
|
1035
1035
|
File
|
|
1036
1036
|
</td>
|
|
1037
|
-
<td align="right" data-sort="
|
|
1038
|
-
<span class="coverage-percent">
|
|
1039
|
-
<span class="coverage-count">(2/
|
|
1037
|
+
<td align="right" data-sort="28">
|
|
1038
|
+
<span class="coverage-percent">28 %</span>
|
|
1039
|
+
<span class="coverage-count">(2/7)</span>
|
|
1040
1040
|
</td>
|
|
1041
1041
|
</tr>
|
|
1042
1042
|
<tr class="low">
|
|
@@ -1532,7 +1532,7 @@
|
|
|
1532
1532
|
</td>
|
|
1533
1533
|
<td align="right" data-sort="0">
|
|
1534
1534
|
<span class="coverage-percent">0 %</span>
|
|
1535
|
-
<span class="coverage-count">(0/
|
|
1535
|
+
<span class="coverage-count">(0/9)</span>
|
|
1536
1536
|
</td>
|
|
1537
1537
|
</tr>
|
|
1538
1538
|
<tr class="low">
|
|
@@ -1578,9 +1578,9 @@
|
|
|
1578
1578
|
<td>
|
|
1579
1579
|
Notification
|
|
1580
1580
|
</td>
|
|
1581
|
-
<td align="right" data-sort="
|
|
1582
|
-
<span class="coverage-percent">
|
|
1583
|
-
<span class="coverage-count">(4/
|
|
1581
|
+
<td align="right" data-sort="22">
|
|
1582
|
+
<span class="coverage-percent">22 %</span>
|
|
1583
|
+
<span class="coverage-count">(4/18)</span>
|
|
1584
1584
|
</td>
|
|
1585
1585
|
</tr>
|
|
1586
1586
|
<tr class="very-good">
|
|
@@ -1610,9 +1610,9 @@
|
|
|
1610
1610
|
<td>
|
|
1611
1611
|
Toast
|
|
1612
1612
|
</td>
|
|
1613
|
-
<td align="right" data-sort="
|
|
1614
|
-
<span class="coverage-percent">
|
|
1615
|
-
<span class="coverage-count">(5/
|
|
1613
|
+
<td align="right" data-sort="17">
|
|
1614
|
+
<span class="coverage-percent">17 %</span>
|
|
1615
|
+
<span class="coverage-count">(5/28)</span>
|
|
1616
1616
|
</td>
|
|
1617
1617
|
</tr>
|
|
1618
1618
|
<tr class="very-good">
|
|
@@ -2988,7 +2988,7 @@
|
|
|
2988
2988
|
</td>
|
|
2989
2989
|
<td align="right" data-sort="66">
|
|
2990
2990
|
<span class="coverage-percent">66 %</span>
|
|
2991
|
-
<span class="coverage-count">(
|
|
2991
|
+
<span class="coverage-count">(8/12)</span>
|
|
2992
2992
|
</td>
|
|
2993
2993
|
</tr>
|
|
2994
2994
|
<tr class="very-good">
|
|
@@ -81,6 +81,12 @@
|
|
|
81
81
|
<li>
|
|
82
82
|
<a href="#file">file</a>
|
|
83
83
|
</li>
|
|
84
|
+
<li>
|
|
85
|
+
<a href="#invalid">invalid</a>
|
|
86
|
+
</li>
|
|
87
|
+
<li>
|
|
88
|
+
<a href="#invalidText">invalidText</a>
|
|
89
|
+
</li>
|
|
84
90
|
<li>
|
|
85
91
|
<a href="#state">state</a>
|
|
86
92
|
</li>
|
|
@@ -125,6 +131,64 @@
|
|
|
125
131
|
|
|
126
132
|
|
|
127
133
|
|
|
134
|
+
</tbody>
|
|
135
|
+
</table>
|
|
136
|
+
<table class="table table-sm table-bordered">
|
|
137
|
+
<tbody>
|
|
138
|
+
<tr>
|
|
139
|
+
<td class="col-md-4">
|
|
140
|
+
<a name="invalid"></a>
|
|
141
|
+
<span class="name"><b>invalid</b><a href="#invalid"><span class="icon ion-ios-link"></span></a></span>
|
|
142
|
+
</td>
|
|
143
|
+
</tr>
|
|
144
|
+
<tr>
|
|
145
|
+
<td class="col-md-4">
|
|
146
|
+
<code>invalid: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
147
|
+
</code>
|
|
148
|
+
</td>
|
|
149
|
+
</tr>
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
<tr>
|
|
153
|
+
<td class="col-md-4">
|
|
154
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
155
|
+
|
|
156
|
+
</td>
|
|
157
|
+
</tr>
|
|
158
|
+
|
|
159
|
+
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
|
|
163
|
+
</tbody>
|
|
164
|
+
</table>
|
|
165
|
+
<table class="table table-sm table-bordered">
|
|
166
|
+
<tbody>
|
|
167
|
+
<tr>
|
|
168
|
+
<td class="col-md-4">
|
|
169
|
+
<a name="invalidText"></a>
|
|
170
|
+
<span class="name"><b>invalidText</b><a href="#invalidText"><span class="icon ion-ios-link"></span></a></span>
|
|
171
|
+
</td>
|
|
172
|
+
</tr>
|
|
173
|
+
<tr>
|
|
174
|
+
<td class="col-md-4">
|
|
175
|
+
<code>invalidText: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
176
|
+
</code>
|
|
177
|
+
</td>
|
|
178
|
+
</tr>
|
|
179
|
+
|
|
180
|
+
|
|
181
|
+
<tr>
|
|
182
|
+
<td class="col-md-4">
|
|
183
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
184
|
+
|
|
185
|
+
</td>
|
|
186
|
+
</tr>
|
|
187
|
+
|
|
188
|
+
|
|
189
|
+
|
|
190
|
+
|
|
191
|
+
|
|
128
192
|
</tbody>
|
|
129
193
|
</table>
|
|
130
194
|
<table class="table table-sm table-bordered">
|
|
@@ -194,6 +258,8 @@
|
|
|
194
258
|
file: File;
|
|
195
259
|
state: "edit" | "upload" | "complete";
|
|
196
260
|
uploaded: boolean;
|
|
261
|
+
invalid: boolean;
|
|
262
|
+
invalidText: string;
|
|
197
263
|
}
|
|
198
264
|
</code></pre>
|
|
199
265
|
</div>
|
|
@@ -86,6 +86,10 @@
|
|
|
86
86
|
<span class="modifier">Optional</span>
|
|
87
87
|
<a href="#duration">duration</a>
|
|
88
88
|
</li>
|
|
89
|
+
<li>
|
|
90
|
+
<span class="modifier">Optional</span>
|
|
91
|
+
<a href="#lowContrast">lowContrast</a>
|
|
92
|
+
</li>
|
|
89
93
|
<li>
|
|
90
94
|
<span class="modifier">Optional</span>
|
|
91
95
|
<a href="#message">message</a>
|
|
@@ -181,6 +185,40 @@
|
|
|
181
185
|
|
|
182
186
|
|
|
183
187
|
|
|
188
|
+
</tbody>
|
|
189
|
+
</table>
|
|
190
|
+
<table class="table table-sm table-bordered">
|
|
191
|
+
<tbody>
|
|
192
|
+
<tr>
|
|
193
|
+
<td class="col-md-4">
|
|
194
|
+
<a name="lowContrast"></a>
|
|
195
|
+
<span class="name"><b>lowContrast</b><a href="#lowContrast"><span class="icon ion-ios-link"></span></a></span>
|
|
196
|
+
</td>
|
|
197
|
+
</tr>
|
|
198
|
+
<tr>
|
|
199
|
+
<td class="col-md-4">
|
|
200
|
+
<code>lowContrast: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
201
|
+
</code>
|
|
202
|
+
</td>
|
|
203
|
+
</tr>
|
|
204
|
+
|
|
205
|
+
|
|
206
|
+
<tr>
|
|
207
|
+
<td class="col-md-4">
|
|
208
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
209
|
+
|
|
210
|
+
</td>
|
|
211
|
+
</tr>
|
|
212
|
+
|
|
213
|
+
<tr>
|
|
214
|
+
<td class="col-md-4">
|
|
215
|
+
<i>Optional</i>
|
|
216
|
+
</td>
|
|
217
|
+
</tr>
|
|
218
|
+
|
|
219
|
+
|
|
220
|
+
|
|
221
|
+
|
|
184
222
|
</tbody>
|
|
185
223
|
</table>
|
|
186
224
|
<table class="table table-sm table-bordered">
|
|
@@ -356,6 +394,7 @@
|
|
|
356
394
|
smart?: boolean;
|
|
357
395
|
closeLabel?: any;
|
|
358
396
|
message?: string;
|
|
397
|
+
lowContrast?: boolean;
|
|
359
398
|
}
|
|
360
399
|
|
|
361
400
|
export interface ToastContent extends NotificationContent {
|