carbon-components-angular 3.17.2 → 3.17.3

package/file-uploader/file.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"File":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"ibm-file","template":"\n\t\t<p class=\"bx--file-filename\">{{fileItem.file.name}}</p>\n\t\t<span\n\t\t\t*ngIf=\"fileItem.state === 'edit'\"\n\t\t\tclass=\"bx--file__state-container\"\n\t\t\t(click)=\"remove.emit()\"\n\t\t\t(keyup.enter)=\"remove.emit()\"\n\t\t\t(keyup.space)=\"remove.emit()\"\n\t\t\ttabindex=\"0\">\n\t\t\t<ibm-icon-close16\n\t\t\t\tclass=\"bx--file-close\"\n\t\t\t\t[ariaLabel]=\"translations.REMOVE_BUTTON\">\n\t\t\t</ibm-icon-close16>\n\t\t</span>\n\t\t<span *ngIf=\"fileItem.state === 'upload'\">\n\t\t\t<ibm-loading size=\"sm\"></ibm-loading>\n\t\t</span>\n\t\t<span\n\t\t\t*ngIf=\"fileItem.state === 'complete'\"\n\t\t\tclass=\"bx--file__state-container\"\n\t\t\ttabindex=\"0\">\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\tclass=\"bx--file-complete\"\n\t\t\t\t[ariaLabel]=\"translations.CHECKMARK\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t</span>\n\t"}]}],"members":{"translations":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":2}}]}],"fileItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":2}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":2}}]}],"selectedFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":57,"character":2},"arguments":["class.bx--file__selected-file"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../i18n/i18n.module","name":"I18n","line":59,"character":29}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"File":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"ibm-file","template":"\n\t\t<p class=\"bx--file-filename\">{{fileItem.file.name}}</p>\n\t\t<span\n\t\t\t*ngIf=\"fileItem.state === 'edit'\"\n\t\t\tclass=\"bx--file__state-container\"\n\t\t\t(click)=\"remove.emit()\"\n\t\t\t(keyup.enter)=\"remove.emit()\"\n\t\t\t(keyup.space)=\"remove.emit()\"\n\t\t\ttabindex=\"0\">\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"isInvalidText\"\n\t\t\t\tclass=\"bx--file--invalid\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-close16\n\t\t\t\tclass=\"bx--file-close\"\n\t\t\t\t[ariaLabel]=\"translations.REMOVE_BUTTON\">\n\t\t\t</ibm-icon-close16>\n\t\t</span>\n\t\t<span *ngIf=\"fileItem.state === 'upload'\">\n\t\t\t<ibm-loading size=\"sm\"></ibm-loading>\n\t\t</span>\n\t\t<span\n\t\t\t*ngIf=\"fileItem.state === 'complete'\"\n\t\t\tclass=\"bx--file__state-container\"\n\t\t\ttabindex=\"0\">\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\tclass=\"bx--file-complete\"\n\t\t\t\t[ariaLabel]=\"translations.CHECKMARK\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t</span>\n\t"}]}],"members":{"translations":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":2}}]}],"fileItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":2}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":2}}]}],"selectedFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":61,"character":2},"arguments":["class.bx--file__selected-file"]}]}],"isInvalidText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":2},"arguments":["class.bx--file__selected-file--invalid"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../i18n/i18n.module","name":"I18n","line":67,"character":29}]}]}}}}]

package/file-uploader/file.component.ngfactory.js

@@ -25,19 +25,22 @@
  * tslint:disable
  */ 
 import * as i0 from "@angular/core";
-import * as i1 from "../../../node_modules/@carbon/icons-angular/lib/close/16.ngfactory";
-import * as i2 from "@carbon/icons-angular/lib/close/16";
-import * as i3 from "../loading/loading.component.ngfactory";
-import * as i4 from "../loading/loading.component";
-import * as i5 from "../i18n/i18n.service";
-import * as i6 from "../../../node_modules/@carbon/icons-angular/lib/checkmark--filled/16.ngfactory";
-import * as i7 from "@carbon/icons-angular/lib/checkmark--filled/16";
-import * as i8 from "@angular/common";
-import * as i9 from "./file.component";
+import * as i1 from "../../../node_modules/@carbon/icons-angular/lib/warning--filled/16.ngfactory";
+import * as i2 from "@carbon/icons-angular/lib/warning--filled/16";
+import * as i3 from "@angular/common";
+import * as i4 from "../../../node_modules/@carbon/icons-angular/lib/close/16.ngfactory";
+import * as i5 from "@carbon/icons-angular/lib/close/16";
+import * as i6 from "../loading/loading.component.ngfactory";
+import * as i7 from "../loading/loading.component";
+import * as i8 from "../i18n/i18n.service";
+import * as i9 from "../../../node_modules/@carbon/icons-angular/lib/checkmark--filled/16.ngfactory";
+import * as i10 from "@carbon/icons-angular/lib/checkmark--filled/16";
+import * as i11 from "./file.component";
 var styles_File = [];
 var RenderType_File = i0.ɵcrt({ encapsulation: 2, styles: styles_File, data: {} });
 export { RenderType_File as RenderType_File };
-function View_File_1(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "span", [["class", "bx--file__state-container"], ["tabindex", "0"]], null, [[null, "click"], [null, "keyup.enter"], [null, "keyup.space"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
+function View_File_2(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-icon-warning-filled16", [["class", "bx--file--invalid"]], null, null, null, i1.View_WarningFilled16_0, i1.RenderType_WarningFilled16)), i0.ɵdid(1, 49152, null, 0, i2.WarningFilled16, [], null, null)], null, null); }
+function View_File_1(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 4, "span", [["class", "bx--file__state-container"], ["tabindex", "0"]], null, [[null, "click"], [null, "keyup.enter"], [null, "keyup.space"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
         var pd_0 = (_co.remove.emit() !== false);
         ad = (pd_0 && ad);
     } if (("keyup.enter" === en)) {
@@ -46,11 +49,11 @@ function View_File_1(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, nul
     } if (("keyup.space" === en)) {
         var pd_2 = (_co.remove.emit() !== false);
         ad = (pd_2 && ad);
-    } return ad; }, null, null)), (_l()(), i0.ɵeld(1, 0, null, null, 1, "ibm-icon-close16", [["class", "bx--file-close"]], null, null, null, i1.View_Close16_0, i1.RenderType_Close16)), i0.ɵdid(2, 49152, null, 0, i2.Close16, [], { ariaLabel: [0, "ariaLabel"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.translations.REMOVE_BUTTON; _ck(_v, 2, 0, currVal_0); }, null); }
-function View_File_2(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "span", [], null, null, null, null, null)), (_l()(), i0.ɵeld(1, 0, null, null, 1, "ibm-loading", [["size", "sm"]], [[2, "bx--loading-overlay", null]], null, null, i3.View_Loading_0, i3.RenderType_Loading)), i0.ɵdid(2, 49152, null, 0, i4.Loading, [i5.I18n], { size: [0, "size"] }, null)], function (_ck, _v) { var currVal_1 = "sm"; _ck(_v, 2, 0, currVal_1); }, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 2).overlay; _ck(_v, 1, 0, currVal_0); }); }
-function View_File_3(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "span", [["class", "bx--file__state-container"], ["tabindex", "0"]], null, null, null, null, null)), (_l()(), i0.ɵeld(1, 0, null, null, 1, "ibm-icon-checkmark-filled16", [["class", "bx--file-complete"]], null, null, null, i6.View_CheckmarkFilled16_0, i6.RenderType_CheckmarkFilled16)), i0.ɵdid(2, 49152, null, 0, i7.CheckmarkFilled16, [], { ariaLabel: [0, "ariaLabel"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.translations.CHECKMARK; _ck(_v, 2, 0, currVal_0); }, null); }
-export function View_File_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "p", [["class", "bx--file-filename"]], null, null, null, null, null)), (_l()(), i0.ɵted(1, null, ["", ""])), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_File_1)), i0.ɵdid(3, 16384, null, 0, i8.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_File_2)), i0.ɵdid(5, 16384, null, 0, i8.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_File_3)), i0.ɵdid(7, 16384, null, 0, i8.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_1 = (_co.fileItem.state === "edit"); _ck(_v, 3, 0, currVal_1); var currVal_2 = (_co.fileItem.state === "upload"); _ck(_v, 5, 0, currVal_2); var currVal_3 = (_co.fileItem.state === "complete"); _ck(_v, 7, 0, currVal_3); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.fileItem.file.name; _ck(_v, 1, 0, currVal_0); }); }
-export function View_File_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-file", [], [[2, "bx--file__selected-file", null]], null, null, View_File_0, RenderType_File)), i0.ɵdid(1, 49152, null, 0, i9.File, [i5.I18n], null, null)], null, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 1).selectedFile; _ck(_v, 0, 0, currVal_0); }); }
-var FileNgFactory = i0.ɵccf("ibm-file", i9.File, View_File_Host_0, { translations: "translations", fileItem: "fileItem" }, { remove: "remove" }, []);
+    } return ad; }, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_File_2)), i0.ɵdid(2, 16384, null, 0, i3.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(3, 0, null, null, 1, "ibm-icon-close16", [["class", "bx--file-close"]], null, null, null, i4.View_Close16_0, i4.RenderType_Close16)), i0.ɵdid(4, 49152, null, 0, i5.Close16, [], { ariaLabel: [0, "ariaLabel"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.isInvalidText; _ck(_v, 2, 0, currVal_0); var currVal_1 = _co.translations.REMOVE_BUTTON; _ck(_v, 4, 0, currVal_1); }, null); }
+function View_File_3(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "span", [], null, null, null, null, null)), (_l()(), i0.ɵeld(1, 0, null, null, 1, "ibm-loading", [["size", "sm"]], [[2, "bx--loading-overlay", null]], null, null, i6.View_Loading_0, i6.RenderType_Loading)), i0.ɵdid(2, 49152, null, 0, i7.Loading, [i8.I18n], { size: [0, "size"] }, null)], function (_ck, _v) { var currVal_1 = "sm"; _ck(_v, 2, 0, currVal_1); }, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 2).overlay; _ck(_v, 1, 0, currVal_0); }); }
+function View_File_4(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "span", [["class", "bx--file__state-container"], ["tabindex", "0"]], null, null, null, null, null)), (_l()(), i0.ɵeld(1, 0, null, null, 1, "ibm-icon-checkmark-filled16", [["class", "bx--file-complete"]], null, null, null, i9.View_CheckmarkFilled16_0, i9.RenderType_CheckmarkFilled16)), i0.ɵdid(2, 49152, null, 0, i10.CheckmarkFilled16, [], { ariaLabel: [0, "ariaLabel"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.translations.CHECKMARK; _ck(_v, 2, 0, currVal_0); }, null); }
+export function View_File_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "p", [["class", "bx--file-filename"]], null, null, null, null, null)), (_l()(), i0.ɵted(1, null, ["", ""])), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_File_1)), i0.ɵdid(3, 16384, null, 0, i3.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_File_3)), i0.ɵdid(5, 16384, null, 0, i3.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_File_4)), i0.ɵdid(7, 16384, null, 0, i3.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_1 = (_co.fileItem.state === "edit"); _ck(_v, 3, 0, currVal_1); var currVal_2 = (_co.fileItem.state === "upload"); _ck(_v, 5, 0, currVal_2); var currVal_3 = (_co.fileItem.state === "complete"); _ck(_v, 7, 0, currVal_3); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.fileItem.file.name; _ck(_v, 1, 0, currVal_0); }); }
+export function View_File_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-file", [], [[2, "bx--file__selected-file", null], [2, "bx--file__selected-file--invalid", null]], null, null, View_File_0, RenderType_File)), i0.ɵdid(1, 49152, null, 0, i11.File, [i8.I18n], null, null)], null, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 1).selectedFile; var currVal_1 = i0.ɵnov(_v, 1).isInvalidText; _ck(_v, 0, 0, currVal_0, currVal_1); }); }
+var FileNgFactory = i0.ɵccf("ibm-file", i11.File, View_File_Host_0, { translations: "translations", fileItem: "fileItem" }, { remove: "remove" }, []);
 export { FileNgFactory as FileNgFactory };
 //# sourceMappingURL=file.component.ngfactory.js.map

package/file-uploader/file.component.ngfactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"file.component.ngfactory.js","sourceRoot":"","sources":["../src/file-uploader/file.component.ngfactory.ts","../src/file-uploader/file.component.ts.File.html"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;+CCEE,wOAMc,YAHb;;wBAAuB;MACvB;;wBAA6B;MAC7B;;wBAA6B;MAL9B,wBAMc,KACb,sOAE0C,iDAAzC,mBAAwC,6BAFzC,YAE0C,EAAzC,SAAwC;+CAG1C,6EAA0C,KACzC,+OAAuB,yBAAV,oBAAS,EAAtB,YAAuB,EAAV,SAAS,2BAAtB,+DAAuB;+CAExB,sIAGc,KACb,kRAEsC,iDAArC,mBAAoC,yBAFrC,YAEsC,EAArC,SAAoC;sDAtBtC,wGAA6B,KAAA,gCAAsB,MACnD,oKAMc,IAMd,oKAA0C,IAG1C,oKAGc,iDAjBb,8CAAiC,GADlC,YAMc,EALb,SAAiC,GAW5B,gDAAmC,GAAzC,YAA0C,EAApC,SAAmC,GAIxC,kDAAqC,GADtC,YAGc,EAFb,SAAqC,mDAjBT,+DAAsB","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<p class=\"bx--file-filename\">{{fileItem.file.name}}</p>\n\t\t<span\n\t\t\t*ngIf=\"fileItem.state === 'edit'\"\n\t\t\tclass=\"bx--file__state-container\"\n\t\t\t(click)=\"remove.emit()\"\n\t\t\t(keyup.enter)=\"remove.emit()\"\n\t\t\t(keyup.space)=\"remove.emit()\"\n\t\t\ttabindex=\"0\">\n\t\t\t<ibm-icon-close16\n\t\t\t\tclass=\"bx--file-close\"\n\t\t\t\t[ariaLabel]=\"translations.REMOVE_BUTTON\">\n\t\t\t</ibm-icon-close16>\n\t\t</span>\n\t\t<span *ngIf=\"fileItem.state === 'upload'\">\n\t\t\t<ibm-loading size=\"sm\"></ibm-loading>\n\t\t</span>\n\t\t<span\n\t\t\t*ngIf=\"fileItem.state === 'complete'\"\n\t\t\tclass=\"bx--file__state-container\"\n\t\t\ttabindex=\"0\">\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\tclass=\"bx--file-complete\"\n\t\t\t\t[ariaLabel]=\"translations.CHECKMARK\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t</span>\n\t"]}
+{"version":3,"file":"file.component.ngfactory.js","sourceRoot":"","sources":["../src/file-uploader/file.component.ngfactory.ts","../src/file-uploader/file.component.ts.File.html"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;+CCSG,+OAE2B;+CAT5B,wOAMc,YAHb;;wBAAuB;MACvB;;wBAA6B;MAC7B;;wBAA6B;MAL9B,wBAMc,KACb,oKAE2B,IAE3B,sOAE0C,iDALzC,mBAAqB,gBADtB,YAE2B,EAD1B,SAAqB,GAKrB,mBAAwC,6BAFzC,YAE0C,EAAzC,SAAwC;+CAG1C,6EAA0C,KACzC,+OAAuB,yBAAV,oBAAS,EAAtB,YAAuB,EAAV,SAAS,2BAAtB,+DAAuB;+CAExB,sIAGc,KACb,mRAEsC,iDAArC,mBAAoC,yBAFrC,YAEsC,EAArC,SAAoC;sDA1BtC,wGAA6B,KAAA,gCAAsB,MACnD,oKAMc,IAUd,oKAA0C,IAG1C,oKAGc,iDArBb,8CAAiC,GADlC,YAMc,EALb,SAAiC,GAe5B,gDAAmC,GAAzC,YAA0C,EAApC,SAAmC,GAIxC,kDAAqC,GADtC,YAGc,EAFb,SAAqC,mDArBT,+DAAsB","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<p class=\"bx--file-filename\">{{fileItem.file.name}}</p>\n\t\t<span\n\t\t\t*ngIf=\"fileItem.state === 'edit'\"\n\t\t\tclass=\"bx--file__state-container\"\n\t\t\t(click)=\"remove.emit()\"\n\t\t\t(keyup.enter)=\"remove.emit()\"\n\t\t\t(keyup.space)=\"remove.emit()\"\n\t\t\ttabindex=\"0\">\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"isInvalidText\"\n\t\t\t\tclass=\"bx--file--invalid\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-close16\n\t\t\t\tclass=\"bx--file-close\"\n\t\t\t\t[ariaLabel]=\"translations.REMOVE_BUTTON\">\n\t\t\t</ibm-icon-close16>\n\t\t</span>\n\t\t<span *ngIf=\"fileItem.state === 'upload'\">\n\t\t\t<ibm-loading size=\"sm\"></ibm-loading>\n\t\t</span>\n\t\t<span\n\t\t\t*ngIf=\"fileItem.state === 'complete'\"\n\t\t\tclass=\"bx--file__state-container\"\n\t\t\ttabindex=\"0\">\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\tclass=\"bx--file-complete\"\n\t\t\t\t[ariaLabel]=\"translations.CHECKMARK\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t</span>\n\t"]}

package/file-uploader/file.component.ngsummary.json

@@ -1 +1 @@
-{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"translations":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"fileItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"selectedFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--file__selected-file"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":4,"members":[]}]}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":5,"members":[]}}}}],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-file","exportAs":null,"inputs":{"translations":"translations","fileItem":"fileItem"},"outputs":{"remove":"remove"},"hostListeners":{},"hostProperties":{"class.bx--file__selected-file":"selectedFile"},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":[],"encapsulation":2},"componentViewType":{"__symbol":6,"members":[]},"rendererType":{"__symbol":7,"members":[]},"componentFactory":{"__symbol":8,"members":[]}}}],"symbols":[{"__symbol":0,"name":"File","filePath":"./file.component"},{"__symbol":1,"name":"Input","filePath":"@angular/core"},{"__symbol":2,"name":"Output","filePath":"@angular/core"},{"__symbol":3,"name":"HostBinding","filePath":"@angular/core"},{"__symbol":4,"name":"I18n","filePath":"../i18n/i18n.module"},{"__symbol":5,"name":"I18n","filePath":"../i18n/i18n.service"},{"__symbol":6,"name":"View_File_0","filePath":"./file.component.ngfactory"},{"__symbol":7,"name":"RenderType_File","filePath":"./file.component.ngfactory"},{"__symbol":8,"name":"FileNgFactory","filePath":"./file.component.ngfactory"}]}
+{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"translations":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"fileItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"selectedFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--file__selected-file"]}]}],"isInvalidText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--file__selected-file--invalid"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":4,"members":[]}]}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":5,"members":[]}}}}],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-file","exportAs":null,"inputs":{"translations":"translations","fileItem":"fileItem"},"outputs":{"remove":"remove"},"hostListeners":{},"hostProperties":{"class.bx--file__selected-file":"selectedFile","class.bx--file__selected-file--invalid":"isInvalidText"},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":[],"encapsulation":2},"componentViewType":{"__symbol":6,"members":[]},"rendererType":{"__symbol":7,"members":[]},"componentFactory":{"__symbol":8,"members":[]}}}],"symbols":[{"__symbol":0,"name":"File","filePath":"./file.component"},{"__symbol":1,"name":"Input","filePath":"@angular/core"},{"__symbol":2,"name":"Output","filePath":"@angular/core"},{"__symbol":3,"name":"HostBinding","filePath":"@angular/core"},{"__symbol":4,"name":"I18n","filePath":"../i18n/i18n.module"},{"__symbol":5,"name":"I18n","filePath":"../i18n/i18n.service"},{"__symbol":6,"name":"View_File_0","filePath":"./file.component.ngfactory"},{"__symbol":7,"name":"RenderType_File","filePath":"./file.component.ngfactory"},{"__symbol":8,"name":"FileNgFactory","filePath":"./file.component.ngfactory"}]}

package/notification/notification-content.interface.d.ts

@@ -26,6 +26,7 @@ export interface NotificationContent {
     smart?: boolean;
     closeLabel?: any;
     message?: string;
+    lowContrast?: boolean;
 }
 export interface ToastContent extends NotificationContent {
     subtitle: string;

package/notification/notification-content.interface.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification-content.interface.js","sourceRoot":"","sources":["../src/notification/notification-content.interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface NotificationContent {\n\ttype: string;\n\ttitle: string;\n\ttarget?: string;\n\tduration?: number;\n\tsmart?: boolean;\n\tcloseLabel?: any;\n\tmessage?: string;\n}\n\nexport interface ToastContent extends NotificationContent {\n\tsubtitle: string;\n\tcaption: string;\n}\n"]}
+{"version":3,"file":"notification-content.interface.js","sourceRoot":"","sources":["../src/notification/notification-content.interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface NotificationContent {\n\ttype: string;\n\ttitle: string;\n\ttarget?: string;\n\tduration?: number;\n\tsmart?: boolean;\n\tcloseLabel?: any;\n\tmessage?: string;\n\tlowContrast?: boolean;\n}\n\nexport interface ToastContent extends NotificationContent {\n\tsubtitle: string;\n\tcaption: string;\n}\n"]}

package/notification/notification.component.d.ts

@@ -53,6 +53,7 @@ export declare class Notification {
     readonly isInfo: boolean;
     readonly isSuccess: boolean;
     readonly isWarning: boolean;
+    readonly isLowContrast: boolean;
     protected defaultNotificationObj: {
         title: string;
         message: string;

package/notification/notification.component.js

@@ -88,6 +88,11 @@ var Notification = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(Notification.prototype, "isLowContrast", {
+        get: function () { return this.notificationObj.lowContrast; },
+        enumerable: true,
+        configurable: true
+    });
     /**
      * Emits close event.
      */
@@ -118,7 +123,8 @@ var Notification = /** @class */ (function () {
         isError: [{ type: HostBinding, args: ["class.bx--inline-notification--error",] }],
         isInfo: [{ type: HostBinding, args: ["class.bx--inline-notification--info",] }],
         isSuccess: [{ type: HostBinding, args: ["class.bx--inline-notification--success",] }],
-        isWarning: [{ type: HostBinding, args: ["class.bx--inline-notification--warning",] }]
+        isWarning: [{ type: HostBinding, args: ["class.bx--inline-notification--warning",] }],
+        isLowContrast: [{ type: HostBinding, args: ["class.bx--inline-notification--low-contrast",] }]
     };
     return Notification;
 }());

package/notification/notification.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification.component.js","sourceRoot":"","sources":["../src/notification/notification.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,KAAK,EACL,MAAM,EACN,YAAY,EAEZ,SAAS,EACT,WAAW,EACX,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAE1B;;;;;;GAMG;AACH;IA0EC,sBAAsB,0BAAsD,EAAY,IAAU;QAA5E,+BAA0B,GAA1B,0BAA0B,CAA4B;QAAY,SAAI,GAAJ,IAAI,CAAM;QA1BlG;;WAEG;QACO,UAAK,GAAsB,IAAI,YAAY,EAAE,CAAC;QAMhC,mBAAc,GAAG,cAAc,CAAC;QACV,sBAAiB,GAAG,IAAI,CAAC;QAC7C,SAAI,GAAG,OAAO,CAAC;QAO/B,2BAAsB,GAAG;YAClC,KAAK,EAAE,EAAE;YACT,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,MAAM;YACZ,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,2BAA2B,CAAC;SACtD,CAAC;QACQ,qBAAgB,GAAwB,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;IAEI,CAAC;IApCtG,sBAAa,yCAAe;QAP5B;;;;;;WAMG;aACH;YACC,OAAO,IAAI,CAAC,gBAAgB,CAAC;QAC9B,CAAC;aACD,UAAoB,GAAwB;YAC3C,IAAI,GAAG,CAAC,UAAU,EAAE;gBACnB,GAAG,CAAC,UAAU,GAAG,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;aACpC;YACD,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;QAC7E,CAAC;;;OANA;IAqBD,sBAAyD,iCAAO;aAAhE,cAAqE,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC;;;OAAA;IACpH,sBAAwD,gCAAM;aAA9D,cAAmE,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC;;;OAAA;IACjH,sBAA2D,mCAAS;aAApE,cAAyE,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC;;;OAAA;IAC1H,sBAA2D,mCAAS;aAApE,cAAyE,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC;;;OAAA;IAY1H;;OAEG;IACH,8BAAO,GAAP;QACC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACnB,CAAC;IAED,8BAAO,GAAP;QACC,IAAI,CAAC,0BAA0B,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;;gBArFD,SAAS,SAAC;oBACV,QAAQ,EAAE,kBAAkB;oBAC5B,QAAQ,EAAE,moCA0BT;iBACD;;;;gBAvCQ,0BAA0B;gBAD1B,IAAI;;;kCAiDX,KAAK;wBAaL,MAAM;+BAIN,SAAS,SAAC,cAAc;iCAExB,WAAW,SAAC,SAAS;oCACrB,WAAW,SAAC,+BAA+B;uBAC3C,WAAW,SAAC,WAAW;0BAEvB,WAAW,SAAC,sCAAsC;yBAClD,WAAW,SAAC,qCAAqC;4BACjD,WAAW,SAAC,wCAAwC;4BACpD,WAAW,SAAC,wCAAwC;;IAsBtD,mBAAC;CAAA,AAtFD,IAsFC;SAxDY,YAAY","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tOutput,\n\tEventEmitter,\n\tComponentRef,\n\tViewChild,\n\tHostBinding\n} from \"@angular/core\";\n\nimport { NotificationContent } from \"./notification-content.interface\";\nimport { I18n } from \"./../i18n/i18n.module\";\nimport { NotificationDisplayService } from \"./notification-display.service\";\nimport { of } from \"rxjs\";\n\n/**\n * Notification messages are displayed toward the top of the UI and do not interrupt user’s work.\n *\n * [See demo](../../?path=/story/notification--basic)\n *\n * <example-url>../../iframe.html?id=notification--basic</example-url>\n */\n@Component({\n\tselector: \"ibm-notification\",\n\ttemplate: `\n\t\t<div class=\"bx--inline-notification__details\">\n\t\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t\t<div class=\"bx--inline-notification__text-wrapper\">\n\t\t\t\t<p [innerHTML]=\"notificationObj.title\" class=\"bx--inline-notification__title\"></p>\n\t\t\t\t<p [innerHTML]=\"notificationObj.message\" class=\"bx--inline-notification__subtitle\"></p>\n\t\t\t</div>\n\t\t</div>\n\t\t<button\n\t\t\t(click)=\"onClose()\"\n\t\t\tclass=\"bx--inline-notification__close-button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel | async\"\n\t\t\ttype=\"button\">\n\t\t\t<ibm-icon-close16 class=\"bx--inline-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t`\n})\nexport class Notification {\n\t/**\n\t * Can have `type`, `title`, and `message` members.\n\t *\n\t * `type` can be one of `\"info\"`, `\"warning\"`, `\"error\"`, `\"success\"`\n\t *\n\t * `message` is the message to display\n\t */\n\t@Input() get notificationObj(): NotificationContent {\n\t\treturn this._notificationObj;\n\t}\n\tset notificationObj(obj: NotificationContent) {\n\t\tif (obj.closeLabel) {\n\t\t\tobj.closeLabel = of(obj.closeLabel);\n\t\t}\n\t\tthis._notificationObj = Object.assign({}, this.defaultNotificationObj, obj);\n\t}\n\n\t/**\n\t * Emits on close.\n\t */\n\t@Output() close: EventEmitter<any> = new EventEmitter();\n\n\tcomponentRef: ComponentRef<Notification>;\n\n\t@ViewChild(\"notification\") notification;\n\n\t@HostBinding(\"attr.id\") notificationID = \"notification\";\n\t@HostBinding(\"class.bx--inline-notification\") notificationClass = true;\n\t@HostBinding(\"attr.role\") role = \"alert\";\n\n\t@HostBinding(\"class.bx--inline-notification--error\") get isError() { return this.notificationObj.type === \"error\"; }\n\t@HostBinding(\"class.bx--inline-notification--info\") get isInfo() { return this.notificationObj.type === \"info\"; }\n\t@HostBinding(\"class.bx--inline-notification--success\") get isSuccess() { return this.notificationObj.type === \"success\"; }\n\t@HostBinding(\"class.bx--inline-notification--warning\") get isWarning() { return this.notificationObj.type === \"warning\"; }\n\n\tprotected defaultNotificationObj = {\n\t\ttitle: \"\",\n\t\tmessage: \"\",\n\t\ttype: \"info\",\n\t\tcloseLabel: this.i18n.get(\"NOTIFICATION.CLOSE_BUTTON\")\n\t};\n\tprotected _notificationObj: NotificationContent = Object.assign({}, this.defaultNotificationObj);\n\n\tconstructor(protected notificationDisplayService: NotificationDisplayService, protected i18n: I18n) {}\n\n\t/**\n\t * Emits close event.\n\t */\n\tonClose() {\n\t\tthis.close.emit();\n\t}\n\n\tdestroy() {\n\t\tthis.notificationDisplayService.close(this);\n\t}\n}\n"]}
+{"version":3,"file":"notification.component.js","sourceRoot":"","sources":["../src/notification/notification.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,KAAK,EACL,MAAM,EACN,YAAY,EAEZ,SAAS,EACT,WAAW,EACX,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAE1B;;;;;;GAMG;AACH;IA2EC,sBAAsB,0BAAsD,EAAY,IAAU;QAA5E,+BAA0B,GAA1B,0BAA0B,CAA4B;QAAY,SAAI,GAAJ,IAAI,CAAM;QA3BlG;;WAEG;QACO,UAAK,GAAsB,IAAI,YAAY,EAAE,CAAC;QAMhC,mBAAc,GAAG,cAAc,CAAC;QACV,sBAAiB,GAAG,IAAI,CAAC;QAC7C,SAAI,GAAG,OAAO,CAAC;QAQ/B,2BAAsB,GAAG;YAClC,KAAK,EAAE,EAAE;YACT,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,MAAM;YACZ,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,2BAA2B,CAAC;SACtD,CAAC;QACQ,qBAAgB,GAAwB,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;IAEI,CAAC;IArCtG,sBAAa,yCAAe;QAP5B;;;;;;WAMG;aACH;YACC,OAAO,IAAI,CAAC,gBAAgB,CAAC;QAC9B,CAAC;aACD,UAAoB,GAAwB;YAC3C,IAAI,GAAG,CAAC,UAAU,EAAE;gBACnB,GAAG,CAAC,UAAU,GAAG,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;aACpC;YACD,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;QAC7E,CAAC;;;OANA;IAqBD,sBAAyD,iCAAO;aAAhE,cAAqE,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC;;;OAAA;IACpH,sBAAwD,gCAAM;aAA9D,cAAmE,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC;;;OAAA;IACjH,sBAA2D,mCAAS;aAApE,cAAyE,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC;;;OAAA;IAC1H,sBAA2D,mCAAS;aAApE,cAAyE,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC;;;OAAA;IAC1H,sBAAgE,uCAAa;aAA7E,cAAkF,OAAO,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC;;;OAAA;IAY5H;;OAEG;IACH,8BAAO,GAAP;QACC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACnB,CAAC;IAED,8BAAO,GAAP;QACC,IAAI,CAAC,0BAA0B,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;;gBAtFD,SAAS,SAAC;oBACV,QAAQ,EAAE,kBAAkB;oBAC5B,QAAQ,EAAE,moCA0BT;iBACD;;;;gBAvCQ,0BAA0B;gBAD1B,IAAI;;;kCAiDX,KAAK;wBAaL,MAAM;+BAIN,SAAS,SAAC,cAAc;iCAExB,WAAW,SAAC,SAAS;oCACrB,WAAW,SAAC,+BAA+B;uBAC3C,WAAW,SAAC,WAAW;0BAEvB,WAAW,SAAC,sCAAsC;yBAClD,WAAW,SAAC,qCAAqC;4BACjD,WAAW,SAAC,wCAAwC;4BACpD,WAAW,SAAC,wCAAwC;gCACpD,WAAW,SAAC,6CAA6C;;IAsB3D,mBAAC;CAAA,AAvFD,IAuFC;SAzDY,YAAY","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tOutput,\n\tEventEmitter,\n\tComponentRef,\n\tViewChild,\n\tHostBinding\n} from \"@angular/core\";\n\nimport { NotificationContent } from \"./notification-content.interface\";\nimport { I18n } from \"./../i18n/i18n.module\";\nimport { NotificationDisplayService } from \"./notification-display.service\";\nimport { of } from \"rxjs\";\n\n/**\n * Notification messages are displayed toward the top of the UI and do not interrupt user’s work.\n *\n * [See demo](../../?path=/story/notification--basic)\n *\n * <example-url>../../iframe.html?id=notification--basic</example-url>\n */\n@Component({\n\tselector: \"ibm-notification\",\n\ttemplate: `\n\t\t<div class=\"bx--inline-notification__details\">\n\t\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t\t<div class=\"bx--inline-notification__text-wrapper\">\n\t\t\t\t<p [innerHTML]=\"notificationObj.title\" class=\"bx--inline-notification__title\"></p>\n\t\t\t\t<p [innerHTML]=\"notificationObj.message\" class=\"bx--inline-notification__subtitle\"></p>\n\t\t\t</div>\n\t\t</div>\n\t\t<button\n\t\t\t(click)=\"onClose()\"\n\t\t\tclass=\"bx--inline-notification__close-button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel | async\"\n\t\t\ttype=\"button\">\n\t\t\t<ibm-icon-close16 class=\"bx--inline-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t`\n})\nexport class Notification {\n\t/**\n\t * Can have `type`, `title`, and `message` members.\n\t *\n\t * `type` can be one of `\"info\"`, `\"warning\"`, `\"error\"`, `\"success\"`\n\t *\n\t * `message` is the message to display\n\t */\n\t@Input() get notificationObj(): NotificationContent {\n\t\treturn this._notificationObj;\n\t}\n\tset notificationObj(obj: NotificationContent) {\n\t\tif (obj.closeLabel) {\n\t\t\tobj.closeLabel = of(obj.closeLabel);\n\t\t}\n\t\tthis._notificationObj = Object.assign({}, this.defaultNotificationObj, obj);\n\t}\n\n\t/**\n\t * Emits on close.\n\t */\n\t@Output() close: EventEmitter<any> = new EventEmitter();\n\n\tcomponentRef: ComponentRef<Notification>;\n\n\t@ViewChild(\"notification\") notification;\n\n\t@HostBinding(\"attr.id\") notificationID = \"notification\";\n\t@HostBinding(\"class.bx--inline-notification\") notificationClass = true;\n\t@HostBinding(\"attr.role\") role = \"alert\";\n\n\t@HostBinding(\"class.bx--inline-notification--error\") get isError() { return this.notificationObj.type === \"error\"; }\n\t@HostBinding(\"class.bx--inline-notification--info\") get isInfo() { return this.notificationObj.type === \"info\"; }\n\t@HostBinding(\"class.bx--inline-notification--success\") get isSuccess() { return this.notificationObj.type === \"success\"; }\n\t@HostBinding(\"class.bx--inline-notification--warning\") get isWarning() { return this.notificationObj.type === \"warning\"; }\n\t@HostBinding(\"class.bx--inline-notification--low-contrast\") get isLowContrast() { return this.notificationObj.lowContrast; }\n\n\tprotected defaultNotificationObj = {\n\t\ttitle: \"\",\n\t\tmessage: \"\",\n\t\ttype: \"info\",\n\t\tcloseLabel: this.i18n.get(\"NOTIFICATION.CLOSE_BUTTON\")\n\t};\n\tprotected _notificationObj: NotificationContent = Object.assign({}, this.defaultNotificationObj);\n\n\tconstructor(protected notificationDisplayService: NotificationDisplayService, protected i18n: I18n) {}\n\n\t/**\n\t * Emits close event.\n\t */\n\tonClose() {\n\t\tthis.close.emit();\n\t}\n\n\tdestroy() {\n\t\tthis.notificationDisplayService.close(this);\n\t}\n}\n"]}

package/notification/notification.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"Notification":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"ibm-notification","template":"\n\t\t<div class=\"bx--inline-notification__details\">\n\t\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t\t<div class=\"bx--inline-notification__text-wrapper\">\n\t\t\t\t<p [innerHTML]=\"notificationObj.title\" class=\"bx--inline-notification__title\"></p>\n\t\t\t\t<p [innerHTML]=\"notificationObj.message\" class=\"bx--inline-notification__subtitle\"></p>\n\t\t\t</div>\n\t\t</div>\n\t\t<button\n\t\t\t(click)=\"onClose()\"\n\t\t\tclass=\"bx--inline-notification__close-button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel | async\"\n\t\t\ttype=\"button\">\n\t\t\t<ibm-icon-close16 class=\"bx--inline-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t"}]}],"members":{"notificationObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":2}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":2}}]}],"notification":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":77,"character":2},"arguments":["notification"]}]}],"notificationID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":79,"character":2},"arguments":["attr.id"]}]}],"notificationClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":80,"character":2},"arguments":["class.bx--inline-notification"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":81,"character":2},"arguments":["attr.role"]}]}],"isError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":83,"character":2},"arguments":["class.bx--inline-notification--error"]}]}],"isInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":84,"character":2},"arguments":["class.bx--inline-notification--info"]}]}],"isSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":85,"character":2},"arguments":["class.bx--inline-notification--success"]}]}],"isWarning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":86,"character":2},"arguments":["class.bx--inline-notification--warning"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./notification-display.service","name":"NotificationDisplayService","line":96,"character":51},{"__symbolic":"reference","module":"./../i18n/i18n.module","name":"I18n","line":96,"character":95}]}],"onClose":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"Notification":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"ibm-notification","template":"\n\t\t<div class=\"bx--inline-notification__details\">\n\t\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t\t<div class=\"bx--inline-notification__text-wrapper\">\n\t\t\t\t<p [innerHTML]=\"notificationObj.title\" class=\"bx--inline-notification__title\"></p>\n\t\t\t\t<p [innerHTML]=\"notificationObj.message\" class=\"bx--inline-notification__subtitle\"></p>\n\t\t\t</div>\n\t\t</div>\n\t\t<button\n\t\t\t(click)=\"onClose()\"\n\t\t\tclass=\"bx--inline-notification__close-button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel | async\"\n\t\t\ttype=\"button\">\n\t\t\t<ibm-icon-close16 class=\"bx--inline-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t"}]}],"members":{"notificationObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":2}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":2}}]}],"notification":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":77,"character":2},"arguments":["notification"]}]}],"notificationID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":79,"character":2},"arguments":["attr.id"]}]}],"notificationClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":80,"character":2},"arguments":["class.bx--inline-notification"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":81,"character":2},"arguments":["attr.role"]}]}],"isError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":83,"character":2},"arguments":["class.bx--inline-notification--error"]}]}],"isInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":84,"character":2},"arguments":["class.bx--inline-notification--info"]}]}],"isSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":85,"character":2},"arguments":["class.bx--inline-notification--success"]}]}],"isWarning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":86,"character":2},"arguments":["class.bx--inline-notification--warning"]}]}],"isLowContrast":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":87,"character":2},"arguments":["class.bx--inline-notification--low-contrast"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./notification-display.service","name":"NotificationDisplayService","line":97,"character":51},{"__symbolic":"reference","module":"./../i18n/i18n.module","name":"I18n","line":97,"character":95}]}],"onClose":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}]}}}}]

package/notification/notification.component.ngfactory.js

@@ -47,7 +47,7 @@ export function View_Notification_0(_l) { return i0.ɵvid(0, [i0.ɵqud(402653184
         var pd_0 = (_co.onClose() !== false);
         ad = (pd_0 && ad);
     } return ad; }, null, null)), i0.ɵpid(131072, i7.AsyncPipe, [i0.ChangeDetectorRef]), (_l()(), i0.ɵeld(13, 0, null, null, 1, "ibm-icon-close16", [["class", "bx--inline-notification__close-icon"]], null, null, null, i8.View_Close16_0, i8.RenderType_Close16)), i0.ɵdid(14, 49152, null, 0, i9.Close16, [], null, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.notificationObj.type === "error"); _ck(_v, 3, 0, currVal_0); var currVal_1 = (_co.notificationObj.type === "warning"); _ck(_v, 5, 0, currVal_1); var currVal_2 = (_co.notificationObj.type === "success"); _ck(_v, 7, 0, currVal_2); }, function (_ck, _v) { var _co = _v.component; var currVal_3 = _co.notificationObj.title; _ck(_v, 9, 0, currVal_3); var currVal_4 = _co.notificationObj.message; _ck(_v, 10, 0, currVal_4); var currVal_5 = i0.ɵunv(_v, 11, 0, i0.ɵnov(_v, 12).transform(_co.notificationObj.closeLabel)); _ck(_v, 11, 0, currVal_5); }); }
-export function View_Notification_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-notification", [], [[1, "id", 0], [2, "bx--inline-notification", null], [1, "role", 0], [2, "bx--inline-notification--error", null], [2, "bx--inline-notification--info", null], [2, "bx--inline-notification--success", null], [2, "bx--inline-notification--warning", null]], null, null, View_Notification_0, RenderType_Notification)), i0.ɵdid(1, 49152, null, 0, i10.Notification, [i11.NotificationDisplayService, i12.I18n], null, null)], null, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 1).notificationID; var currVal_1 = i0.ɵnov(_v, 1).notificationClass; var currVal_2 = i0.ɵnov(_v, 1).role; var currVal_3 = i0.ɵnov(_v, 1).isError; var currVal_4 = i0.ɵnov(_v, 1).isInfo; var currVal_5 = i0.ɵnov(_v, 1).isSuccess; var currVal_6 = i0.ɵnov(_v, 1).isWarning; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6); }); }
+export function View_Notification_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-notification", [], [[1, "id", 0], [2, "bx--inline-notification", null], [1, "role", 0], [2, "bx--inline-notification--error", null], [2, "bx--inline-notification--info", null], [2, "bx--inline-notification--success", null], [2, "bx--inline-notification--warning", null], [2, "bx--inline-notification--low-contrast", null]], null, null, View_Notification_0, RenderType_Notification)), i0.ɵdid(1, 49152, null, 0, i10.Notification, [i11.NotificationDisplayService, i12.I18n], null, null)], null, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 1).notificationID; var currVal_1 = i0.ɵnov(_v, 1).notificationClass; var currVal_2 = i0.ɵnov(_v, 1).role; var currVal_3 = i0.ɵnov(_v, 1).isError; var currVal_4 = i0.ɵnov(_v, 1).isInfo; var currVal_5 = i0.ɵnov(_v, 1).isSuccess; var currVal_6 = i0.ɵnov(_v, 1).isWarning; var currVal_7 = i0.ɵnov(_v, 1).isLowContrast; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7); }); }
 var NotificationNgFactory = i0.ɵccf("ibm-notification", i10.Notification, View_Notification_Host_0, { notificationObj: "notificationObj" }, { close: "close" }, []);
 export { NotificationNgFactory as NotificationNgFactory };
 //# sourceMappingURL=notification.component.ngfactory.js.map

package/notification/notification.component.ngsummary.json

@@ -1 +1 @@
-{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"notificationObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"notification":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["notification"]}]}],"notificationID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["attr.id"]}]}],"notificationClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["attr.role"]}]}],"isError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification--error"]}]}],"isInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification--info"]}]}],"isSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification--success"]}]}],"isWarning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification--warning"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":5,"members":[]},{"__symbol":6,"members":[]}]}],"onClose":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":5,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":7,"members":[]}}}}],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-notification","exportAs":null,"inputs":{"notificationObj":"notificationObj"},"outputs":{"close":"close"},"hostListeners":{},"hostProperties":{"attr.id":"notificationID","class.bx--inline-notification":"notificationClass","attr.role":"role","class.bx--inline-notification--error":"isError","class.bx--inline-notification--info":"isInfo","class.bx--inline-notification--success":"isSuccess","class.bx--inline-notification--warning":"isWarning"},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[{"selectors":[{"value":"notification"}],"first":true,"descendants":true,"propertyName":"notification","read":null}],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":[],"encapsulation":2},"componentViewType":{"__symbol":8,"members":[]},"rendererType":{"__symbol":9,"members":[]},"componentFactory":{"__symbol":10,"members":[]}}}],"symbols":[{"__symbol":0,"name":"Notification","filePath":"./notification.component"},{"__symbol":1,"name":"Input","filePath":"@angular/core"},{"__symbol":2,"name":"Output","filePath":"@angular/core"},{"__symbol":3,"name":"ViewChild","filePath":"@angular/core"},{"__symbol":4,"name":"HostBinding","filePath":"@angular/core"},{"__symbol":5,"name":"NotificationDisplayService","filePath":"./notification-display.service"},{"__symbol":6,"name":"I18n","filePath":"../i18n/i18n.module"},{"__symbol":7,"name":"I18n","filePath":"../i18n/i18n.service"},{"__symbol":8,"name":"View_Notification_0","filePath":"./notification.component.ngfactory"},{"__symbol":9,"name":"RenderType_Notification","filePath":"./notification.component.ngfactory"},{"__symbol":10,"name":"NotificationNgFactory","filePath":"./notification.component.ngfactory"}]}
+{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"notificationObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"notification":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["notification"]}]}],"notificationID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["attr.id"]}]}],"notificationClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["attr.role"]}]}],"isError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification--error"]}]}],"isInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification--info"]}]}],"isSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification--success"]}]}],"isWarning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification--warning"]}]}],"isLowContrast":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification--low-contrast"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":5,"members":[]},{"__symbol":6,"members":[]}]}],"onClose":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":5,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":7,"members":[]}}}}],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-notification","exportAs":null,"inputs":{"notificationObj":"notificationObj"},"outputs":{"close":"close"},"hostListeners":{},"hostProperties":{"attr.id":"notificationID","class.bx--inline-notification":"notificationClass","attr.role":"role","class.bx--inline-notification--error":"isError","class.bx--inline-notification--info":"isInfo","class.bx--inline-notification--success":"isSuccess","class.bx--inline-notification--warning":"isWarning","class.bx--inline-notification--low-contrast":"isLowContrast"},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[{"selectors":[{"value":"notification"}],"first":true,"descendants":true,"propertyName":"notification","read":null}],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":[],"encapsulation":2},"componentViewType":{"__symbol":8,"members":[]},"rendererType":{"__symbol":9,"members":[]},"componentFactory":{"__symbol":10,"members":[]}}}],"symbols":[{"__symbol":0,"name":"Notification","filePath":"./notification.component"},{"__symbol":1,"name":"Input","filePath":"@angular/core"},{"__symbol":2,"name":"Output","filePath":"@angular/core"},{"__symbol":3,"name":"ViewChild","filePath":"@angular/core"},{"__symbol":4,"name":"HostBinding","filePath":"@angular/core"},{"__symbol":5,"name":"NotificationDisplayService","filePath":"./notification-display.service"},{"__symbol":6,"name":"I18n","filePath":"../i18n/i18n.module"},{"__symbol":7,"name":"I18n","filePath":"../i18n/i18n.service"},{"__symbol":8,"name":"View_Notification_0","filePath":"./notification.component.ngfactory"},{"__symbol":9,"name":"RenderType_Notification","filePath":"./notification.component.ngfactory"},{"__symbol":10,"name":"NotificationNgFactory","filePath":"./notification.component.ngfactory"}]}

package/notification/toast.component.d.ts

@@ -48,6 +48,7 @@ export declare class Toast extends Notification implements OnInit {
     readonly isInfo: boolean;
     readonly isSuccess: boolean;
     readonly isWarning: boolean;
+    readonly isLowContrast: boolean;
     readonly isExperimental: boolean;
     constructor(notificationDisplayService: NotificationDisplayService, i18n: I18n, experimental: ExperimentalService);
     ngOnInit(): void;

package/notification/toast.component.js

@@ -72,6 +72,11 @@ var Toast = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(Toast.prototype, "isLowContrast", {
+        get: function () { return this.notificationObj.lowContrast; },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(Toast.prototype, "isExperimental", {
         get: function () {
             return this.experimental.isExperimental;
@@ -104,7 +109,8 @@ var Toast = /** @class */ (function (_super) {
         isError: [{ type: HostBinding, args: ["class.bx--toast-notification--error",] }],
         isInfo: [{ type: HostBinding, args: ["class.bx--toast-notification--info",] }],
         isSuccess: [{ type: HostBinding, args: ["class.bx--toast-notification--success",] }],
-        isWarning: [{ type: HostBinding, args: ["class.bx--toast-notification--warning",] }]
+        isWarning: [{ type: HostBinding, args: ["class.bx--toast-notification--warning",] }],
+        isLowContrast: [{ type: HostBinding, args: ["class.bx--toast-notification--low-contrast",] }]
     };
     return Toast;
 }(Notification));

package/notification/toast.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.component.js","sourceRoot":"","sources":["../src/notification/toast.component.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EACN,SAAS,EACT,KAAK,EAEL,WAAW,EACX,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C;;;;;;GAMG;AACH;IA6B2B,yBAAY;IAqBtC,eACW,0BAAsD,EACtD,IAAU,EACV,YAAiC;QAH5C,YAIC,kBAAM,0BAA0B,EAAE,IAAI,CAAC,SACvC;QAJU,gCAA0B,GAA1B,0BAA0B,CAA4B;QACtD,UAAI,GAAJ,IAAI,CAAM;QACV,kBAAY,GAAZ,YAAY,CAAqB;QAhBpB,aAAO,GAAG,cAAc,CAAC;QACJ,gBAAU,GAAG,IAAI,CAAC;QACrC,UAAI,GAAG,OAAO,CAAC;;IAgBzC,CAAC;IAdD,sBAAwD,0BAAO;aAA/D,cAAoE,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC;;;OAAA;IACtH,sBAAuD,yBAAM;aAA7D,cAAkE,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC;;;OAAA;IACnH,sBAA0D,4BAAS;aAAnE,cAAwE,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC;;;OAAA;IAC5H,sBAA0D,4BAAS;aAAnE,cAAwE,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC;;;OAAA;IAE5H,sBAAI,iCAAc;aAAlB;YACC,OAAO,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC;QACzC,CAAC;;;OAAA;IASD,wBAAQ,GAAR;QACC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE;YACrC,IAAI,CAAC,eAAe,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC;SAC5E;IACF,CAAC;;gBA7DD,SAAS,SAAC;oBACV,QAAQ,EAAE,WAAW;oBACrB,QAAQ,EAAE,soCAyBT;iBACD;;;;gBAtCQ,0BAA0B;gBAC1B,IAAI;gBAFJ,mBAAmB;;;kCA8C1B,KAAK;0BAEL,WAAW,SAAC,SAAS;6BACrB,WAAW,SAAC,8BAA8B;uBAC1C,WAAW,SAAC,WAAW;0BAEvB,WAAW,SAAC,qCAAqC;yBACjD,WAAW,SAAC,oCAAoC;4BAChD,WAAW,SAAC,uCAAuC;4BACnD,WAAW,SAAC,uCAAuC;;IAkBrD,YAAC;CAAA,AA9DD,CA6B2B,YAAY,GAiCtC;SAjCY,KAAK","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tOnInit,\n\tHostBinding\n} from \"@angular/core\";\n\nimport { ToastContent } from \"./notification-content.interface\";\nimport { Notification } from \"./notification.component\";\nimport { ExperimentalService } from \"./../experimental.module\";\nimport { NotificationDisplayService } from \"./notification-display.service\";\nimport { I18n } from \"./../i18n/i18n.module\";\n\n/**\n * Toast messages are displayed toward the top of the UI and do not interrupt user’s work.\n *\n * [See demo](../../?path=/story/notification--toast)\n *\n * <example-url>../../iframe.html?id=notification--toast</example-url>\n */\n@Component({\n\tselector: \"ibm-toast\",\n\ttemplate: `\n\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t<div class=\"bx--toast-notification__details\">\n\t\t\t<h3 class=\"bx--toast-notification__title\" [innerHTML]=\"notificationObj.title\"></h3>\n\t\t\t<p class=\"bx--toast-notification__subtitle\" [innerHTML]=\"notificationObj.subtitle\"></p>\n\t\t\t<p class=\"bx--toast-notification__caption\" [innerHTML]=\"notificationObj.caption\"></p>\n\t\t</div>\n\t\t<button\n\t\t\tclass=\"bx--toast-notification__close-button\"\n\t\t\ttype=\"button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel\"\n\t\t\t(click)=\"onClose()\">\n\t\t\t<ibm-icon-close16 class=\"bx--toast-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t`\n})\nexport class Toast extends Notification implements OnInit {\n\t/**\n\t * Can have `type`, `title`, `subtitle`, and `caption` members.\n\t *\n\t * `type` can be one of `\"error\"`, `\"info\"`, `\"warning\"`, or `\"success\"`\n\t */\n\t@Input() notificationObj: ToastContent;\n\n\t@HostBinding(\"attr.id\") toastID = \"notification\";\n\t@HostBinding(\"class.bx--toast-notification\") toastClass = true;\n\t@HostBinding(\"attr.role\") role = \"alert\";\n\n\t@HostBinding(\"class.bx--toast-notification--error\") get isError() { return this.notificationObj[\"type\"] === \"error\"; }\n\t@HostBinding(\"class.bx--toast-notification--info\") get isInfo() { return this.notificationObj[\"type\"] === \"info\"; }\n\t@HostBinding(\"class.bx--toast-notification--success\") get isSuccess() { return this.notificationObj[\"type\"] === \"success\"; }\n\t@HostBinding(\"class.bx--toast-notification--warning\") get isWarning() { return this.notificationObj[\"type\"] === \"warning\"; }\n\n\tget isExperimental() {\n\t\treturn this.experimental.isExperimental;\n\t}\n\n\tconstructor(\n\t\tprotected notificationDisplayService: NotificationDisplayService,\n\t\tprotected i18n: I18n,\n\t\tprotected experimental: ExperimentalService) {\n\t\tsuper(notificationDisplayService, i18n);\n\t}\n\n\tngOnInit() {\n\t\tif (!this.notificationObj.closeLabel) {\n\t\t\tthis.notificationObj.closeLabel = this.i18n.get().NOTIFICATION.CLOSE_BUTTON;\n\t\t}\n\t}\n}\n"]}
+{"version":3,"file":"toast.component.js","sourceRoot":"","sources":["../src/notification/toast.component.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EACN,SAAS,EACT,KAAK,EAEL,WAAW,EACX,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C;;;;;;GAMG;AACH;IA6B2B,yBAAY;IAuBtC,eACW,0BAAsD,EACtD,IAAU,EACV,YAAiC;QAH5C,YAIC,kBAAM,0BAA0B,EAAE,IAAI,CAAC,SACvC;QAJU,gCAA0B,GAA1B,0BAA0B,CAA4B;QACtD,UAAI,GAAJ,IAAI,CAAM;QACV,kBAAY,GAAZ,YAAY,CAAqB;QAlBpB,aAAO,GAAG,cAAc,CAAC;QACJ,gBAAU,GAAG,IAAI,CAAC;QACrC,UAAI,GAAG,OAAO,CAAC;;IAkBzC,CAAC;IAhBD,sBAAwD,0BAAO;aAA/D,cAAoE,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC;;;OAAA;IACtH,sBAAuD,yBAAM;aAA7D,cAAkE,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC;;;OAAA;IACnH,sBAA0D,4BAAS;aAAnE,cAAwE,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC;;;OAAA;IAC5H,sBAA0D,4BAAS;aAAnE,cAAwE,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC;;;OAAA;IAC5H,sBAA+D,gCAAa;aAA5E,cAAiF,OAAO,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC;;;OAAA;IAG3H,sBAAI,iCAAc;aAAlB;YACC,OAAO,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC;QACzC,CAAC;;;OAAA;IASD,wBAAQ,GAAR;QACC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE;YACrC,IAAI,CAAC,eAAe,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC;SAC5E;IACF,CAAC;;gBA/DD,SAAS,SAAC;oBACV,QAAQ,EAAE,WAAW;oBACrB,QAAQ,EAAE,soCAyBT;iBACD;;;;gBAtCQ,0BAA0B;gBAC1B,IAAI;gBAFJ,mBAAmB;;;kCA8C1B,KAAK;0BAEL,WAAW,SAAC,SAAS;6BACrB,WAAW,SAAC,8BAA8B;uBAC1C,WAAW,SAAC,WAAW;0BAEvB,WAAW,SAAC,qCAAqC;yBACjD,WAAW,SAAC,oCAAoC;4BAChD,WAAW,SAAC,uCAAuC;4BACnD,WAAW,SAAC,uCAAuC;gCACnD,WAAW,SAAC,4CAA4C;;IAmB1D,YAAC;CAAA,AAhED,CA6B2B,YAAY,GAmCtC;SAnCY,KAAK","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tOnInit,\n\tHostBinding\n} from \"@angular/core\";\n\nimport { ToastContent } from \"./notification-content.interface\";\nimport { Notification } from \"./notification.component\";\nimport { ExperimentalService } from \"./../experimental.module\";\nimport { NotificationDisplayService } from \"./notification-display.service\";\nimport { I18n } from \"./../i18n/i18n.module\";\n\n/**\n * Toast messages are displayed toward the top of the UI and do not interrupt user’s work.\n *\n * [See demo](../../?path=/story/notification--toast)\n *\n * <example-url>../../iframe.html?id=notification--toast</example-url>\n */\n@Component({\n\tselector: \"ibm-toast\",\n\ttemplate: `\n\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t<div class=\"bx--toast-notification__details\">\n\t\t\t<h3 class=\"bx--toast-notification__title\" [innerHTML]=\"notificationObj.title\"></h3>\n\t\t\t<p class=\"bx--toast-notification__subtitle\" [innerHTML]=\"notificationObj.subtitle\"></p>\n\t\t\t<p class=\"bx--toast-notification__caption\" [innerHTML]=\"notificationObj.caption\"></p>\n\t\t</div>\n\t\t<button\n\t\t\tclass=\"bx--toast-notification__close-button\"\n\t\t\ttype=\"button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel\"\n\t\t\t(click)=\"onClose()\">\n\t\t\t<ibm-icon-close16 class=\"bx--toast-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t`\n})\nexport class Toast extends Notification implements OnInit {\n\t/**\n\t * Can have `type`, `title`, `subtitle`, and `caption` members.\n\t *\n\t * `type` can be one of `\"error\"`, `\"info\"`, `\"warning\"`, or `\"success\"`\n\t */\n\t@Input() notificationObj: ToastContent;\n\n\t@HostBinding(\"attr.id\") toastID = \"notification\";\n\t@HostBinding(\"class.bx--toast-notification\") toastClass = true;\n\t@HostBinding(\"attr.role\") role = \"alert\";\n\n\t@HostBinding(\"class.bx--toast-notification--error\") get isError() { return this.notificationObj[\"type\"] === \"error\"; }\n\t@HostBinding(\"class.bx--toast-notification--info\") get isInfo() { return this.notificationObj[\"type\"] === \"info\"; }\n\t@HostBinding(\"class.bx--toast-notification--success\") get isSuccess() { return this.notificationObj[\"type\"] === \"success\"; }\n\t@HostBinding(\"class.bx--toast-notification--warning\") get isWarning() { return this.notificationObj[\"type\"] === \"warning\"; }\n\t@HostBinding(\"class.bx--toast-notification--low-contrast\") get isLowContrast() { return this.notificationObj.lowContrast; }\n\n\n\tget isExperimental() {\n\t\treturn this.experimental.isExperimental;\n\t}\n\n\tconstructor(\n\t\tprotected notificationDisplayService: NotificationDisplayService,\n\t\tprotected i18n: I18n,\n\t\tprotected experimental: ExperimentalService) {\n\t\tsuper(notificationDisplayService, i18n);\n\t}\n\n\tngOnInit() {\n\t\tif (!this.notificationObj.closeLabel) {\n\t\t\tthis.notificationObj.closeLabel = this.i18n.get().NOTIFICATION.CLOSE_BUTTON;\n\t\t}\n\t}\n}\n"]}

package/notification/toast.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"Toast":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./notification.component","name":"Notification","line":49,"character":27},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"ibm-toast","template":"\n\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t<div class=\"bx--toast-notification__details\">\n\t\t\t<h3 class=\"bx--toast-notification__title\" [innerHTML]=\"notificationObj.title\"></h3>\n\t\t\t<p class=\"bx--toast-notification__subtitle\" [innerHTML]=\"notificationObj.subtitle\"></p>\n\t\t\t<p class=\"bx--toast-notification__caption\" [innerHTML]=\"notificationObj.caption\"></p>\n\t\t</div>\n\t\t<button\n\t\t\tclass=\"bx--toast-notification__close-button\"\n\t\t\ttype=\"button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel\"\n\t\t\t(click)=\"onClose()\">\n\t\t\t<ibm-icon-close16 class=\"bx--toast-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t"}]}],"members":{"notificationObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":2}}]}],"toastID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":57,"character":2},"arguments":["attr.id"]}]}],"toastClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":58,"character":2},"arguments":["class.bx--toast-notification"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":59,"character":2},"arguments":["attr.role"]}]}],"isError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":61,"character":2},"arguments":["class.bx--toast-notification--error"]}]}],"isInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":62,"character":2},"arguments":["class.bx--toast-notification--info"]}]}],"isSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":2},"arguments":["class.bx--toast-notification--success"]}]}],"isWarning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":64,"character":2},"arguments":["class.bx--toast-notification--warning"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./notification-display.service","name":"NotificationDisplayService","line":71,"character":40},{"__symbolic":"reference","module":"./../i18n/i18n.module","name":"I18n","line":72,"character":18},{"__symbolic":"reference","module":"./../experimental.module","name":"ExperimentalService","line":73,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"Toast":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./notification.component","name":"Notification","line":49,"character":27},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"ibm-toast","template":"\n\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t<div class=\"bx--toast-notification__details\">\n\t\t\t<h3 class=\"bx--toast-notification__title\" [innerHTML]=\"notificationObj.title\"></h3>\n\t\t\t<p class=\"bx--toast-notification__subtitle\" [innerHTML]=\"notificationObj.subtitle\"></p>\n\t\t\t<p class=\"bx--toast-notification__caption\" [innerHTML]=\"notificationObj.caption\"></p>\n\t\t</div>\n\t\t<button\n\t\t\tclass=\"bx--toast-notification__close-button\"\n\t\t\ttype=\"button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel\"\n\t\t\t(click)=\"onClose()\">\n\t\t\t<ibm-icon-close16 class=\"bx--toast-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t"}]}],"members":{"notificationObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":2}}]}],"toastID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":57,"character":2},"arguments":["attr.id"]}]}],"toastClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":58,"character":2},"arguments":["class.bx--toast-notification"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":59,"character":2},"arguments":["attr.role"]}]}],"isError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":61,"character":2},"arguments":["class.bx--toast-notification--error"]}]}],"isInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":62,"character":2},"arguments":["class.bx--toast-notification--info"]}]}],"isSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":2},"arguments":["class.bx--toast-notification--success"]}]}],"isWarning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":64,"character":2},"arguments":["class.bx--toast-notification--warning"]}]}],"isLowContrast":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":65,"character":2},"arguments":["class.bx--toast-notification--low-contrast"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./notification-display.service","name":"NotificationDisplayService","line":73,"character":40},{"__symbolic":"reference","module":"./../i18n/i18n.module","name":"I18n","line":74,"character":18},{"__symbolic":"reference","module":"./../experimental.module","name":"ExperimentalService","line":75,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

package/notification/toast.component.ngfactory.js

@@ -48,7 +48,7 @@ export function View_Toast_0(_l) { return i0.ɵvid(0, [i0.ɵqud(402653184, 1, {
         var pd_0 = (_co.onClose() !== false);
         ad = (pd_0 && ad);
     } return ad; }, null, null)), (_l()(), i0.ɵeld(12, 0, null, null, 1, "ibm-icon-close16", [["class", "bx--toast-notification__close-icon"]], null, null, null, i8.View_Close16_0, i8.RenderType_Close16)), i0.ɵdid(13, 49152, null, 0, i9.Close16, [], null, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.notificationObj.type === "error"); _ck(_v, 2, 0, currVal_0); var currVal_1 = (_co.notificationObj.type === "warning"); _ck(_v, 4, 0, currVal_1); var currVal_2 = (_co.notificationObj.type === "success"); _ck(_v, 6, 0, currVal_2); }, function (_ck, _v) { var _co = _v.component; var currVal_3 = _co.notificationObj.title; _ck(_v, 8, 0, currVal_3); var currVal_4 = _co.notificationObj.subtitle; _ck(_v, 9, 0, currVal_4); var currVal_5 = _co.notificationObj.caption; _ck(_v, 10, 0, currVal_5); var currVal_6 = _co.notificationObj.closeLabel; _ck(_v, 11, 0, currVal_6); }); }
-export function View_Toast_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-toast", [], [[1, "id", 0], [2, "bx--inline-notification", null], [1, "role", 0], [2, "bx--inline-notification--error", null], [2, "bx--toast-notification--error", null], [2, "bx--inline-notification--info", null], [2, "bx--toast-notification--info", null], [2, "bx--inline-notification--success", null], [2, "bx--toast-notification--success", null], [2, "bx--inline-notification--warning", null], [2, "bx--toast-notification--warning", null], [2, "bx--toast-notification", null]], null, null, View_Toast_0, RenderType_Toast)), i0.ɵdid(1, 114688, null, 0, i10.Toast, [i11.NotificationDisplayService, i12.I18n, i13.ExperimentalService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 1).toastID; var currVal_1 = i0.ɵnov(_v, 1).notificationClass; var currVal_2 = i0.ɵnov(_v, 1).role; var currVal_3 = i0.ɵnov(_v, 1).isError; var currVal_4 = i0.ɵnov(_v, 1).isError; var currVal_5 = i0.ɵnov(_v, 1).isInfo; var currVal_6 = i0.ɵnov(_v, 1).isInfo; var currVal_7 = i0.ɵnov(_v, 1).isSuccess; var currVal_8 = i0.ɵnov(_v, 1).isSuccess; var currVal_9 = i0.ɵnov(_v, 1).isWarning; var currVal_10 = i0.ɵnov(_v, 1).isWarning; var currVal_11 = i0.ɵnov(_v, 1).toastClass; _ck(_v, 0, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11]); }); }
+export function View_Toast_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-toast", [], [[1, "id", 0], [2, "bx--inline-notification", null], [1, "role", 0], [2, "bx--inline-notification--error", null], [2, "bx--toast-notification--error", null], [2, "bx--inline-notification--info", null], [2, "bx--toast-notification--info", null], [2, "bx--inline-notification--success", null], [2, "bx--toast-notification--success", null], [2, "bx--inline-notification--warning", null], [2, "bx--toast-notification--warning", null], [2, "bx--inline-notification--low-contrast", null], [2, "bx--toast-notification--low-contrast", null], [2, "bx--toast-notification", null]], null, null, View_Toast_0, RenderType_Toast)), i0.ɵdid(1, 114688, null, 0, i10.Toast, [i11.NotificationDisplayService, i12.I18n, i13.ExperimentalService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 1).toastID; var currVal_1 = i0.ɵnov(_v, 1).notificationClass; var currVal_2 = i0.ɵnov(_v, 1).role; var currVal_3 = i0.ɵnov(_v, 1).isError; var currVal_4 = i0.ɵnov(_v, 1).isError; var currVal_5 = i0.ɵnov(_v, 1).isInfo; var currVal_6 = i0.ɵnov(_v, 1).isInfo; var currVal_7 = i0.ɵnov(_v, 1).isSuccess; var currVal_8 = i0.ɵnov(_v, 1).isSuccess; var currVal_9 = i0.ɵnov(_v, 1).isWarning; var currVal_10 = i0.ɵnov(_v, 1).isWarning; var currVal_11 = i0.ɵnov(_v, 1).isLowContrast; var currVal_12 = i0.ɵnov(_v, 1).isLowContrast; var currVal_13 = i0.ɵnov(_v, 1).toastClass; _ck(_v, 0, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13]); }); }
 var ToastNgFactory = i0.ɵccf("ibm-toast", i10.Toast, View_Toast_Host_0, { notificationObj: "notificationObj" }, { close: "close" }, []);
 export { ToastNgFactory as ToastNgFactory };
 //# sourceMappingURL=toast.component.ngfactory.js.map

package/notification/toast.component.ngsummary.json

@@ -1 +1 @@
-{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","extends":{"__symbol":1,"members":[]},"members":{"notificationObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"toastID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["attr.id"]}]}],"toastClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["attr.role"]}]}],"isError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification--error"]}]}],"isInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification--info"]}]}],"isSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification--success"]}]}],"isWarning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification--warning"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":4,"members":[]},{"__symbol":5,"members":[]},{"__symbol":6,"members":[]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":4,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":7,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":8,"members":[]}}}}],"lifecycleHooks":[0]},"isComponent":true,"selector":"ibm-toast","exportAs":null,"inputs":{"notificationObj":"notificationObj"},"outputs":{"close":"close"},"hostListeners":{},"hostProperties":{"attr.id":"toastID","class.bx--inline-notification":"notificationClass","attr.role":"role","class.bx--inline-notification--error":"isError","class.bx--toast-notification--error":"isError","class.bx--inline-notification--info":"isInfo","class.bx--toast-notification--info":"isInfo","class.bx--inline-notification--success":"isSuccess","class.bx--toast-notification--success":"isSuccess","class.bx--inline-notification--warning":"isWarning","class.bx--toast-notification--warning":"isWarning","class.bx--toast-notification":"toastClass"},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[{"selectors":[{"value":"notification"}],"first":true,"descendants":true,"propertyName":"notification","read":null}],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":[],"encapsulation":2},"componentViewType":{"__symbol":9,"members":[]},"rendererType":{"__symbol":10,"members":[]},"componentFactory":{"__symbol":11,"members":[]}}}],"symbols":[{"__symbol":0,"name":"Toast","filePath":"./toast.component"},{"__symbol":1,"name":"Notification","filePath":"./notification.component"},{"__symbol":2,"name":"Input","filePath":"@angular/core"},{"__symbol":3,"name":"HostBinding","filePath":"@angular/core"},{"__symbol":4,"name":"NotificationDisplayService","filePath":"./notification-display.service"},{"__symbol":5,"name":"I18n","filePath":"../i18n/i18n.module"},{"__symbol":6,"name":"ExperimentalService","filePath":"../experimental.module"},{"__symbol":7,"name":"I18n","filePath":"../i18n/i18n.service"},{"__symbol":8,"name":"ExperimentalService","filePath":"../experimental.service"},{"__symbol":9,"name":"View_Toast_0","filePath":"./toast.component.ngfactory"},{"__symbol":10,"name":"RenderType_Toast","filePath":"./toast.component.ngfactory"},{"__symbol":11,"name":"ToastNgFactory","filePath":"./toast.component.ngfactory"}]}
+{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","extends":{"__symbol":1,"members":[]},"members":{"notificationObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"toastID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["attr.id"]}]}],"toastClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["attr.role"]}]}],"isError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification--error"]}]}],"isInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification--info"]}]}],"isSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification--success"]}]}],"isWarning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification--warning"]}]}],"isLowContrast":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification--low-contrast"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":4,"members":[]},{"__symbol":5,"members":[]},{"__symbol":6,"members":[]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":4,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":7,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":8,"members":[]}}}}],"lifecycleHooks":[0]},"isComponent":true,"selector":"ibm-toast","exportAs":null,"inputs":{"notificationObj":"notificationObj"},"outputs":{"close":"close"},"hostListeners":{},"hostProperties":{"attr.id":"toastID","class.bx--inline-notification":"notificationClass","attr.role":"role","class.bx--inline-notification--error":"isError","class.bx--toast-notification--error":"isError","class.bx--inline-notification--info":"isInfo","class.bx--toast-notification--info":"isInfo","class.bx--inline-notification--success":"isSuccess","class.bx--toast-notification--success":"isSuccess","class.bx--inline-notification--warning":"isWarning","class.bx--toast-notification--warning":"isWarning","class.bx--inline-notification--low-contrast":"isLowContrast","class.bx--toast-notification--low-contrast":"isLowContrast","class.bx--toast-notification":"toastClass"},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[{"selectors":[{"value":"notification"}],"first":true,"descendants":true,"propertyName":"notification","read":null}],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":[],"encapsulation":2},"componentViewType":{"__symbol":9,"members":[]},"rendererType":{"__symbol":10,"members":[]},"componentFactory":{"__symbol":11,"members":[]}}}],"symbols":[{"__symbol":0,"name":"Toast","filePath":"./toast.component"},{"__symbol":1,"name":"Notification","filePath":"./notification.component"},{"__symbol":2,"name":"Input","filePath":"@angular/core"},{"__symbol":3,"name":"HostBinding","filePath":"@angular/core"},{"__symbol":4,"name":"NotificationDisplayService","filePath":"./notification-display.service"},{"__symbol":5,"name":"I18n","filePath":"../i18n/i18n.module"},{"__symbol":6,"name":"ExperimentalService","filePath":"../experimental.module"},{"__symbol":7,"name":"I18n","filePath":"../i18n/i18n.service"},{"__symbol":8,"name":"ExperimentalService","filePath":"../experimental.service"},{"__symbol":9,"name":"View_Toast_0","filePath":"./toast.component.ngfactory"},{"__symbol":10,"name":"RenderType_Toast","filePath":"./toast.component.ngfactory"},{"__symbol":11,"name":"ToastNgFactory","filePath":"./toast.component.ngfactory"}]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-components-angular",
-  "version": "3.17.2",
+  "version": "3.17.3",
   "description": "Next generation components",
   "main": "index.js",
   "scripts": {

package/ui-shell/header/header-action.component.js

@@ -49,7 +49,7 @@ var HeaderAction = /** @class */ (function () {
     HeaderAction.decorators = [
         { type: Component, args: [{
                     selector: "ibm-header-action",
-                    template: "\n\t\t<button\n\t\t\tclass=\"bx--header__action\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--header__action--active': active\n\t\t\t}\"\n\t\t\t[attr.aria-label]=\"title\"\n\t\t\t[title]=\"title\"\n\t\t\t(click)=\"onClick()\">\n\t\t\t<ng-content></ng-content>\n\t\t\t<svg ibmIconClose20 class=\"bx--navigation-menu-panel-collapse-icon\"></svg>\n\t\t</button>\n\t"
+                    template: "\n\t\t<button\n\t\t\tclass=\"bx--header__action\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--header__action--active': active\n\t\t\t}\"\n\t\t\t[attr.aria-label]=\"title\"\n\t\t\t[title]=\"title\"\n\t\t\t(click)=\"onClick()\">\n\t\t\t<ng-content></ng-content>\n\t\t</button>\n\t"
                 },] },
     ];
     HeaderAction.propDecorators = {

package/ui-shell/header/header-action.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-action.component.js","sourceRoot":"","sources":["../../src/ui-shell/header/header-action.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,KAAK,EACL,MAAM,EACN,YAAY,EACZ,MAAM,eAAe,CAAC;AAEvB;;GAEG;AACH;IAAA;QAiBC;;WAEG;QACM,UAAK,GAAG,EAAE,CAAC;QACpB;;WAEG;QACM,WAAM,GAAG,KAAK,CAAC;QACxB;;WAEG;QACM,iBAAY,GAAG,IAAI,YAAY,EAAW,CAAC;QACpD;;WAEG;QACO,aAAQ,GAAG,IAAI,YAAY,EAAW,CAAC;IAOlD,CAAC;IALA,8BAAO,GAAP;QACC,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC;;gBAtCD,SAAS,SAAC;oBACV,QAAQ,EAAE,mBAAmB;oBAC7B,QAAQ,EAAE,mWAYT;iBACD;;;wBAKC,KAAK;yBAIL,KAAK;+BAIL,KAAK;2BAIL,MAAM;;IAOR,mBAAC;CAAA,AAvCD,IAuCC;SAvBY,YAAY","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tOutput,\n\tEventEmitter\n} from \"@angular/core\";\n\n/**\n * Contained by `HeaderGlobal`. Generally used to trigger `Panel`s\n */\n@Component({\n\tselector: \"ibm-header-action\",\n\ttemplate: `\n\t\t<button\n\t\t\tclass=\"bx--header__action\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--header__action--active': active\n\t\t\t}\"\n\t\t\t[attr.aria-label]=\"title\"\n\t\t\t[title]=\"title\"\n\t\t\t(click)=\"onClick()\">\n\t\t\t<ng-content></ng-content>\n\t\t\t<svg ibmIconClose20 class=\"bx--navigation-menu-panel-collapse-icon\"></svg>\n\t\t</button>\n\t`\n})\nexport class HeaderAction {\n\t/**\n\t * Title. Populates the aria-label as well as the browser `title` tooltip\n\t */\n\t@Input() title = \"\";\n\t/**\n\t * Toggles the active state. May be used to toggle a `Panel`s active state.\n\t */\n\t@Input() active = false;\n\t/**\n\t * \"Change\" emitter to allow double binding to the `active` Input.\n\t */\n\t@Input() activeChange = new EventEmitter<boolean>();\n\t/**\n\t * Emits when the action has been clicked.\n\t */\n\t@Output() selected = new EventEmitter<boolean>();\n\n\tonClick() {\n\t\tthis.active = !this.active;\n\t\tthis.selected.emit(this.active);\n\t\tthis.activeChange.emit(this.active);\n\t}\n}\n"]}
+{"version":3,"file":"header-action.component.js","sourceRoot":"","sources":["../../src/ui-shell/header/header-action.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,KAAK,EACL,MAAM,EACN,YAAY,EACZ,MAAM,eAAe,CAAC;AAEvB;;GAEG;AACH;IAAA;QAgBC;;WAEG;QACM,UAAK,GAAG,EAAE,CAAC;QACpB;;WAEG;QACM,WAAM,GAAG,KAAK,CAAC;QACxB;;WAEG;QACM,iBAAY,GAAG,IAAI,YAAY,EAAW,CAAC;QACpD;;WAEG;QACO,aAAQ,GAAG,IAAI,YAAY,EAAW,CAAC;IAOlD,CAAC;IALA,8BAAO,GAAP;QACC,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC;;gBArCD,SAAS,SAAC;oBACV,QAAQ,EAAE,mBAAmB;oBAC7B,QAAQ,EAAE,+QAWT;iBACD;;;wBAKC,KAAK;yBAIL,KAAK;+BAIL,KAAK;2BAIL,MAAM;;IAOR,mBAAC;CAAA,AAtCD,IAsCC;SAvBY,YAAY","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tOutput,\n\tEventEmitter\n} from \"@angular/core\";\n\n/**\n * Contained by `HeaderGlobal`. Generally used to trigger `Panel`s\n */\n@Component({\n\tselector: \"ibm-header-action\",\n\ttemplate: `\n\t\t<button\n\t\t\tclass=\"bx--header__action\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--header__action--active': active\n\t\t\t}\"\n\t\t\t[attr.aria-label]=\"title\"\n\t\t\t[title]=\"title\"\n\t\t\t(click)=\"onClick()\">\n\t\t\t<ng-content></ng-content>\n\t\t</button>\n\t`\n})\nexport class HeaderAction {\n\t/**\n\t * Title. Populates the aria-label as well as the browser `title` tooltip\n\t */\n\t@Input() title = \"\";\n\t/**\n\t * Toggles the active state. May be used to toggle a `Panel`s active state.\n\t */\n\t@Input() active = false;\n\t/**\n\t * \"Change\" emitter to allow double binding to the `active` Input.\n\t */\n\t@Input() activeChange = new EventEmitter<boolean>();\n\t/**\n\t * Emits when the action has been clicked.\n\t */\n\t@Output() selected = new EventEmitter<boolean>();\n\n\tonClick() {\n\t\tthis.active = !this.active;\n\t\tthis.selected.emit(this.active);\n\t\tthis.activeChange.emit(this.active);\n\t}\n}\n"]}

package/ui-shell/header/header-action.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"HeaderAction":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ibm-header-action","template":"\n\t\t<button\n\t\t\tclass=\"bx--header__action\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--header__action--active': active\n\t\t\t}\"\n\t\t\t[attr.aria-label]=\"title\"\n\t\t\t[title]=\"title\"\n\t\t\t(click)=\"onClick()\">\n\t\t\t<ng-content></ng-content>\n\t\t\t<svg ibmIconClose20 class=\"bx--navigation-menu-panel-collapse-icon\"></svg>\n\t\t</button>\n\t"}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":2}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":2}}]}],"activeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":2}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":2}}]}],"onClick":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"HeaderAction":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ibm-header-action","template":"\n\t\t<button\n\t\t\tclass=\"bx--header__action\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--header__action--active': active\n\t\t\t}\"\n\t\t\t[attr.aria-label]=\"title\"\n\t\t\t[title]=\"title\"\n\t\t\t(click)=\"onClick()\">\n\t\t\t<ng-content></ng-content>\n\t\t</button>\n\t"}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":2}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":2}}]}],"activeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":2}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":2}}]}],"onClick":[{"__symbolic":"method"}]}}}}]

package/ui-shell/header/header-action.component.ngfactory.js

@@ -26,16 +26,15 @@
  */ 
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@carbon/icons-angular/lib/close/20";
-import * as i3 from "./header-action.component";
+import * as i2 from "./header-action.component";
 var styles_HeaderAction = [];
 var RenderType_HeaderAction = i0.ɵcrt({ encapsulation: 2, styles: styles_HeaderAction, data: {} });
 export { RenderType_HeaderAction as RenderType_HeaderAction };
-export function View_HeaderAction_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 5, "button", [["class", "bx--header__action"]], [[1, "aria-label", 0], [8, "title", 0]], [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
+export function View_HeaderAction_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 3, "button", [["class", "bx--header__action"]], [[1, "aria-label", 0], [8, "title", 0]], [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
         var pd_0 = (_co.onClick() !== false);
         ad = (pd_0 && ad);
-    } return ad; }, null, null)), i0.ɵdid(1, 278528, null, 0, i1.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(2, { "bx--header__action--active": 0 }), i0.ɵncd(null, 0), (_l()(), i0.ɵeld(4, 0, null, null, 1, ":svg:svg", [["class", "bx--navigation-menu-panel-collapse-icon"], ["ibmIconClose20", ""]], null, null, null, null, null)), i0.ɵdid(5, 4210688, null, 0, i2.Close20Directive, [i0.ElementRef], null, null)], function (_ck, _v) { var _co = _v.component; var currVal_2 = "bx--header__action"; var currVal_3 = _ck(_v, 2, 0, _co.active); _ck(_v, 1, 0, currVal_2, currVal_3); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.title; var currVal_1 = _co.title; _ck(_v, 0, 0, currVal_0, currVal_1); }); }
-export function View_HeaderAction_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-header-action", [], null, null, null, View_HeaderAction_0, RenderType_HeaderAction)), i0.ɵdid(1, 49152, null, 0, i3.HeaderAction, [], null, null)], null, null); }
-var HeaderActionNgFactory = i0.ɵccf("ibm-header-action", i3.HeaderAction, View_HeaderAction_Host_0, { title: "title", active: "active", activeChange: "activeChange" }, { selected: "selected" }, ["*"]);
+    } return ad; }, null, null)), i0.ɵdid(1, 278528, null, 0, i1.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(2, { "bx--header__action--active": 0 }), i0.ɵncd(null, 0)], function (_ck, _v) { var _co = _v.component; var currVal_2 = "bx--header__action"; var currVal_3 = _ck(_v, 2, 0, _co.active); _ck(_v, 1, 0, currVal_2, currVal_3); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.title; var currVal_1 = _co.title; _ck(_v, 0, 0, currVal_0, currVal_1); }); }
+export function View_HeaderAction_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-header-action", [], null, null, null, View_HeaderAction_0, RenderType_HeaderAction)), i0.ɵdid(1, 49152, null, 0, i2.HeaderAction, [], null, null)], null, null); }
+var HeaderActionNgFactory = i0.ɵccf("ibm-header-action", i2.HeaderAction, View_HeaderAction_Host_0, { title: "title", active: "active", activeChange: "activeChange" }, { selected: "selected" }, ["*"]);
 export { HeaderActionNgFactory as HeaderActionNgFactory };
 //# sourceMappingURL=header-action.component.ngfactory.js.map

package/ui-shell/header/header-action.component.ngfactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-action.component.ngfactory.js","sourceRoot":"","sources":["../../src/ui-shell/header/header-action.component.ngfactory.ts","../../src/ui-shell/header/header-action.component.ts.HeaderAction.html"],"names":[],"mappings":";;;;;;;;;;;;;8DCCE,qMAOqB,YAApB;;wBAAmB;MAPpB,iMAOqB,GALpB,4CAEE,KAIF,eAAY,IACZ,8OAAoE,iDARpE,oCAA0B,EAC1B,iCAEE,UAJH,YAOqB,EANpB,SAA0B,EAC1B,SAEE,mDACF,mBAAyB,QACzB,mBAAe,QANhB,YAOqB,EAFpB,SAAyB,EACzB,SAAe","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<button\n\t\t\tclass=\"bx--header__action\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--header__action--active': active\n\t\t\t}\"\n\t\t\t[attr.aria-label]=\"title\"\n\t\t\t[title]=\"title\"\n\t\t\t(click)=\"onClick()\">\n\t\t\t<ng-content></ng-content>\n\t\t\t<svg ibmIconClose20 class=\"bx--navigation-menu-panel-collapse-icon\"></svg>\n\t\t</button>\n\t"]}
+{"version":3,"file":"header-action.component.ngfactory.js","sourceRoot":"","sources":["../../src/ui-shell/header/header-action.component.ngfactory.ts","../../src/ui-shell/header/header-action.component.ts.HeaderAction.html"],"names":[],"mappings":";;;;;;;;;;;;8DCCE,qMAOqB,YAApB;;wBAAmB;MAPpB,iMAOqB,GALpB,4CAEE,KAIF,eAAY,iDAPZ,oCAA0B,EAC1B,iCAEE,UAJH,YAOqB,EANpB,SAA0B,EAC1B,SAEE,mDACF,mBAAyB,QACzB,mBAAe,QANhB,YAOqB,EAFpB,SAAyB,EACzB,SAAe","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<button\n\t\t\tclass=\"bx--header__action\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--header__action--active': active\n\t\t\t}\"\n\t\t\t[attr.aria-label]=\"title\"\n\t\t\t[title]=\"title\"\n\t\t\t(click)=\"onClick()\">\n\t\t\t<ng-content></ng-content>\n\t\t</button>\n\t"]}

package/ui-shell/header/header.component.d.ts

@@ -18,6 +18,9 @@
  */
 
 
+import { EventEmitter } from "@angular/core";
+import { DomSanitizer } from "@angular/platform-browser";
+import { Router } from "@angular/router";
 import { I18n } from "../../i18n/i18n.module";
 /**
  * A fixed header and navigation.
@@ -30,6 +33,8 @@ import { I18n } from "../../i18n/i18n.module";
  */
 export declare class Header {
     i18n: I18n;
+    protected domSanitizer: DomSanitizer;
+    protected router: Router;
     /**
      * ID in the main body content to jump to. Used by keyboard and screen reader users to skip the header content.
      */
@@ -42,5 +47,25 @@ export declare class Header {
      * Top level branding. Defaults to "IBM"
      */
     brand: string;
-    constructor(i18n: I18n);
+    /**
+     * Optional link for the header
+     */
+    href: string;
+    /**
+     * Array of commands to send to the router when the link is activated
+     * See: https://angular.io/api/router/Router#navigate
+     */
+    route: any[];
+    /**
+     * Router options. Used in conjunction with `route`
+     * See: https://angular.io/api/router/Router#navigate
+     */
+    routeExtras: any;
+    /**
+     * Emits the navigation status promise when the link is activated
+     */
+    navigation: EventEmitter<Promise<boolean>>;
+    protected _href: string;
+    constructor(i18n: I18n, domSanitizer: DomSanitizer, router: Router);
+    navigate(event: any): void;
 }